@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">
        <!-- Content -->
        <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">Back
                            </button></a></div>
                </div>
                <div class="table-responsive text-nowrap">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Number</th>
                                <th>First Name</th>
                                <th>LAst Name</th>
                                <th>Gender</th>
                                <th>Telephone Number</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody class="table-border-bottom-0">
                            @if (!empty($new))
                                @foreach ($new as $index => $doctor)
                                    <tr>
                                        <td class="number">{{ $doctor['number'] }}</td>
                                        <td class="first_name">{{ $doctor['basic']['first_name'] }}</td>
                                        <td class="last_name">{{ $doctor['basic']['last_name'] }}</td>
                                        <td class="gender">{{ $doctor['basic']['gender'] }}</td>
                                        <td class="telephone_number ">
                                            {{ $doctor['addresses'][0]['telephone_number'] ?? 'Null' }}</td>
                                        <td class="address_purpose d-none">
                                            {{ $doctor['addresses'][0]['address_purpose'] ?? 'Null' }}</td>
                                        <td class="address_1 d-none">{{ $doctor['addresses'][0]['address_1'] ?? 'Null' }}
                                        </td>
                                        <td class="address_2 d-none">{{ $doctor['addresses'][0]['address_2'] ?? 'Null' }}
                                        </td>
                                        <td class="city d-none">{{ $doctor['addresses'][0]['city'] ?? 'Null' }}</td>
                                        <td class="postal_code d-none">
                                            {{ $doctor['addresses'][0]['postal_code'] ?? 'Null' }}</td>
                                        <td class="fax_number d-none">{{ $doctor['addresses'][0]['fax_number'] ?? 'Null' }}
                                        </td>
                                        <td>

                                            <button data-href="{{ route('physician.physicanDetail', $doctor['number']) }}"
                                                class=" detail btn btn-info btn-sm">Detail</button>
                                            @if ($doctor['status1'] == 'inactive')
                                                <button type="button" value="{{ ++$index }}"
                                                    class="btn btn-primary btn-sm save">Save</button>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="6" class="text-center">No Record Found</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="content-backdrop fade"></div>
    </div>
@endsection
@section('scripts')
    <script>
        $('.save').click(function() {
            var row = $(this).closest('tr');
            var data = {
                name: row.find('.first_name').text(),
                last_name: row.find('.last_name').text(),
                number: row.find('.number').text(),
                telephone_number: row.find('.telephone_number').text(),
                address_purpose: row.find('.address_purpose').text(),
                address_1: row.find('.address_1').text(),
                address_2: row.find('.address_2').text(),
                city: row.find('.city').text(),
                postal_code: row.find('.postal_code').text(),
                fax_number: row.find('.fax_number').text(),
                gender: row.find('.gender').text(),
            };
            $.ajax({
                url: 'save-physician',
                type: 'get',
                data: data,
                success: function(response) {
                    toastr.success('Phycisian Added Successfully!');
                    setTimeout(function() {
                        location.reload();
                    }, 1000);
                }
            });
        });

        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[0]['addresses'][0]['address_purpose'] ??
                        null);
                    $('#address_1').append(response.data[0]['addresses'][0]['address_1']);
                    $('#address_2').append(response.data[0]['addresses'][0]['address_2']);
                    $('#city').append(response.data[0]['addresses'][0]['city']);
                    $('#postal_code').append(response.data[0]['addresses'][0]['postal_code']);
                    $('#fax_number').append(response.data[0]['addresses'][0]['fax_number']);
                    $('#exLargeModal').modal("show");
                }
            });
        });
    </script>
@endsection