@extends('layouts.admin')
@section('content')
    <link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/>
    {{-- <link href="{{ URL::asset('plugins/export/buttons.dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/> --}}
    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
    {{-- <script type="text/javascript" src="{{ URL::asset('plugins/export/dataTables.buttons.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/jszip.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/pdfmake.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/vfs_fonts.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/buttons.html5.min.js') }}"></script> --}}

    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Manage Appointment Prescription & Records')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a>
                    </li>
                    <li>@lang('messages.Manage Appointment Prescription & Records')</li>
                </ul>

            </div>
        </div><!-- media -->
    </div><!-- pageheader -->

    @if (Session::has('message'))
        <div class="admin_sucess_common">
            <div class="admin_sucess">
                <div class="alert alert-info">
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span
                                class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}
                </div>
            </div>
        </div>
    @endif

   
    <div class="content">
     
        <table id="customer-table" class="table table-striped table-bordered responsive">
            <thead>
            <tr class="headings">
                <th>@lang('messages.Appointment ID')</th>
                <th>@lang('Customer Name')</th>
                <th>@lang('Patient Name')</th>
                <th>@lang('messages.Doctor Name')</th> 
                <th>@lang('messages.Hospital')</th> 
                <th>@lang('messages.Appointment Date')</th>
                <th>@lang('messages.No Records')</th>
                <th>@lang('messages.No Prescription')</th>
                <th>@lang('messages.View')</th> 
            </tr>
            </thead>
            <tbody>
            <tr>
                <td class="empty-text" colspan="5" style="background-color: #fff!important;">
                    <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                </td>
            </tr>
            </tbody>
        </table>
       
    </div>
    <script>
        $(function () {
            $('#customer-table').DataTable({
                dom: 'lfrtip',
                search: {
                    'caseInsensitive': true
                }, 
                "lengthMenu": [[25, 50, 100], [25, 50, 100]],
                processing: true,
                serverSide: true,
                responsive: true,
                autoWidth: false,
                paging: true,
                ajax: '{!! url('admin/appoinments/ajax-list-prescriptions-records') !!}',
                "order": [],
                "columnDefs": [{
                    "targets": 'no-sort',
                    "orderable": false,
                }],
                columns: [
                    {data: 'app_id', name: 'app_id', searchable: true},
                    {data: 'customer_name' , name:'customer_name', searchable: true},
                    {data: 'patient_name' , name:'patient_name', searchable: true},
                    {data: 'doctor_name', name: 'doctor_name', searchable: true},
                    {data: 'hospital_name', name: 'hospital_name'},
                    {data: 'app_date', name: 'app_date', searchable: true},
                    {data: 'no_records', name: 'no_records'}, 
                    {data: 'no_prescriptions', name: 'no_prescriptions'},
                    {data: 'action', name: 'action', orderable: false},
                ],
            });
        });
    </script>
    
    <style>
        .status {
            cursor: pointer;
        }
    </style>
@endsection