@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 Service
                            @if(isset($doctor_id) && !empty($doctor_id))
                                <a href="{{route('doctor.index')}}" class="btn btn-primary float-right ml-2">Back</a>
                                <a href="{{route('create-service',$doctor_id)}}" class="btn btn-primary float-right">Create Service</a>
                            @else
                                @if($login_user_role == 3)
                                    <a href="{{route('create-service',$login_user_id)}}" class="btn btn-primary float-right">Create Service</a>
                                @else
                                 <a href="{{route('create-service','')}}" class="btn btn-primary float-right">Create Service</a>
                                @endif
                            @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="services_table" width="100%">
                                        <thead class="">
                                            <tr>
                                                <th>#</th>
                                                <th>Service Name</th>
                                                <th>Dcotor Name</th>
                                                <th>Consultant Fees</th>
                                                <th>Note</th>
                                                <th>Status</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        
                                    </table>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#services_table').DataTable({
            processing: true,
            serverSide: true,
            ajax: {
                url: "{{ route('get-doctors-services') }}",
                type: "POST",
                data: function (data) {
                    data._token = "{{ csrf_token() }}";
                    data.search = $('input[type="search"]').val();
                    data.doctor_id = "{{$doctor_id ?? ''}}";
                },
                complete: function (xhr, status) {
                    $('[data-toggle="tooltip"]').tooltip();
                }
            },
            order: [['0', 'DESC']],
            pageLength: 10,
            searching: true,
            columns: [
                { data: 'index' }, { data: 'service_name' }, { data: 'doctor_name' }, { data: 'service_consultant_price' }, { data: 'service_time' }, { data: 'status' }, { data: 'action' }
            ]
        });
    });
</script>
@endsection