@extends('Admin/layout/master')
@section('title', 'Physician List')
@section('content')

    {{-- Modal Start --}}
    <div class="modal fade" id="exLargeModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel4">Physician Detail</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="table-responsive text-nowrap">
                        <table class="table">
                            <tr>
                                <th>Address Purpose</th>
                                <th id="address_purpose"></th>
                            </tr>
                            <tr>
                                <th>Address 1</th>
                                <th id="address_1"></th>
                            </tr>
                            <tr>
                                <th>Address 2</th>
                                <th id="address_2"></th>
                            </tr>
                            <tr>
                                <th>City</th>
                                <th id="city"></th>
                            </tr>
                            <tr>
                                <th>Postal Code</th>
                                <th id="postal_code"></th>
                            </tr>
                            <tr>
                                <th>Fax Number</th>
                                <th id="fax_number"></th>
                            </tr>
                        </table>
                    </div>

                </div>
                {{-- <div class="modal-footer"> --}}
                {{-- <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                    Close
                </button> --}}
                {{-- <button type="button" class="btn btn-primary">Save changes</button> --}}
            {{-- </div> --}}
            </div>
        </div>
    </div>
    {{-- Modal End --}}


    <div class="content-wrapper">


        <div class="container-xxl flex-grow-1 container-p-y">
            <div class="card ">
                <div class="d-flex justify-content-between">
                    <div>
                        <h5 class="card-header">Physician List</h5>
                    </div>
                    <div> <a href="{{ route('physician.add') }}"><button class="btn btn-primary btn-sm mx-2 mt-2">Add
                                Physician</button></a></div>
                </div>
                <div class="table-responsive text-nowrap">
                    <table class="table">
                        <thead>
                            <tr>
                            <tr>
                                <th>Number</th>
                                <th>First Name</th>
                                <th>LAst Name</th>
                                <th>Gender</th>
                                <th>Physician Type</th>
                                <th>Telephone Number</th>
                                <th>Action</th>
                            </tr>
                            </tr>
                        </thead>
                        <tbody class="table-border-bottom-0">
                            @if (count($Physicians) > 0)
                                @foreach ($Physicians as $index => $Physician)
                                    <tr>
                                        <td>{{ $Physician->number }}</td>
                                        <td>{{ $Physician->fisrt_name }}</td>
                                        <td>{{ $Physician->last_name }}</td>
                                        <td>{{ $Physician->gender }}</td>
                                        <td>{{ $Physician->physician_type?? 'Null' }}</td>
                                        <td>{{ $Physician->telephone_number }}</td>
                                        <td>
                                            <button data-href="{{ route('physician.detail', $Physician->id) }}"
                                                class=" detail btn btn-primary btn-sm">Detail</button>
                                            <button data-href="{{ route('physician.delete', $Physician->id) }}"
                                                class=" delete btn btn-danger btn-sm"><i class='bx bx-trash'></i></button>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td class="text-center" colspan="6">No Record Found</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="content-backdrop fade"></div>
    </div>
@endsection
@section('scripts')
    <script>
         function emptyTd() {
            $('#address_purpose').text('');
            $('#address_1').text('');
            $('#address_2').text('');
            $('#city').text('');
            $('#postal_code').text('');
            $('#fax_number').text('');
        }
        $('.detail').click(function() {
            const hcpcsId = $(this).data('href');
            $.ajax({
                url: hcpcsId,
                method: "get",
                success: function(response) {
                    emptyTd();
                    $('#address_purpose').append(response.data.address_purpose);
                    $('#address_1').append(response.data.address_1);
                    $('#address_2').append(response.data.address_2);
                    $('#city').append(response.data.city);
                    $('#postal_code').append(response.data.postal_code);
                    $('#fax_number').append(response.data.fax_number);
                    $('#exLargeModal').modal("show");
                }
            });
        });
    </script>
@endsection