@include('mr.header')
<!-- //wrapper -->
<div class="wrapper" id="wrapper">
    <section class="login_screen otpsend">
        <div class="container h-100">
            <div class="back_arrow">
                {{-- <a href="{{ url()->previous() }}"><i class="fa-solid fa-arrow-left"></i></a> --}}
            </div>
            <div class="row d-flex align-items-center h-100 justify-content-center">
                <div class="col-lg-8">
                    <div class="verification">
                        <h3 class="py-3">All Patients</h3>
                        <div class="py-3">
                            <div class="white_search mb-0">
                                <div class="input-search">
                                    <input type="text" id="searchName" name="searchName"
                                        value="{{ isset($searchData) ? $searchData : '' }}"
                                        class="form-control white_round" placeholder="Search Patients">
                                    <i class="fa-solid fa-magnifying-glass"></i>
                                </div>
                                <div class="search_close">
                                    <button onclick="filterSearchData()" value="Apply" class="btn btn-success"><i
                                            class="fa-solid fa-magnifying-glass"></i></button>
                                    <button onclick="clearfilterSearchData()" value="Clear" class="btn btn-danger"><i
                                            class="fa-solid fa-xmark"></i></button>
                                </div>
                            </div>

                        </div>

                        <div class="mr_tabs">
                            <ul class="tabs">
                                @if (Session::get('tempData')['isApprove'] == 'Completed')
                                    <li onclick="showApproveWiseData('Requested')" class="tab-link" data-tab="tab-1">
                                        Pending</li>
                                    <li onclick="showApproveWiseData('Completed')" class="tab-link current"
                                        data-tab="tab-2">
                                        Fulfilled</li>
                                @else
                                    <li onclick="showApproveWiseData('Requested')" class="tab-link current"
                                        data-tab="tab-1">Pending</li>
                                    <li onclick="showApproveWiseData('Completed')" class="tab-link " data-tab="tab-2">
                                        Fulfilled</li>
                                @endif

                            </ul>
                            @if (Session::get('tempData')['isApprove'] == 'Completed')
                                <div id="tab-2" class="tab-content current">
                                    @if (isset($paginator))
                                        @foreach ($paginator->items() as $patient)
                                            <div class="patients_list">
                                                <div class="left my-auto">
                                                    <img src="{{ asset('front-assets/images/user.png') }}"
                                                        width="20px">
                                                </div>
                                                <div class="middle my-auto">
                                                    <h5>{{ $patient->patientName }}</h5>
                                                    <p class="m-0">Fulfilled Torleva Kit :
                                                        {{ $patient->fullfilledRequest }}</p>

                                                </div>
                                                <div class="right">
                                                    <span class="green"> <i
                                                            class="fa-regular fa-circle-check me-2"></i>
                                                        Fulfilled</span>
                                                    <div class="view_btn mt-3">
                                                        <button type="button"
                                                            onclick="showCompleteRequestModal({{ $patient->patientID }})"
                                                            class="btn btn-danger">view</button>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                        {{ $paginator->links() }}
                                    @else
                                        <h2 class="py-3">NO Request Fullfilled</h2>
                                    @endif

                                </div>
                            @else
                                <div id="tab-1" class="tab-content current">
                                    @if (isset($paginator))
                                        @foreach ($paginator->items() as $patient)
                                            <div class="patients_list">
                                                <div class="left">
                                                    <img src="{{ asset('front-assets/images/user.png') }}"
                                                        width="20px">
                                                </div>
                                                <div class="middle">
                                                    <h5>{{ $patient->patientName }}</h5>
                                                    <p>{{ $patient->fullfilledRequest }} Request Fulfilled</p>
                                                    <div class="view_btn">
                                                        <button type="button"
                                                            onclick="showViewModal({{ $patient->patientID }})"
                                                            class="btn btn-danger">view</button>
                                                        <button type="button"
                                                            onclick="showOuterFullFillModal({{ $patient->patientID }})"
                                                            class="btn btn-success" data-bs-toggle="modal"
                                                            data-bs-target="#fulfilledin">Fulfill
                                                            Request</button>
                                                    </div>
                                                </div>
                                                <div class="right">
                                                    <span> <i class="fa-regular fa-clock me-2"></i> Pending</span>
                                                    <div class="call_now">
                                                        <a href="tel:{{ $patient->mobile }}"><img
                                                                src="{{ asset('front-assets/images/call.png') }}"></a>
                                                    </div>
                                                    <div class="notification">
                                                        <b>{{ $patient->patientRequestCount }}</b>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                        {{ $paginator->links() }}
                                    @else
                                        <h2 class="py-3">NO Request Pending</h2>
                                    @endif
                                </div>
                            @endif

                        </div>
                        <!-- <a href="./patient-details.php" class="btn btn-primary d-block">Continue</a> -->
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- patient_information one -->
    <div class="modal fade" id="patient_information" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
        tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="exampleModalLabel">Patient Information</h4>
                    <button type="button" onclick="resetPatientInformationModal()" class="btn-close"><i
                            class="fa-solid fa-xmark"></i></button>
                </div>
                <div id="patientRequestData" class="modal-body">
                    {{-- <div class="user_detiles">
                        <div class="left">
                            <ul>
                                <li><img src="{{ asset('front-assets/images/blus_user.png') }}" class="me-2">
                                    <h6 id="viewPatientName" name="viewPatientName">Stanton Sipes</h6>
                                </li>
                                <li><img src="{{ asset('front-assets/images/mail.png') }}" class="me-2"><span
                                        id="viewPatientEmail">stantonsipes11212@gmail.com</span></li>
                                <li><img src="{{ asset('front-assets/images/location.png') }}" class="me-2"><span
                                        id="viewPatientAddress">44,
                                        Punit Nagar-3, B/h Umiya Vijay Society, Satellite Ahmedabad, Gujarat,
                                        380015.</span></li>
                            </ul>
                        </div>
                        <div class="right">
                            <div class="call_now">
                                <a href="tel:12345689" id="viewPatientNumber"><img
                                        src="{{ asset('front-assets/images/call.png') }}"></a>
                            </div>
                        </div>
                    </div>
                    <div class="kit modal-kit">
                        <div class="left">
                            <img src="{{ asset('front-assets/images/kit.png') }}">
                        </div>
                        <div class="middle">
                            <h6 id="viewPatientKitNumber">Torleva Kit 2 </h6>
                            <span class="d-block" id="viewPatientPatientMobile">Contact : 9995585632</span>
                            <span id="viewPatientRequest">Requested Date : 23-06-2023</span>
                        </div>
                        <div class="right">
                            <div class="view_rx">
                                <button href="" onclick="showRxImage()" class="btn btn-secondary me-2"
                                    data-bs-toggle="modal" data-bs-target="#view_vx"><img
                                        src="{{ asset('front-assets/images/blue-gallery.png') }}"> View RX</button>
                                <button class="btn btn-success round_bt" data-bs-toggle="modal"
                                    data-bs-target="#fulfilledin">Fulfill Request</button>
                            </div>
                        </div>
                    </div> --}}
                </div>
                <div class="modal-header bd-header mb-3">
                    <h4 class="modal-title" id="exampleModalLabel">Previous Requests</h4>
                </div>
                <div id="previousRequestData" class="modal-body">
                    {{-- <div class="kit modal-kit">
                        <div class="left mb-auto">
                            <img src="{{ asset('front-assets/images/kit.png') }}">
                        </div>
                        <div class="middle">
                            <h6>Torleva Kit 1</h6>
                            <p><b>Requested Date :</b> <span>23-06-2023</span></p>
                            <p><b>Fulfilled Date :</b> <span>23-06-2023</span></p>
                            <p><b>Dr Name :</b> <span>23-06-2023</span></p>
                            <p><b>Advait Code :</b> <span>23-06-2023</span></p>
                            <div class="view_rx">
                                <button href="" class="btn btn-secondary" data-bs-toggle="modal"
                                    data-bs-target="#view_vx"><img
                                        src="{{ asset('front-assets/images/blue-gallery.png') }}"> View RX</button>
                            </div>
                        </div>
                    </div> --}}
                </div>
                <!-- <div class="modal-footer">
     <button class="btn btn-primary" data-bs-target="#view_vx" data-bs-toggle="modal">Open second modal</button>
    </div> -->
            </div>
        </div>
    </div>

    <!-- view_vx two-->
    <div class="modal fade view_vx" id="view_vx" aria-hidden="true" aria-labelledby="exampleModalToggleLabel2"
        tabindex="-1">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header p-0">
                    <div class="modal-content">

                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i
                                class="fa-solid fa-xmark"></i></button>
                        <div id="rxImageDiv" class="medisin_bill">
                            <img id="rxImage">
                            <img id="rxImageView2" style="display: none">
                            <img id="rxImageView3" style="display: none">
                        </div>
                    </div>
                </div>
                <!-- <div class="modal-footer">
     <button class="btn btn-primary" data-bs-target="#exampleModalToggle" data-bs-toggle="modal">Back to first</button>
    </div> -->
            </div>
        </div>
    </div>

    <!-- view_vx two-->
    <div class="modal fade " id="fulfilledin" aria-hidden="true" aria-labelledby="exampleModalToggleLabel2"
        tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="FulfilledFormPatientName">Stanton Sipes Request</h4>
                    <button type="button" class="btn-close" onclick="resetFulfilledForm()" aria-label="Close"><i
                            class="fa-solid fa-xmark"></i></button>
                </div>
                <div class="modal-body" id="patientDataHTML">
                    {{-- <div class="kit modal-kit">
                        <div class="left mb-auto">
                            <img src="{{ asset('front-assets/images/kit.png') }}">
                        </div>
                        <div class="middle call_detiles">
                            <div class="call_left ">
                                <h6>Torleva Kit 2 </h6>
                                <span class="d-block">Contact : 9995585632</span>
                                <span>Requested Date : 23-06-2023</span>
                                <div class="view_rx mt-3">
                                    <button href="" class="btn btn-secondary" data-bs-toggle="modal"
                                        data-bs-target="#view_vx"><img
                                            src="{{ asset('front-assets/images/blue-gallery.png') }}"> View
                                        RX</button>
                                </div>
                            </div>
                            <div class="call_right">
                                <div class="call_now">
                                    <a href="tel:12345689"><img
                                            src="{{ asset('front-assets/images/call.png') }}"></a>
                                </div>
                            </div>
                        </div>

                    </div> --}}
                </div>
                <div class="dr_from container">
                    {!! Form::open([
                        'url' => '#',
                        'name' => 'validateForm',
                        'id' => 'validateForm',
                        'enctype' => 'multipart/form-data',
                    ]) !!}
                    <input type="hidden" id="fullfilledRequestID" name="fullfilledRequestID">
                    <div class="row mb-3 align-items-center">
                        <label for="doctorName" class="col-sm-4 col-form-label"><b>Dr Name :</b></label>
                        <div class="col-sm-8">
                            <input type="text" id="doctorName" name="doctorName" class="form-control white_round"
                                placeholder="Enter Dr. Name">
                        </div>
                    </div>
                    <div class="row mb-3 align-items-center">
                        <label for="" class="col-sm-4 col-form-label"><b>Advait Code :</b></label>
                        <div class="col-sm-8">
                            <input type="text" id="doctorUniqueCode" name="doctorUniqueCode"
                                class="form-control white_round" placeholder="Enter Advait Code">
                        </div>
                    </div>
                    <div class="row mb-3 align-items-center">
                        <label for="" class="col-sm-4 col-form-label"><b>Select Date :</b></label>
                        <div class="col-sm-8">
                            <input type="date" id="doctorDate" name="doctorDate" class="form-control white_round"
                                placeholder="">
                        </div>
                    </div>
                </div>
                <div class="text-center pt-2 pb-4">
                    <button type="submit" id="submit" class="btn btn-success round_bt">Fulfill Request</button>
                </div>
                {!! Form::close() !!}
            </div>
            <!-- <div class="modal-footer">
     <button class="btn btn-primary" data-bs-target="#exampleModalToggle" data-bs-toggle="modal">Back to first</button>
    </div> -->
        </div>
    </div>
