@extends('admin.main')

@section('content')
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                         <div class="card-header">
                            <h4 class="card-title">Doctor Unavailability
                                @if($login_user_role == 3)
                                    <a href="{{ route('unavailability.form') }}" class="btn btn-primary float-right">Create Unavailability</a>
                                @endif
                          </h4>
                        </div>
                        <div class="card-body sales_new_table">
                          @include('admin.msg')
                             <div class="table-responsive">
                                    <table class="display table-striped table table-bordered" id="unavailability_table">
                                        <thead class="">
                                            <tr>
                                                <th>#</th>
                                                <th>Date</th>
                                                <th>Unavailable Shift</th>
                                                <th>Reason</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#unavailability_table').DataTable({
            processing: true,
            serverSide: true,
            ajax: {
                url: "{{ route('get-doctors-unavailability') }}",
                type: "POST",
                data: function (data) {
                    data._token = "{{ csrf_token() }}";
                    data.search = $('input[type="search"]').val();
                },
                complete: function (xhr, status) {
                    $('[data-toggle="tooltip"]').tooltip();
                }
            },
            order: [['0', 'DESC']],
            pageLength: 10,
            searching: true,
            columns: [
                { data: 'index' }, { data: 'date' }, { data: 'slot' }, { data: 'reason' }, { data: 'action' }
            ]
        });
    });
</script>
@endsection