<link rel="stylesheet/less" type="text/css" href="{{ asset('admin/plugins/datepicker/less/datepicker.less') }}">
<link href="{{ asset('admin/plugins/datepicker/css/datepicker.css')}}" rel="stylesheet" />
<form class="row g-3 auto-width schedule_type" action="{{ route('doctor-holiday-shifts.store',$doctor_id)}}" method="post" enctype='multipart/form-data' id="form">
    @csrf
    <div class="col-md-6">
        <label for="from_date" class="form-label">From Date <span class="text-danger"><b>*</b></span></label>
        <input type="text" class="form-control" id="from_date" placeholder="dd-mm-YY" name="from_date" aria-describedby="inputGroupPrepend" required>
        <span class="text-danger error_from_date" style="display:none;">This field is required.</span>
    </div>
    <div class="col-md-6">
        <label for="to_date" class="form-label">To Date</label>
        <input type="text" class="form-control" id="to_date" placeholder="dd-mm-YY" name="to_date" aria-describedby="inputGroupPrepend" required>
        <span class="text-danger error_to_date" style="display:none;">This field is required.</span>
    </div>
    <div class="col-md-12">
        <table class="table table-bordered border align-middle" border="1px" style="width:100%" id="tableshift">
            <thead class="table-light">
                <tr>
                    <th class="thbutton">#</th>
                    <th>Shifts (Allow All Shifts)</th>
                    <th class="thbutton">
                        <div class="parent-checkbox d-sm-flex">
                        Status &nbsp;  <input type="checkbox" class='header-checkbox' class="form-control" id="check-all">
                        </div>
                    </th>
                </tr>
            </thead>
            <tbody>
                @if(count($appointment_shifts) > 0)
                @foreach ($appointment_shifts as $key => $shift)
                <tr>
                    <td>{{$key+1}}</td>
                    <td>{{ ucfirst($shift->name) }}</td>
                    <td class="text-center">
                        <input class="body-checkbox shifts_click" data-shift_id="{{$shift->id}}" type="checkbox" name="shift_id[]" value="{{$shift->id}}">
                    </td>
                </tr>
                @endforeach
                @endif
            </tbody>
        </table>
    </div>
</form>
<script type="text/javascript" src="{{ asset('admin/plugins/datepicker/js/bootstrap-datepicker.js')}}"></script>