@if(isset($flagsConfiguredComposer) && count($flagsConfiguredComposer)>0)
    <div class="row barraClara">
    @foreach($flagsConfiguredComposer as $itemFl)
        @switch($itemFl->name_dfb)
            @case('SCHOOL_YEAR')
            <!-- 1. Drop down de año lectivo-->
                @if($flagsSchoolYearConfiguredComposer && isset($flagsSchoolYearConfiguredComposer[0]->name_dfb))
                    <div class="col-3">
                        <div class="row">
                            <div class="col-5">
                                <label class="d-inline-block">Año lectivo:</label>
                            </div>
                            @if(count($schoolYearsComposer)>0)
                                <div class="col-7">
                                    <select class="dropMenu d-inline-block" id="serial_scy_principal"
                                            name="serial_scy_principal">
                                        <option value="0"
                                                @if($schoolYearSelectedPrincipalComposer ==0) selected @endif >--
                                            seleccione --
                                        </option>
                                        @foreach($schoolYearsComposer as $itemS)
                                            <option class="alg-all-left" value="{{$itemS->serial_scy}}"
                                                    @if($schoolYearSelectedPrincipalComposer==$itemS->serial_scy) selected @endif>{{$itemS->name_scy}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            @endif
                        </div>
                    </div>
                @endif
            @break

            @case('SECTION')
            <!-- 2. Drop down de sección-->
                @if(count($sectionByYearComposer)>0 && isset($sectionByYearComposer))
                    <div class="col-3">
                        <div class="row">
                            <div class="col-3">
                                <label class="d-inline-block">Sección:</label>
                            </div>
                            <div class="col-9">
                                <select class="dropMenu d-inline-block">
                                    <option value="0">-- seleccione --</option>
                                    @foreach($sectionByYearComposer as $itemSet)
                                        <option class="alg-all-left"
                                                value="{{$itemSet->serial_set}}" @if($currentSectionComposer == $itemSet->serial_set ) @endif>{{$itemSet->name_set}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                @endif
                <div class="col-3">
                    <div class="row">
                        <div class="col-3">
                            <label class="d-inline-block">Curso:</label>
                        </div>
                        <div class="col-9">
                            <select class="dropMenu d-inline-block">
                                <option>-- seleeccion --</option>
                            </select>
                        </div>
                    </div>
                </div>
            @break
                <div class="col-3">
                    <div class="row">
                        <div class="col-4">
                            <label class="d-inline-block">Nivel:</label>
                        </div>
                        <div class="col-8">
                            <select class="dropMenu d-inline-block">
                                <option>-- seleeccion --</option>
                            </select>
                        </div>
                    </div>
                </div>
            @endswitch
        @endforeach
    </div>

    <script>
        $(document).ready(function () {
            $('#serial_scy_principal').change(function () {
                ajaxindicatorstart('Espere un momento por favor...')
                $.ajax({
                    url: '{{ route('/update-serial_scy_principal') }}',
                    type: 'POST',
                    dataType: 'JSON',
                    data: {
                        _token: $('[name=_token]').val(),
                        serial_scy_principal: $('#serial_scy_principal').val()
                    },
                    success: function (data) {
                        if (data.status == 200 && data.response == 'success') {
                            window.location.reload()
                        }
                        ajaxindicatorstop();
                    },
                    error: function (error) {
                        console.log(error)
                        ajaxindicatorstop();
                    }
                });

            });

        });
    </script>

@endif