<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <link rel="stylesheet" href="{{ config('builder.vendor_asset_path') }}/bootstrap.css">
        <link rel="stylesheet" href="{{ config('builder.backend_asset_path') }}/modules/css/settings.css">
    </head>
    <body>
        <div id="settings-wrapper">
            <div class="container">
                <div class="form-row w-100">

                    <div class="form-group col-12">
                        <label for="ref">Select Category:</label>
                        <select id="ref" class="form-control">
                            <option value="">-- All Categories --</option>
                            @foreach(QuestionCategory::all() as $questionCategory)
                                <option value="{{ $questionCategory->uuid }}">
                                    {{ $questionCategory->name }}- {{ $questionCategory->id }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group col-6">
                        <label for="style">Style:</label>
                        <select id="style" class="form-control">
                            <option value="style-1">Style 1</option>
                            <option value="style-2">Style 2</option>
                            <option value="style-3">Style 3</option>
                            <option value="style-4">Style 4</option>
                            <option value="style-5">Style 5</option>
                        </select>
                    </div>
                </div>

            </div>
        </div>

        <script src="{{ config('builder.backend_asset_path') }}/modules/js/question.js"></script>
    </body>
</html>
