@php

$name = $id = 'fillShiftId';
$label = isset($element['label']) ? $element['label'].'<sup class="text-danger">*</sup>' : 'Shift:';

$class = 'form-control custom-select2';
if (isset($element['attributes']['class'])) {
    $class .= ' ' . $element['attributes']['class'];
}

$attributes = ['id' => $id, 'class' => $class,'placeholder' => 'Please select shift'];
if (isset($element['attributes'])) {
    $attributes = array_merge($attributes, $element['attributes']);
}

$data = [];

$data = DB::table('eims_shift')
            ->selectRaw("id,CONCAT(name, ' (', DATE_FORMAT(start_time, '%h:%i %p'), '-', DATE_FORMAT(end_time, '%h:%i %p'), ')') as name")
            ->whereNull('deleted_at')
            ->where('status',1)
            ->orderBy('name', 'asc')
            ->pluck('name', 'id');


$options = $data;

if (isset($element['options'])) {
    $options = $element['options'];
}

$defaultValue = isset($element['defaultValue']) ? $element['defaultValue'] : '';
@endphp

<div class="col-xs-2">
    {!! Form::label($name, $label, ['class' => 'control-label'],false) !!} <br />
    {!! Form::select($name, $options, $defaultValue, $attributes) !!}
    <p id="{{ $id }}e" style="min-height:3px;"></p>
</div>


<script>
    $(document).ready(function(){

        $("#fillShiftId").change(function() {
            var fillShiftId = $('#fillShiftId').val();
            $("#fillStudentId").empty();
            $("#fillStudentId").prepend(
                '<option selected="selected" value="">Please Select Student</option>');

            $.ajax({
                type: 'post',
                url: '{{route("eims_faculty_department_program_session_semester_section_course_subject_option_change")}}',
                data: $('form').serialize(),
                dataType: 'json',
                success: function(_response) {
                    $.each(_response, function(key, value) {
                        {
                            if (key == "studentListByShiftChange") {
                                $.each(value, function(index, result) {
                                    $('#fillStudentId').append(
                                        "<option value='" + result.id +
                                        "'>" + result.name + "</option>"
                                        );
                                });
                            }

                        }
                    });
                }
            });
        });

    });
</script>