</div>


<!-- public_fulfilled one -->
<div class="modal fade" id="public_fulfilled" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
    tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="patientNameShow">Svyatoslav Taushev Details</h4>
                <button type="button" onclick="resetPublicfulfilledModal()" class="btn-close"><i
                        class="fa-solid fa-xmark"></i></button>
            </div>
            {{-- <div class="modal-body">
                <div class="kit modal-kit">
                    <div class="left mb-auto">
                        <img src="{{ asset('front-assets/images/kit.png') }}">
                    </div>
                    <div class="middle">
                        <h6>Torleva Kit 1</h6>
                        <p><b>Requested Date :</b> <span>23-06-2023</span></p>
                        <p><b>Fulfilled Date :</b> <span>23-06-2023</span></p>
                        <p><b>Dr Name :</b> <span>23-06-2023</span></p>
                        <p><b>Advait Code :</b> <span>23-06-2023</span></p>
                        <div class="view_rx">
                            <button href="" class="btn btn-secondary" data-bs-toggle="modal"
                                data-bs-target="#view_vx"><img
                                    src="{{ asset('front-assets/images/blue-gallery.png') }}"> View RX</button>
                        </div>
                    </div>
                </div>
            </div> --}}
            <div class="modal-body" id="showCompletedPatientRequest" style="border-top:1px solid #dee2e6;">

            </div>
            <!-- <div class="modal-footer">
     <button class="btn btn-primary" data-bs-target="#view_vx" data-bs-toggle="modal">Open second modal</button>
    </div> -->
        </div>
    </div>
