@extends('layouts.app') 

@section('title')
    دليل الاطباء
@endsection

@section('vendor_css')
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_dashboard/app-assets/vendors/css/tables/datatable/dataTables.bootstrap4.min.css') }}">
@endsection

@section('page_level_css')
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_dashboard/app-assets/css-rtl/core/menu/menu-types/vertical-menu.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_dashboard/app-assets/css-rtl/core/menu/menu-types/vertical-overlay-menu.css') }}">
@endsection


@section('content')                           
<section>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header"> 
                    <a class="heading-elements-toggle"><i class="fa fa-ellipsis-v font-medium-3"></i></a>
                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                            <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
                            <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                            <li><a data-action="close"><i class="ft-x"></i></a></li>
                        </ul>
                    </div>
                </div>

                 <div class="card-body  card-dashboard p-2">
                 	<form action="{{ route('cpanel-sessions-obsoleted-delete') }}" method="post">
                    <table class="table table-striped table-bordered ">
                        <thead>
                            <tr>
                              <th>تاريخ الجلسة</th>
                              <th>مقدم الخدمة</th>  
                              <th>التخصص</th> 
                              <th><input type="checkbox" name="checkAll" id='checkAll'></th> 
                            </tr>
                        </thead>
                        <tbody> 
                           @foreach ($sessions as $session)
                            <tr>
                                <td>{{ $session->date_time }}</td>  
                                <td>{{ $session->HCPCenter()->name }}</td>
                                <td>{{ $session->HCPClinic()->name }}</td> 
                                <td><input type="checkbox" class="checkbox" name="chk_delete[]" value="{{ $session->hcp_center_id }}_{{ $session->date_time }}"></td> 
                            </tr>
                            @endforeach
                        </tbody>  
                    </table>
                	<button type="submit" class="btn btn-danger">حذف</button>
                        {{ csrf_field() }}
                    </form>
                </div>
            </div>
        </div>
    </div> 
</section>
@endsection
 

@section('page_vendor_js')
    <script src="{{ URL('/temp_dashboard/app-assets/vendors/js/tables/jquery.dataTables.min.js') }}" type="text/javascript"></script>
    <script src="{{ URL('/temp_dashboard/app-assets/vendors/js/tables/datatable/dataTables.bootstrap4.min.js') }}" type="text/javascript"></script>
@endsection

@section('page_level_js')
    <script src="{{ URL('/temp_dashboard/app-assets/js/scripts/tables/datatables/datatable-basic.js') }}" type="text/javascript"></script> 
    <script type="text/javascript"> 
	$("#checkAll").change(function () {
	    $(".checkbox").prop('checked', $(this).prop("checked"));
	});
    </script>
@endsection