@extends('layouts.admin')
@section('page-title') {{ __('Patients') }} @endsection

@section('content')
<div class="card">
    <div class="card-body">
        <div class="float-end">
            {{-- <a href="#" data-size="lg" data-url="{{ route('admin.patients.create') }}" data-ajax-popup="true" data-title="{{__('Add New Patient')}}" class="btn btn-sm btn-primary">
                <i class="ti ti-plus"></i>
            </a> --}}
        </div>
        <h4>{{ __('Patient List') }}</h4>
    </div>
    <div class="table-responsive card-body">
        <table id="patientTable" class="table table-striped table-bordered">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Name</th>
                    <th>Age</th>
                    <th>Gender</th>
                    <th>Emergency Contact</th>
                    <th>Action</th>
                </tr>
            </thead>
        </table>
    </div>
</div>
@endsection

@push('script-page')
<script>
    $(document).ready(function() {
        const table = $('#patientTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ route('admin.patients.index') }}",
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'patient_name', name: 'patient_name' },
                { data: 'age', name: 'age' },
                { data: 'gender', name: 'gender' },
                { data: 'emergency_contact', name: 'emergency_contact' },
                { data: 'action', name: 'action', orderable: false, searchable: false }
            ]
        });

        $(document).on('click', '.delete-btn', function() {
            if(confirm('Are you sure?')) {
                let id = $(this).data('id');
                $.ajax({
                    url: "{{ url('admin/patients') }}/" + id + "/destroy",
                    type: 'DELETE',
                    data: { _token: '{{ csrf_token() }}' },
                    success: function() { table.ajax.reload(); }
                });
            }
        });
    });
</script>
@endpush