</div>






</div> <!--  wrapper end  -->
<!-- //wrapper-end -->

@include('mr.footer')

<script>
    function filterSearchData() {
        var searchdata = $("#searchName").val();
        var approveFilter = '{{ Session::get('tempData')['isApprove'] }}';
        window.location.replace("{{ url('patient-support-program') }}/" + approveFilter + "/" + searchdata);
    }

    function clearfilterSearchData() {
        $("#searchName").val('');
        filterSearchData();
    }

    function showApproveWiseData(approveWise) {
        var searchdata = $("#searchName").val();
        var approveFilter = approveWise;
        window.location.replace("{{ url('patient-support-program') }}/" + approveFilter + "/" + searchdata);
    }

    function showViewModal(id) {
        $.ajax({
            url: "{{ route('getViewDetail') }}",
            type: 'POST',
            data: {
                'patientID': id,
                '_token': "{{ csrf_token() }}"
            },
            dataType: "json",
            success: function(response, textStatus, xhr) {
                $("#patientRequestData").html('');
                $("#previousRequestData").html('');
                if (response.status == 1) {
                    if (response.patientRequestData != '') {
                        var addressParts = [
                            response.patientRequestData.patient.address1,
                            response.patientRequestData.patient.address2,
                            response.patientRequestData.patient.city,
                            response.patientRequestData.patient.state,
                            response.patientRequestData.patient.pinCode
                        ];

                        var patientAddress = addressParts.filter(function(part) {
                            return part !== null && part !== undefined && part !== '';
                        }).join(', ');
                        const patientRequestDataHTML = `
            <div class="user_detiles">
                <div class="left">
                    <ul>
                        <li><img src="{{ asset('front-assets/images/blus_user.png') }}" class="me-2">
                            <h6 id="viewPatientName">${response.patientRequestData.patient.patientName}</h6>
                        </li>
                        <li><img src="{{ asset('front-assets/images/mail.png') }}" class="me-2">
                            <span id="viewPatientEmail">${response.patientRequestData.patient.email ? response.patientRequestData.patient.email : '-'}</span>
                        </li>
                        <li><img src="{{ asset('front-assets/images/location.png') }}" class="me-2">
                            <span id="viewPatientAddress">${patientAddress}</span>
                        </li>
                    </ul>
                </div>
                <div class="right">
                    <div class="call_now">
                        <a href="tel:${response.patientRequestData.patient.mobile}" id="viewPatientNumber">
                            <img src="{{ asset('front-assets/images/call.png') }}">
                        </a>
                    </div>
                </div>
            </div>
            <div class="kit modal-kit">
                <div class="left">
                    <img src="{{ asset('front-assets/images/kit.png') }}">
                </div>
                <div class="middle">
                    <h6 id="viewPatientKitNumber">Torleva Kit ${response.patientRequestDataCount}</h6>
                    <span class="d-block" id="viewPatientPatientMobile">Contact : ${response.patientRequestData.patient.mobile}</span>
                    <span id="viewPatientRequest">Requested Date : ${formatDate(response.patientRequestData.requestDate)}</span>
                </div>
                <div class="right">
                    <div class="view_rx">
                        <button id="rxImageView" onclick="showRxImage(${response.patientRequestData.requestID})" class="btn btn-secondary me-2"
                            >
                            <img src="{{ asset('front-assets/images/blue-gallery.png') }}"> View RX
                        </button>
                        <button onclick="showFullFillModal(${response.patientRequestData.requestID})" class="btn btn-success round_bt" data-bs-toggle="modal"
                            data-bs-target="#fulfilledin">Fulfill Request</button>
                    </div>
                </div>
            </div>
        `;
                        $("#patientRequestData").html(patientRequestDataHTML);
                    } else {
                        $("#patientRequestData").html(
                            '<h6>NO Pending Request</h6>'
                        );
                    }
                    if (response.previousRequestData != '') {
                        const previousRequestDataHTML = `<div class="kit modal-kit">
                        <div class="left mb-auto">
                            <img src="{{ asset('front-assets/images/kit.png') }}">
                        </div>
                        <div class="middle">
                            <h6>Torleva Kit 1</h6>
                            <p><b>Requested Date :</b> <span>${formatDate(response.previousRequestData.requestDate)}</span></p>
                            <p><b>Fulfilled Date :</b> <span>${formatDate(response.previousRequestData.date)}</span></p>
                            <p><b>Dr Name :</b> <span>${response.previousRequestData.doctorName}</span></p>
                            <p><b>Advait Code :</b> <span>${response.previousRequestData.uniqueCode}</span></p>
                            <div class="view_rx">
                                <button onclick="showRxImage(${response.previousRequestData.requestID})" class="btn btn-secondary" data-bs-toggle="modal"
                                    data-bs-target="#view_vx"><img
                                        src="{{ asset('front-assets/images/blue-gallery.png') }}"> View RX</button>
                            </div>
                        </div>
                    </div>`;
                        $("#previousRequestData").html(previousRequestDataHTML);
                    } else {
                        $("#previousRequestData").html(
                            '<h6>No Previous Request</h6>'
                        );
                    }
                    $("#patient_information").modal('show');
                } else
                    $.notify(response.message, "error");
            },
            error: function(jqXHR, textStatus, errorThrown) {
                $.notify(jqXHR.responseJSON.message, "error");
            }
        }); //ajax
    }

    function showFullFillModal(id) {
        // $("#fulfilledin").modal('show');
        // var patientData = patientRequestData;
        $.ajax({
            url: "{{ route('fullfilledRequest') }}",
            type: 'POST',
            data: {
                'requestID': id,
                '_token': "{{ csrf_token() }}"
            },
            dataType: "json",
            success: function(response, textStatus, xhr) {
                $("#patientDataHTML").html('');
                if (response.status == 1) {
                    const patientDataHTML = `<div class="kit modal-kit">
                        <div class="left mb-auto">
                            <img src="{{ asset('front-assets/images/kit.png') }}">
                        </div>
                        <div class="middle call_detiles">
                            <div class="call_left ">
                                <h6>Torleva Kit ${response.patientRequestDataCount}</h6>
                                <span class="d-block">Contact : ${response.patientData.mobile}</span>
                                <span>Requested Date : ${formatDate(response.patientCurrentRequestData.requestDate)}</span>
                                <div class="view_rx mt-3">
                                    <button onclick="showRxImage(${response.patientCurrentRequestData.requestID})" class="btn btn-secondary" data-bs-toggle="modal"
                                        data-bs-target="#view_vx"><img
                                            src="{{ asset('front-assets/images/blue-gallery.png') }}"> View
                                        RX</button>
                                </div>
                            </div>
                            <div class="call_right">
                                <div class="call_now">
                                    <a href="tel:${response.patientData.mobile}"><img
                                            src="{{ asset('front-assets/images/call.png') }}"></a>
                                </div>
                            </div>
                        </div>

                    </div>`;
                    $("#patientDataHTML").html(patientDataHTML);
                    $("#fullfilledRequestID").val(response.patientCurrentRequestData.requestID);
                    $("#fulfilledin").modal('show');
                } else
                    $.notify(response.message, "error");
            },
            error: function(jqXHR, textStatus, errorThrown) {
                $.notify(jqXHR.responseJSON.message, "error");
            }
        }); //ajax
    }

    function showOuterFullFillModal(id) {
        $.ajax({
            url: "{{ route('outerFullfilledRequest') }}",
            type: 'POST',
            data: {
                'patientID': id,
                '_token': "{{ csrf_token() }}"
            },
            dataType: "json",
            success: function(response, textStatus, xhr) {
                $("#patientDataHTML").html('');
                if (response.status == 1) {
                    const patientDataHTML = `<div class="kit modal-kit">
                        <div class="left mb-auto">
                            <img src="{{ asset('front-assets/images/kit.png') }}">
                        </div>
                        <div class="middle call_detiles">
                            <div class="call_left ">
                                <h6>Torleva Kit ${response.patientRequestDataCount}</h6>
                                <span class="d-block">Contact : ${response.patientData.mobile}</span>
                                <span>Requested Date : ${formatDate(response.patientCurrentRequestData.requestDate)}</span>
                                <div class="view_rx mt-3">
                                    <button onclick="showRxImage(${response.patientCurrentRequestData.requestID})" class="btn btn-secondary" data-bs-toggle="modal"
                                        data-bs-target="#view_vx"><img
                                            src="{{ asset('front-assets/images/blue-gallery.png') }}"> View
                                        RX</button>
                                </div>
                            </div>
                            <div class="call_right">
                                <div class="call_now">
                                    <a href="tel:${response.patientData.mobile}"><img
                                            src="{{ asset('front-assets/images/call.png') }}"></a>
                                </div>
                            </div>
                        </div>

                    </div>`;
                    $("#FulfilledFormPatientName").html(response.patientData.patientName + ' ' + 'Request');
                    $("#patientDataHTML").html(patientDataHTML);
                    $("#fullfilledRequestID").val(response.patientCurrentRequestData.requestID);
                    $("#fulfilledin").modal('show');
                } else
                    $.notify(response.message, "error");
            },
            error: function(jqXHR, textStatus, errorThrown) {
                $.notify(jqXHR.responseJSON.message, "error");
            }
        }); //ajax
    }

    function showCompleteRequestModal(id) {
        $.ajax({
            url: "{{ route('showCompletedRequest') }}",
            type: 'POST',
            data: {
                'patientID': id,
                '_token': "{{ csrf_token() }}"
            },
            dataType: "json",
            success: function(response, textStatus, xhr) {
                $("#showCompletedPatientRequest").html('');
                if (response.status == 1) {
                    var count = 1;
                    $.each(response.patientFullfilledData, function(key, value) {
                        $("#showCompletedPatientRequest").append(
                            ` <div class="kit modal-kit">
                                    <div class="left mb-auto">
                                        <img src="{{ asset('front-assets/images/kit.png') }}">
                                    </div>
                                    <div class="middle">
                                        <h6>Torleva Kit ${count}</h6>
                                        <p><b>Requested Date :</b> <span>${formatDate(value.requestDate)}</span></p>
                                        <p><b>Fulfilled Date :</b> <span>${formatDate(value.date)}</span></p>
                                        <p><b>Dr Name :</b> <span>${value.doctorName}</span></p>
                                        <p><b>Advait Code :</b> <span>${value.uniqueCode}</span></p>
                                        <div class="view_rx">
                                            <button onclick="showRxImage(${value.requestID})" class="btn btn-secondary"><img
                                                    src="{{ asset('front-assets/images/blue-gallery.png') }}"> View RX</button>
                                        </div>
                                    </div>
                                </div>`
                        );
                        count++;
                    });
                    $("#patientNameShow").html(response.patientData.patientName + ' ' + 'Details');
                    $("#public_fulfilled").modal('show');
                } else
                    $.notify(response.message, "error");
            },
            error: function(jqXHR, textStatus, errorThrown) {
                $.notify(jqXHR.responseJSON.message, "error");
            }
        }); //ajax
    }

    function showRxImage(requestID) {
        $.ajax({
            url: "{{ route('getRxImageUser') }}",
            type: 'POST',
            data: {
                'requestID': requestID,
                '_token': "{{ csrf_token() }}"
            },
            dataType: "json",
            success: function(response, textStatus, xhr) {
                if (response.status == 1) {
                    $("#rxImage").attr('src', "{{ asset('storage/RxImage/') }}/" +
                        response.data.rxImage);
                    if (response.data.rxImage2 != null && response.data.rxImage3 != null) {
                        $("#rxImageView2").attr('src', "{{ asset('storage/RxImage/') }}/" +
                            response.data.rxImage2);
                        $("#rxImageView2").css('display', 'block');
                        $("#rxImageView3").attr('src', "{{ asset('storage/RxImage/') }}/" +
                            response.data.rxImage3);
                        $("#rxImageView3").css('display', 'block');
                        $("#rxImageDiv").addClass('multi_img');
                    } else {
                        $("#rxImageDiv").removeClass('multi_img');
                        $("#rxImageView2").css('display', 'none');
                        $("#rxImageView3").css('display', 'none');
                    }
                    $("#view_vx").modal('show');
                } else
                    $.notify(response.message, "error");
            },
            error: function(jqXHR, textStatus, errorThrown) {
                $.notify(jqXHR.responseJSON.message, "error");
            }
        }); //ajax
    }

    function resetPublicfulfilledModal() {
        $("#public_fulfilled").modal('hide');
        $("#showCompletedPatientRequest").html('');
        // $("#previousRequestData").html('');
    }

    function resetPatientInformationModal() {
        $("#patient_information").modal('hide');
        $("#patientRequestData").html('');
        $("#previousRequestData").html('');
    }

    function resetFulfilledForm() {
        $("#validateForm")[0].reset();
        $("#fulfilledin").modal('hide');
        $("#validateForm").validate().resetForm();
    }

    function formatDate(timestamp) {
        const date = new Date(timestamp);
        const day = date.getDate().toString().padStart(2, '0');
        const month = (date.getMonth() + 1).toString().padStart(2, '0'); // Months are zero-based
        const year = date.getFullYear();
        return `${day}-${month}-${year}`;
    }

    $(document).ready(function() {

        $('#validateForm').validate({
            ignore: ".ignore",
            rules: {
                fullfilledRequestID: {
                    required: true
                },
                doctorName: {
                    required: true,
                    maxlength: 25
                },
                doctorUniqueCode: {
                    required: true,
                    maxlength: 10
                },
                doctorDate: {
                    required: true
                }
            },
            messages: {},
            errorPlacement: function(error, element) {
                var placement = $(element).data('error');
                if (placement) {
                    $(placement).append(error)
                } else {
                    error.insertAfter(element);
                }
            },
            submitHandler: function(form) {
                // return false;
                $("#submit").html('<span> Processing...</span>');
                $("#submit").attr('disabled', true);

                var formData = new FormData($("#validateForm")[0]);
                $.ajax({
                    url: "{{ route('fullfilled') }}",
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "json",
                    success: function(response, textStatus, xhr) {
                        if (response.status == 1) {
                            $("#submit").html('Fulfill Request');
                            $("#submit").attr('disabled', true);
                            $.notify(response.message, "success");
                            $("#validateForm")[0].reset();
                            $("#fulfilledin").modal('hide');
                            window.location.reload();
                        } else {
                            $("#submit").html('Fulfill Request');
                            $("#submit").attr('disabled', false);
                            $.notify(response.message, "error");
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        $("#submit").html('Fulfill Request');
                        $("#submit").attr('disabled', false);
                        $.notify(jqXHR.responseJSON.message, "error");
                    }
                }); //ajax
            }
        });
    });
</script>