@include('header')
@php
$UserId = Session::get('UserId');
@endphp
<style>
    a{
        color:black;
    }
    /* .table-bordered th, .table-bordered td {
    border: 1px solid rgb(24 28 33);
} */
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
}

.autocomplete-list2 {
          border: 1px solid #ccc;
          max-height: 150px;
          overflow-y: auto;
          position: absolute;
          background-color: white;
          z-index: 1000;
          width: 100%;
          margin-top: 35px;
        }

.autocomplete-list {
          border: 1px solid #ccc;
          max-height: 150px;
          overflow-y: auto;
          position: absolute;
          background-color: white;
          z-index: 1000;
          width: 100%;
        }
    
        .autocomplete-item {
          padding: 8px;
          cursor: pointer;
        }
    
        .autocomplete-item:hover,
        .autocomplete-item.active {
          background-color: #98e6ed;
        }
    /* Queue list table borders (DataTables overrides Bootstrap defaults) */
    .queue-custresult #example.queue-opd-table,
    .queue-custresult table.dataTable {
        border-collapse: collapse !important;
    }
    .queue-custresult #example.queue-opd-table th,
    .queue-custresult #example.queue-opd-table td,
    .queue-custresult table.dataTable thead th,
    .queue-custresult table.dataTable tbody td {
        border: 1px solid #9eb0b0 !important;
    }
    .queue-custresult table.dataTable thead th {
        padding: 8px 6px !important;
        border-color: #5a8585 !important;
        font-size: 16px !important;
        text-align: center !important;
    }
    .queue-custresult table.dataTable thead th.sorting,
    .queue-custresult table.dataTable thead th.sorting_asc,
    .queue-custresult table.dataTable thead th.sorting_desc,
    .queue-custresult table.dataTable thead th.sorting_disabled {
        padding-right: 6px !important;
    }
    .queue-custresult table.dataTable thead th.sorting:before,
    .queue-custresult table.dataTable thead th.sorting:after,
    .queue-custresult table.dataTable thead th.sorting_asc:before,
    .queue-custresult table.dataTable thead th.sorting_asc:after,
    .queue-custresult table.dataTable thead th.sorting_desc:before,
    .queue-custresult table.dataTable thead th.sorting_desc:after {
        display: none !important;
        content: none !important;
    }
    .queue-custresult table.dataTable tbody td {
        padding: 5px 6px !important;
    }
    .queue-custresult table.dataTable.no-footer {
        border-bottom: 1px solid #9eb0b0 !important;
    }
    /* Scroll table only — pagination / filters stay fixed */
    .queue-custresult {
        overflow: visible !important;
        width: 100%;
    }
    .queue-custresult .dataTables_wrapper {
        overflow: visible;
        width: 100%;
        font-size: 14px;
    }
    .queue-custresult .queue-table-scroll-wrap {
        overflow-x: auto;
        overflow-y: visible;
        width: 100%;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 8px;
    }
    .queue-custresult .dataTables_length,
    .queue-custresult .dataTables_filter,
    .queue-custresult .dataTables_info,
    .queue-custresult .dataTables_paginate {
        overflow: visible;
        width: 100%;
        max-width: 100%;
    }
    .queue-custresult .dataTables_length label,
    .queue-custresult .dataTables_filter label {
        font-size: 14px;
    }
    /* Compact "+ New" header action — single line, matches row height of stat chips */
    a.queue-header-new-btn {
        color: #fff !important;
        white-space: nowrap;
        display: inline-block;
        padding: 4px 8px;
        line-height: 1.2;
        font-size: 15px;
        font-weight: bold;
    }
    .queue-header-bar {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 12px;
        width: 100%;
    }
    .queue-header-logo {
        flex: 0 0 auto;
        cursor: pointer;
    }
    .queue-header-logo img {
        width: 75px;
        height: 86px;
        object-fit: contain;
    }
    .queue-header-search {
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
    }
    .queue-search-box {
        display: flex;
        align-items: center;
        height: 42px;
        border: 2px solid #c5dddd;
        border-radius: 10px;
        background: linear-gradient(180deg, #ffffff 0%, #f4fafa 100%);
        box-shadow: 0 2px 10px rgba(65, 110, 110, 0.1);
        overflow: hidden;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }
    .queue-search-box:focus-within {
        border-color: #4FAFB8;
        box-shadow: 0 0 0 3px rgba(79, 175, 184, 0.18), 0 4px 12px rgba(65, 110, 110, 0.12);
    }
    .queue-search-icon {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 100%;
        color: #416E6E;
        background: rgba(79, 175, 184, 0.12);
        border-right: 1px solid #d6e8e8;
    }
    .queue-search-icon i {
        font-size: 17px;
    }
    .queue-search-input {
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
        height: 100%;
        border: none;
        background: transparent;
        font-size: 14px;
        font-weight: 500;
        color: #2c3e3e;
        padding: 0 14px;
        outline: none;
        box-shadow: none;
    }
    .queue-search-input::placeholder {
        color: #7a9494;
        font-weight: 400;
    }
    .queue-search-btn {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        height: 100%;
        padding: 0 16px;
        border: none;
        border-left: 1px solid #355959;
        background: linear-gradient(180deg, #4a7878 0%, #416E6E 100%);
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        white-space: nowrap;
        transition: background 0.2s ease;
    }
    .queue-search-btn:hover {
        background: linear-gradient(180deg, #416E6E 0%, #355959 100%);
        color: #fff;
    }
    .queue-search-btn i {
        font-size: 15px;
    }
    .queue-header-actions {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 8px;
        flex: 0 0 auto;
    }
    .queue-header-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-width: 96px;
        height: 42px;
        padding: 0 12px;
        border: none;
        border-radius: 4px;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.2;
        white-space: nowrap;
        cursor: pointer;
        text-decoration: none !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
    }
    .queue-header-btn i {
        font-size: 15px;
        line-height: 1;
    }
    .queue-header-btn-new {
        background-color: #4FAFB8;
        min-width: 88px;
    }
    .queue-header-btn-new:hover {
        background-color: #449aa2;
        color: #fff;
    }
    .queue-header-btn-stat {
        background-color: #416E6E;
        min-width: 108px;
    }
    .queue-header-btn-stat:hover {
        background-color: #355959;
        color: #fff;
    }
    .queue-header-btn-label {
        font-weight: 600;
    }
    .queue-header-btn-count {
        font-weight: 700;
    }
    @keyframes queue-referred-blink {
        0%, 100% {
            background-color: #c62828;
            box-shadow: 0 0 0 0 rgba(198, 40, 40, 0.55);
        }
        50% {
            background-color: #ff7043;
            box-shadow: 0 0 10px 2px rgba(255, 112, 67, 0.85);
        }
    }
    .queue-header-btn-referred-blink {
        animation: queue-referred-blink 1s ease-in-out infinite;
    }
    .queue-header-btn-referred-blink:hover {
        color: #fff;
    }
    @media (max-width: 991.98px) {
        .queue-header-bar {
            flex-wrap: wrap;
            align-items: flex-start;
        }
        .queue-header-search {
            flex: 1 1 100%;
            order: 3;
        }
        .queue-header-actions {
            flex: 1 1 100%;
            flex-wrap: wrap;
            order: 4;
        }
    }
    </style>
<input type="hidden" id="NewMrdNo" value="{{$NewMrdNo}}">
<div class="container-fluid flex-grow-1 container-p-y">
    <div class="row">
        <!-- customar project  start -->
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">

                    
                        <div class="form-row">


                        <div class="queue-header-bar">
                            <div class="queue-header-logo" onclick="refreshQueue()" title="Refresh queue">
                                <img src="VLOGO2.jpg" alt="Sanjeevan Hospital">
                            </div>
                            <div class="queue-header-search">
                                <div class="queue-search-box">
                                    <span class="queue-search-icon" aria-hidden="true">
                                        <i class="feather icon-search"></i>
                                    </span>
                                    <input type="text" id="TopMrdNo" class="queue-search-input"
                                        placeholder="Type MRD number, then Tab or Enter — or scan barcode"
                                        autocomplete="off" autocorrect="off" spellcheck="false" inputmode="text">
                                    <button type="button" class="queue-search-btn" data-toggle="modal"
                                        data-target="#modal-ptlist" title="Open patient list">
                                        <i class="feather icon-list"></i>
                                        <span>List</span>
                                    </button>
                                </div>
                            </div>
                            <div class="queue-header-actions">
                                <a class="queue-header-btn queue-header-btn-new" data-toggle="modal"
                                    data-target="#modal-report" id="add_button" href="javascript:void(0);">
                                    <i class="feather icon-plus"></i>
                                    <span>New</span>
                                </a>
                                <button type="button" class="queue-header-btn queue-header-btn-stat" onclick="todayPatientLists(1)">
                                    <i class="feather icon-users"></i>
                                    <span class="queue-header-btn-label">Total</span>
                                    <span class="queue-header-btn-count" id="totalPatient">{{ $totalPatient }}</span>
                                </button>
                                <button type="button" class="queue-header-btn queue-header-btn-stat" onclick="todayPatientLists(2)">
                                    <i class="feather icon-check-circle"></i>
                                    <span class="queue-header-btn-label">Check</span>
                                    <span class="queue-header-btn-count" id="totalChecked">{{ $totalCheckPatient }}</span>
                                </button>
                                <button type="button" class="queue-header-btn queue-header-btn-stat" onclick="todayPatientLists(3)">
                                    <i class="feather icon-clock"></i>
                                    <span class="queue-header-btn-label">Uncheck</span>
                                    <span class="queue-header-btn-count" id="totalUnchecked">{{ $totalUncheckPatient }}</span>
                                </button>
                                <button type="button" id="btnReferredStat" class="queue-header-btn queue-header-btn-stat @if(($totalReferredPatient ?? 0) > 0) queue-header-btn-referred-blink @endif" onclick="optoReferedList()">
                                    <i class="feather icon-share-2"></i>
                                    <span class="queue-header-btn-label">Refered</span>
                                    <span class="queue-header-btn-count" id="totalReferred">{{ $totalReferredPatient ?? 0 }}</span>
                                </button>
                            </div>
                        </div>
                        

                            <!-- <div class="form-group">
                           
                                            <div class="input-group">
                                                <input type="text" id="TopMrdNo" oninput="getPatientVal()" class="form-control" placeholder="Mrd No">
                                                <span class="input-group-append">
                                                    <button class="btn btn-secondary" type="button" data-toggle="modal"
                                            data-target="#modal-ptlist">List</button>
                                                </span>
                                            </div>
                                        </div>

                            <div class="form-group col-md-6">
                                <div class="row" style="padding-left: 50px;">
                                    <div class="col-sm-5 text-left">
                                        <button class="btn btn-success btn-sm mb-3 btn-round" data-toggle="modal"
                                            data-target="#modal-report" id="add_button"><i
                                                class="feather icon-plus"></i> New
                                            Patient</button>

                                            <button class="btn btn-info btn-sm mb-3 btn-round" onclick="refreshQueue()"><i
                                                class="feather icon-refresh-cw"></i> Refresh</button>
                                    </div>


                                    <div class="col-sm-7 text-right">
                                        <a href="javascript:void(0)" class="badge badge-pill badge-danger"
                                            style="font-size:20px;" id="totalPatient">Tot :
                                            {{$totalPatient}}</a>
                                        <a href="javascript:void(0)" class="badge badge-pill badge-success"
                                            style="font-size:20px;" id="totalChecked">Chk : {{$totalCheckPatient}}</a>
                                        <a href="javascript:void(0)" class="badge badge-pill badge-info"
                                            style="font-size:20px;" id="totalUnchecked">Un
                                            Chk : {{$totalUncheckPatient}}</a>
                                    </div>
                                </div>

                            </div> -->
                        </div>
                        <form id="validation-form2" novalidate="novalidate" method="POST" enctype="multipart/form-data"
                        autocomplete="off" action="" name="myForm" onsubmit="return validation(this);">
                        <input type="hidden" name="action" value="SaveOldQueue">

                        @csrf
                        <div class="form-row">
                            <div class="form-group col-md-3 showoldfields" style="display:none;">
                                <label class="floating-label" for="Name">Mrd No <span
                                        class="text-danger">*</span></label>
                                <input type="text" id="MRD_NO" name="MRD_NO" class="form-control" value="" readonly="">
                                <div class="clearfix"></div>
                            </div>

                            <div class="form-group col-md-3 showoldfields" style="display:none;">
                                <label class="floating-label" for="Name">Patient Name <span
                                        class="text-danger">*</span></label>
                                <input type="text" id="PatientName" name="PatientName" class="form-control"
                                    placeholder="" readonly="">
                                <div class="clearfix"></div>
                            </div>
                          
                            <div class="form-group col-md-2 showoldfields" style="display:none;">
                                <label class="floating-label" for="Name">Age <span class="text-danger">*</span></label>
                                <input type="text" id="PatientAge" name="PatientAge" class="form-control" placeholder=""
                                    required>
                                <div class="clearfix"></div>
                            </div>

                            <div class="form-group col-md-2 showoldfields" style="display:none;">
                                <label class="floating-label" for="gender">Gender <span
                                        class="text-danger">*</span></label>
                                <select class="form-control" id="PatGender" name="PatGender" required>
                                    <option value="" disabled="" selected="">Select Gender</option>
                                    <option value="Male">Male</option>
                                    <option value="Female">Female</option>
                                </select>
                            </div>

                            <div class="form-group col-md-2 showoldfields" style="display:none;">
                                <label class="floating-label" for="Cashless">Cashless <span
                                        class="text-danger">*</span></label>
                                <select class="form-control" id="Cashless" name="Cashless" required>
                                    <option value="Routine" selected>Routine</option>
                                    <option value="Cashless">Cashless</option>
                                </select>
                            </div>

                            <div class="form-group col-md-2 showoldfields" style="display:none;">
                                <label class="floating-label" for="QueueLanguage">Language <span
                                        class="text-danger">*</span></label>
                                <select class="form-control" id="QueueLanguage" name="Language" required>
                                    <option value="English" selected>English</option>
                                    <option value="Marathi">Marathi</option>
                                    <option value="Hindi">Hindi</option>
                                </select>
                            </div>


                            



                            <div class="form-group col-md-1 showoldfields" style="display:none;">
                                <label class="floating-label" for="Name">Fees <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">Rs.</span>
                                    </div>
                                    <input type="text" list="Feeslist" class="form-control" name="Fees" id="ConsFees"
                                        onKeyPress="return isNumberKey(event)" value="" required>
                                    <datalist id="Feeslist">

                                        
                                        <option value="200">
                                        <option value="600">
                                       

                                    </datalist>

                                    <div class="clearfix"></div>
                                </div>
                            </div>

                            <div class="form-group col-md-2 showoldfields" style="display:none;">
                                <label class="floating-label" for="gender">Type</label>
                                <select class="form-control" id="OpdType" name="OpdType">
                                   
                                    <option value="1" selected="">OPD</option>
                                    <option value="2">Appointment</option>
                                   
                                </select>
                            </div> 

                            <div class="form-group col-md-2 showoldfields" style="display:none;">
                                <label class="floating-label" for="gender">Payment Mode</label>
                                <select class="form-control" id="PayMode" name="PayMode">
                                    <!-- <option value="" disabled="" selected="">Select Payment Mode</option> -->
                                    <option value="Cash" selected="">Cash</option>
                                    <option value="Coupon">Coupon</option>
                                    <option value="Mobile Payment">Mobile Payment</option>
                                </select>
                            </div>

                            <div class="form-group col-md-3 showoldfields" style="display:none;">
                                <label class="floating-label" for="Name">Address <span
                                        class="text-danger">*</span></label>
                                <input type="text" id="PatientAddress" name="PatientAddress" class="form-control"
                                    placeholder="">
                                <div class="clearfix"></div>
                            </div>
                            

                            <div class="form-group col-md-4 showoldfields" style="display:none;padding-top:20px;">
                                <button type="submit" id="submit2" class="btn btn-primary btn-finish">Add In
                                    Queue</button>
                                <button type="button" id="prevsumbtn" class="btn btn-success btn-finish"
                                    onclick="viewOpdDetails()">View Prev Summary</button>
                            </div>
                        </div>
                        <input type="hidden" id="visitno">
                    </form>
                    <hr>


                    <input type="hidden" id="CurrDate" value="{{date('Y-m-d')}}">
                    <button type="button" class="btn btn-secondary" id="please_wait" disabled style="text-align: center;display:none;"><span class="spinner-border spinner-border-sm" role="status"></span> &nbsp;Please Wait</button>
                    <div class="queue-custresult" id="custresult">



                    </div>
                </div>
            </div>
        </div>
        <!-- customar project  end -->
    </div>
</div>

@include('opd/incnewpatient')
@include('opd/incqueuepatient')
@include('opd/incoldpatientlistmodal')
@include('footerscript')
@include('opd.partials.dilation-queue-assets')
@include('opd.partials.queue-column-prefs')
<script type="text/javascript">

let currentFocus2 = -1;
$(document).ready(function () {
        $("#TopPatientName").on("input", function () {
            let TopPatientName = $(this).val();

            if (TopPatientName.length === 0) {
                $("#autocomplete-list2").hide();
                return;
            }

            $.ajax({
                url: "{{ url('getSearchPatientList') }}",
                method: "POST",
                data: {
                    _token: '{{ csrf_token() }}',
                    TopPatientName: TopPatientName
                },
                success: function (data) {
                    $("#autocomplete-list2").empty().show();
                    currentFocus2 = -1;

                    if (data.length === 0) {
                        $("#autocomplete-list2").hide();
                        return;
                    }

                    data.forEach(function (item) {
                        $("#autocomplete-list2").append(`<div class="autocomplete-item" onclick="getPatientVal2('${item.MrdNo}')">${item.PatientNameFull}</div>`);
                    });

                    $(".autocomplete-item").on("click", function () {
                        $("#TopPatientName").val($(this).text());
                        $("#autocomplete-list2").hide();
                    });
                }
            });
        });

        $("#TopPatientName").on("keydown", function (e) {
            let items = $(".autocomplete-item");

            if (e.key === "ArrowDown") {
                currentFocus2++;
                if (currentFocus2 >= items.length) currentFocus2 = 0;
                setActive(items);
                e.preventDefault();
            } else if (e.key === "ArrowUp") {
                currentFocus2--;
                if (currentFocus2 < 0) currentFocus2 = items.length - 1;
                setActive(items);
                e.preventDefault();
            } else if (e.key === "Enter") {
                e.preventDefault();
                if (currentFocus2 > -1 && items[currentFocus2]) {
                    items.eq(currentFocus2).click();
                }
            }
        });

        function setActive(items) {
            items.removeClass("active");
            if (currentFocus2 >= 0 && currentFocus2 < items.length) {
                items.eq(currentFocus2).addClass("active");
                items.eq(currentFocus2)[0].scrollIntoView({ block: "nearest" });
            }
        }

        $(document).click(function (e) {
            if (!$(e.target).closest("#TopPatientName, #autocomplete-list2").length) {
                $("#autocomplete-list2").hide();
            }
        });
    });
    function sendSms(MrdNo) {
        setTimeout(function() {
        window.open(
            '/{{projectUrl()}}sendSms/' + MrdNo, 'sendSms',
            'toolbar=1, scrollbars=1, location=1,statusbar=0, menubar=1, resizable=1, width=800, height=800'
        );
    }, 1);
    }
    function todayPatientLists(val){
    setTimeout(function() {
        window.open(
            '/{{projectUrl()}}todayPatientList/' + val, 'todayPatientList',
            'toolbar=1, scrollbars=1, location=1,statusbar=0, menubar=1, resizable=1, width=1500, height=800'
        );
    }, 1);
}
    function optoReferedList(){
    setTimeout(function() {
        window.open(
            '/{{projectUrl()}}optoSendAssignList', 'optoReferedList',
            'toolbar=1, scrollbars=1, location=1,statusbar=0, menubar=1, resizable=1, width=1500, height=800'
        );
    }, 1);
}
    function stickerPrint(MrdNo) {
        setTimeout(function() {
        window.open(
            '/{{projectUrl()}}stickerPrint/' + MrdNo, 'stickerPrint',
            'toolbar=1, scrollbars=1, location=1,statusbar=0, menubar=1, resizable=1, width=800, height=800'
        );
    }, 1);
    }
function goWhatsApp(Phone) {
    setTimeout(function() {
        window.open(
            'https://api.whatsapp.com/send?phone=+91' + Phone + '&text=Hi', 'whatsapp',
            'toolbar=1, scrollbars=1, location=1,statusbar=0, menubar=1, resizable=1, width=1500, height=1000'
        );
    }, 1);
}

function viewOpdDetails() {
    var mrdno = $('#MRD_NO').val();
    var visitno = $('#visitno').val();
    setTimeout(function() {
        window.open(
            '/{{projectUrl()}}opdDetailPrint/' + mrdno + '/' + visitno, 'popUpWindow3',
            'height=1000,width=1000,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
        );
    }, 1);
}

var patientListTimer = null;
var patientListXhr = null;

function showPatientListLoader(show) {
    if (show) {
        $('#patientlist-loader').addClass('is-visible');
    } else {
        $('#patientlist-loader').removeClass('is-visible');
    }
}

function getPatientListHint(message) {
    return '<div class="patientlist-hint">' + message + '</div>';
}

function getPatientList() {
    var Patient_Name = $.trim($('#Patient_Name').val() || '');

    if (patientListTimer) {
        clearTimeout(patientListTimer);
    }
    if (patientListXhr) {
        patientListXhr.abort();
        patientListXhr = null;
    }

    if (Patient_Name.length < 2) {
        showPatientListLoader(false);
        $('#patientlist').html(getPatientListHint('Type at least 2 characters to search patients.'));
        return;
    }

    showPatientListLoader(true);

    patientListTimer = setTimeout(function() {
        patientListXhr = $.ajax({
            url: "{{ url('getPatientList') }}",
            method: "POST",
            data: {
                _token: '{{ csrf_token() }}',
                Patient_Name: Patient_Name
            },
            success: function(data) {
                $('#patientlist').html(data);
            },
            error: function(xhr) {
                if (xhr.statusText === 'abort') {
                    return;
                }
                $('#patientlist').html(getPatientListHint('Unable to load patients. Please try again.'));
            },
            complete: function() {
                showPatientListLoader(false);
                patientListXhr = null;
            }
        });
    }, 300);
}

$(document).on('input', '#Patient_Name', function() {
    getPatientList();
});

$('#modal-ptlist').on('hidden.bs.modal', function() {
    if (patientListTimer) {
        clearTimeout(patientListTimer);
        patientListTimer = null;
    }
    if (patientListXhr) {
        patientListXhr.abort();
        patientListXhr = null;
    }
    showPatientListLoader(false);
    $('#Patient_Name').val('');
    $('#patientlist').html(getPatientListHint('Type at least 2 characters to search patients.'));
});

function getLastVisit(mrdno) {
    $.ajax({
        url: "{{ url('getLastVisit') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            mrdno: mrdno
        },
        success: function(data) {
            $('#visitno').val(data);
        }
    });
}
$('body').click(function(e) {
    if (!$(e.target).closest('#showpatient').length) {
        $('#showpatient').html('');
    }
});

function dailyReport() {
    //$('#modal-daily-report').modal('show');
    var FromDate = $('#FromDate').val();
    var CurrDate = $('#CurrDate').val();
    if (FromDate == '') {
        var SearchDate = CurrDate;
    } else {
        var SearchDate = FromDate;
    }
    setTimeout(function() {
        window.open(
            '/{{projectUrl()}}dailyReport/' + SearchDate, 'name',
            'toolbar=1, scrollbars=1, location=1,statusbar=0, menubar=1, resizable=1, width=1500, height=1000'
        );
    }, 1);
}

function showOptoForm(mrdno, qid, indate) {
    //alert(indate);exit();
    //var visitdate = $('#CurrDate').val();
    var visitdate = indate;
    $.ajax({
        url: "{{ url('getMaxVisitNo') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            mrdno: mrdno,
            visitdate: visitdate,
            qid: qid
        },
        success: function(data) {
            if (typeof queueList === 'function') {
                queueList();
            }
            setTimeout(function() {
                window.open(
                    '/{{projectUrl()}}optoform/' + mrdno + '/' + visitdate + '/' + data +
                    '?page=tab1', 'name',
                    'toolbar=1, scrollbars=1, location=1,statusbar=0, menubar=1, resizable=1, width=1500, height=1000'
                );
            }, 1);
        }
    });

}

function patientOut(id, mrdno, indate, ptname) {
    swal({
        title: "" + ptname + " - " + mrdno,
        text: "Are you sure you want to out this patient?",
        type: "warning",
        showCancelButton: true,
        confirmButtonClass: "btn-danger",
        confirmButtonText: "Patient Out",
        cancelButtonText: "No, cancel",
        closeOnConfirm: false,
        closeOnCancel: false
    }, function(isConfirm) {
        if (isConfirm) {
            $.ajax({
                url: "{{ url('patientOut') }}",
                method: "POST",
                data: {
                    _token: '{{csrf_token()}}',
                    id: id,
                    mrdno: mrdno,
                    indate: indate
                },
                beforeSend: function() {
                    $('.confirm').attr('disabled', 'disabled');
                    $('.confirm').text('Please Wait...');
                },
                success: function(data) {
                    var res = JSON.parse(data);
                    var Status = res.Status;
                    var totalPatient = res.totalPatient;
                    var totalCheckPatient = res.totalCheckPatient;
                    var totalUncheckPatient = res.totalUncheckPatient;

                    $('#totalPatient').text(totalPatient);
                    $('#totalChecked').text(totalCheckPatient);
                    $('#totalUnchecked').text(totalUncheckPatient);
                    queueList();
                    swal("Patient Out!", "Successfully", "success");
                }
            });
        } else {
            swal("Cancelled", "Record is safe :)", "error");
        }
    });
}

function newPatientList() {
    $.ajax({
        url: "{{ url('newPatientDataList') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}'
        },
        success: function(data) {
            //console.log(data);
            $('#PatientId').html(data);
        }
    });
}

function getAge(val) {
    var dob = new Date(val);
    //calculate month difference from current date in time  
    var month_diff = Date.now() - dob.getTime();

    //convert the calculated difference in date format  
    var age_dt = new Date(month_diff);

    //extract year from date      
    var year = age_dt.getUTCFullYear();

    //now calculate the age of the user  
    var age = Math.abs(year - 1970);

    $('#Age').val(age);
    //alert(age);
}

function findCurrAge(mrdno) {
    $.ajax({
        url: "{{ url('findCurrAge') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            mrdno: mrdno
        },
        success: function(data) {
            console.log(data);
            $('#PatientAge').val(data);
        }
    });
}

/**
 * Barcode/QR scanners append CR/LF or TAB after the code; trim and strip control chars.
 * Backend getPatientDetails uses explode(" / ", $val) — first segment is MrdNo.
 */
function normalizeMrdBarcodeInput(raw) {
    if (raw === undefined || raw === null) {
        return '';
    }
    var s = String(raw).trim();
    s = s.replace(/\r\n|\r|\n/g, '');
    s = s.replace(/\t/g, '');
    s = s.replace(/[\x00-\x08\x0B\x0C\x0E-\x1F]/g, '');
    return s.trim();
}

/** Map patient/queue Cashless to select values Routine / Cashless (handles legacy Yes/No). */
function mapCashlessSelectValue(raw) {
    var c = raw === undefined || raw === null ? '' : String(raw).trim();
    if (c === 'Cashless' || c === 'Yes' || c.toLowerCase() === 'cashless') {
        return 'Cashless';
    }
    if (c === 'Routine' || c === 'No' || c.toLowerCase() === 'routine') {
        return 'Routine';
    }
    return 'Routine';
}

/** Prefill old-patient queue row Language / Cashless from tbl_patients (getPatientDetails). */
function applyPatientLanguageCashless(data) {
    if (!data) {
        return;
    }
    var allowedLang = ['English', 'Marathi', 'Hindi'];
    var lang = (data.Language || '').toString().trim();
    if (allowedLang.indexOf(lang) === -1) {
        lang = 'English';
    }
    if ($('#QueueLanguage').length) {
        $('#QueueLanguage').val(lang);
    }
    var c = data.Cashless;
    if ($('#Cashless').length) {
        $('#Cashless').val(mapCashlessSelectValue(c));
    }
}

/**
 * @param {*} forcedVal optional — when set (e.g. from #PatientId), use this instead of the input
 */
function getPatientVal(forcedVal) {
    var val;
    if (forcedVal !== undefined && forcedVal !== null && String(forcedVal).length) {
        val = normalizeMrdBarcodeInput(String(forcedVal));
        $('#TopMrdNo').val(val);
    } else {
        val = normalizeMrdBarcodeInput($('#TopMrdNo').val());
        if (val !== $('#TopMrdNo').val()) {
            $('#TopMrdNo').val(val);
        }
    }
    var requestVal = val;
    $('#showpatient').html('');
    if (val === '') {
        $('.showoldfields').hide();
        return;
    }
    $('.showoldfields').show();
    $.ajax({
        url: "{{ url('getPatientDetails') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            id: val
        },
        dataType: "json",
        success: function(data) {
            if (!data || data.MrdNo === undefined || data.MrdNo === null) {
                return;
            }
            if (forcedVal === undefined && normalizeMrdBarcodeInput($('#TopMrdNo').val()) !== requestVal) {
                return;
            }
            $('#TopMrdNo').val(data.MrdNo);
            $('#MRD_NO').val(data.MrdNo);
            $('#PatientName').val(data.PatientName);
            $('#PatientAge').val(data.Age);
            $('#PatGender').val(data.Gender).attr("selected", "selected");
            $('#PatientAddress').val(data.Address);
            $('#PatientCity').val(data.City);
            applyPatientLanguageCashless(data);
            getLastVisit(data.MrdNo);
        },
        error: function() {
            /* keep fields; optional: toast */
        }
    });
}

function getPatientVal2(val) {
    $('#showpatient').html('');
    val = normalizeMrdBarcodeInput(val);
    if (val == '') {
        $('.showoldfields').hide();
    } else {
        $('.showoldfields').show();
    }
    $.ajax({
        url: "{{ url('getPatientDetails') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            id: val
        },
        dataType: "json",
        success: function(data) {
            if (!data || data.MrdNo === undefined || data.MrdNo === null) {
                return;
            }
            $('#MRD_NO').val(data.MrdNo);
            $('#PatientName').val(data.PatientName);
            $('#PatientAge').val(data.Age);
            $('#PatGender').val(data.Gender).attr("selected", "selected");
            $('#PatientAddress').val(data.Address);
            $('#PatientCity').val(data.City);
            applyPatientLanguageCashless(data);
            getLastVisit(data.MrdNo);
            $('#modal-ptlist').modal("hide");
            $('#TopMrdNo').val('');
            //$('#PartStateId').html(data);
            //findCurrAge(data.MrdNo);
        }
    });
}

$(document).ready(function() {
    /* Fetch only on explicit action — not on every keystroke (that matched partial MRDs and overwrote the field). */
    $(document).on('keydown', '#TopMrdNo', function(e) {
        if (e.which === 13 || e.keyCode === 13) {
            e.preventDefault();
            getPatientVal();
            return false;
        }
    });
    $(document).on('blur', '#TopMrdNo', function() {
        getPatientVal();
    });
    $(document).on('paste', '#TopMrdNo', function() {
        var el = this;
        setTimeout(function() {
            var v = normalizeMrdBarcodeInput($(el).val());
            $(el).val(v);
            getPatientVal();
        }, 0);
    });

    $(document).on("keyup", "#SearchPatientName", function(event) {
        var val = this.value;
        if (val == '') {
            $('#showpatient').html('');
            $('.showoldfields').hide();
        } else {
            $.ajax({
                url: "{{ url('patientList') }}",
                method: "POST",
                data: {
                    _token: '{{csrf_token()}}',
                    val: val
                },
                success: function(data) {
                    //console.log(data);
                    if (data == 0) {
                        $('#showpatient').html('');
                    } else {
                        $('#showpatient').html(data);
                    }

                }
            });
        }
    });

    $(document).on("change", "#ConsultantId", function(event) {
        var val = this.value;
        $.ajax({
            url: "{{ url('consultantDetails') }}",
            method: "POST",
            data: {
                _token: '{{csrf_token()}}',
                val: val
            },
            dataType: "json",
            success: function(data) {
                //console.log(data);
                $('#ConsFees').val(data.Fees);
            }
        });

    });

    $(document).on("change", "#Consultant", function(event) {
        var val = this.value;
        $.ajax({
            url: "{{ url('consultantDetails') }}",
            method: "POST",
            data: {
                _token: '{{csrf_token()}}',
                val: val
            },
            dataType: "json",
            success: function(data) {
                //console.log(data);
                $('#Fees').val(data.Fees);
            }
        });

    });

    $(document).on("click", ".update2", function(event) {
        event.preventDefault();
        event.stopPropagation();
        var id = $(this).attr("data-id");
        $.ajax({
            url: "{{ url('fetchQueuePatientDetails') }}",
            method: "POST",
            data: {
                _token: '{{csrf_token()}}',
                id: id
            },
            dataType: "json",
            success: function(data) {
                console.log(data);
                $('#id2').val(data.id);
                $('#Mrd_No2').val(data.MrdNo);
                $('#PatientName2').val(data.PatientName);
                $('#Gender2').val(data.Gender).attr("selected", true);

                $('#Age2').val(data.Age);

                $('#Consultant2').val(data.Consultant).attr("selected", true);
                $('#Fees2').val(data.Amount);
                $('#PayMode2').val(data.PayMode).attr("selected", true);
                var allowedLang2 = ['English', 'Marathi', 'Hindi'];
                var lang2 = (data.Language || '').toString().trim();
                $('#Language2').val(allowedLang2.indexOf(lang2) !== -1 ? lang2 : 'English');
                $('#Cashless2').val(mapCashlessSelectValue(data.Cashless));

                $('#action2').val('UpdateQueue');
                $('#submit4').text("Update");
                $('.insert_frm4').modal('show');
                $('.modal-title4').html(
                    "Update <span class='font-weight-light'>Patient</span>");

            }
        });
    });


    $(document).on("click", ".update", function(event) {
        event.preventDefault();
        event.stopPropagation();
        var id = $(this).attr("data-id");
        $.ajax({
            url: "{{ url('fetchPatientDetails') }}",
            method: "POST",
            data: {
                _token: '{{csrf_token()}}',
                id: id
            },
            dataType: "json",
            success: function(data) {
                console.log(data);
                $('#id').val(data.id);
                $('#MrdNo').val(data.MrdNo);
                $('#Suffix').val(data.Suffix).attr("selected", true);
                $('#Fname').val(data.Fname);
                $('#Mname').val(data.Mname);
                $('#Lname').val(data.Lname);
                $('#Gender').val(data.Gender).attr("selected", true);
                $('#Dob').val(data.Dob);
                $('#Age').val(data.Age);
                $('#AgeMonth').val(data.AgeMonth);
                $('#AgeDay').val(data.AgeDay);
                $('#Phone').val(data.Phone);
                $('#Phone2').val(data.Phone2);
                $('#Address').val(data.Address);
                $('#City').val(data.City).attr("selected", true);
                $('#State').val(data.State).attr("selected", true);
                $('#Consultant').val(data.Consultant).attr("selected", true);
                $('#Fees').val(data.Fees);
                $('#PayMode').val(data.PayMode).attr("selected", true);
                $('#RefBy').val(data.RefBy);
                var allowedLang = ['English', 'Marathi', 'Hindi'];
                var lang = (data.Language || '').toString().trim();
                $('#NewPtLanguage').val(allowedLang.indexOf(lang) !== -1 ? lang : 'English');
                $('#NewPtCashless').val(mapCashlessSelectValue(data.Cashless));

                $('#action').val('EditQueue');
                $('#submit').text("Update");
                $('.insert_frm').modal('show');
                $('.modal-title').html(
                    "Update <span class='font-weight-light'>Patient</span> <span style='padding-left: 10px;'><button class='btn btn-success btn-sm mb-3 btn-round' onclick='viewOpdQueue()'>view OPD Queue</button></span>"
                    );

            }
        });
    });

    $(document).on("click", ".regenerate-folder", function(event) {
        event.preventDefault();
        event.stopPropagation();
        var mrd = $(this).data("mrd");
        swal({
            title: "Regenerate local folder?",
            text: "The existing folder for MRD " + mrd + " will be removed and rebuilt from the database.",
            type: "info",
            showCancelButton: true,
            confirmButtonClass: "btn-primary",
            confirmButtonText: "Yes, regenerate",
            cancelButtonText: "Cancel",
            closeOnConfirm: false,
            closeOnCancel: true
        }, function(isConfirm) {
            if (isConfirm) {
                $.ajax({
                    url: "{{ url('regeneratePatientFolder') }}",
                    method: "POST",
                    data: {
                        _token: '{{csrf_token()}}',
                        MRD_NO: mrd
                    },
                    beforeSend: function() {
                        $('.confirm').attr('disabled', 'disabled');
                        $('.confirm').text('Please Wait...');
                    },
                    success: function(data) {
                        var res = typeof data === 'string' ? JSON.parse(data) : data;
                        $('.confirm').attr('disabled', false);
                        $('.confirm').text('Yes, regenerate');
                        if (res.Status == 1) {
                            swal("Done", res.Message || "Folder regenerated.", "success");
                        } else {
                            swal("Error", res.Message || "Regeneration failed.", "error");
                        }
                    },
                    error: function() {
                        $('.confirm').attr('disabled', false);
                        $('.confirm').text('Yes, regenerate');
                        swal("Error", "Request failed.", "error");
                    }
                });
            }
        });
    });

    $(document).on("click", ".delete", function(event) {
        event.preventDefault();
        var id = $(this).attr("data-id");
        var action = "delete";
        //alert(id);
        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this Queue Record!",
            type: "warning",
            showCancelButton: true,
            confirmButtonClass: "btn-danger",
            confirmButtonText: "Yes, delete",
            cancelButtonText: "No, cancel",
            closeOnConfirm: false,
            closeOnCancel: false
        }, function(isConfirm) {
            if (isConfirm) {
                $.ajax({
                    url: "{{ url('deletqueue') }}",
                    method: "POST",
                    data: {
                        _token: '{{csrf_token()}}',
                        id: id
                    },
                    beforeSend: function() {
                        $('.confirm').attr('disabled', 'disabled');
                        $('.confirm').text('Please Wait...');
                    },

                    success: function(data) {
                        var res = JSON.parse(data);
                        var Status = res.Status;
                        var totalPatient = res.totalPatient;
                        var totalCheckPatient = res.totalCheckPatient;
                        var totalUncheckPatient = res.totalUncheckPatient;
                        $('#totalPatient').text(totalPatient);
                        $('#totalChecked').text(totalCheckPatient);
                        $('#totalUnchecked').text(totalUncheckPatient);
                        swal("Deleted!", "Record has been deleted.", "success");
                        //window.location.href = "/queuemanagement";
                        queueList();



                    }
                });

            } else {
                swal("Cancelled", "Record is safe :)", "error");
            }
        });


    });

    $(document).on("change", "#PatientId", function(event) {
        var val = this.value;
        getPatientVal(val);

    });

});

function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : evt.keyCode
    if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
    return true;
}

function success_toast() {
    var isRtl = $('body').attr('dir') === 'rtl' || $('html').attr('dir') === 'rtl';
    $.growl.notice({
        title: 'Success',
        message: 'New User Added Successfully!',
        location: isRtl ? 'tl' : 'tr'
    });
}

function error_toast() {
    var isRtl = $('body').attr('dir') === 'rtl' || $('html').attr('dir') === 'rtl';
    $.growl.error({
        title: 'Error',
        message: 'Patient Name Already Exists',
        location: isRtl ? 'tl' : 'tr'
    });
}
</script>

<script type="text/javascript">
$(document).ready(function() {

    updateReferredButtonBlink($('#totalReferred').text());

    //load_data();
    $.when(window.queueColPrefsReady).always(function() {
        queueList();
    });

    function load_data(FromDate = '', ToDate = '') {
        $('.yajra-datatable').DataTable({
            processing: true,
            serverSide: true,
            ajax: {
                url: "{{ route('queue.listing') }}",
                data: {
                    FromDate: FromDate,
                    ToDate: ToDate
                }
            },
            columns: [

                {
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex'
                },

                {
                    data: 'MrdNo',
                    name: 'MrdNo'
                },
                {
                    data: 'PatientName',
                    name: 'PatientName'
                },
                {
                    data: 'Gender',
                    name: 'Gender'
                },
                {
                    data: 'PatientType',
                    name: 'PatientType'
                },
                {
                    data: 'Consultant_Name',
                    name: 'Consultant'
                },
                {
                    data: 'InTime',
                    name: 'InTime'
                },
                {
                    data: 'Age',
                    name: 'Age'
                },
                {
                    data: 'Amount',
                    name: 'Amount'
                },
                {
                    data: 'DT_RowIndex',
                    name: 'Rwno'
                },
                {
                    data: 'action',
                    name: 'action',
                    orderable: true,
                    searchable: true
                },
            ]
        });
    }

    $('#filter').click(function() {
        var FromDate = $('#FromDate').val();
        var ToDate = $('#ToDate').val();
        if (FromDate != '') {
            //$('.yajra-datatable').DataTable().destroy();
            //load_data(FromDate, ToDate);
            queueList(FromDate, ToDate);
        } else {
            alert('Date is required');
        }
    });

    $('#refresh').click(function() {
        $('#FromDate').val('');
        $('#ToDate').val('');
        //$('.yajra-datatable').DataTable().destroy();
        //load_data();
        queueList();
    });


    $('#validation-form2').on('submit', function(e) {
        e.preventDefault();
        if ($('#validation-form2').valid()) {
            $.ajax({
                url: "{{ url('saveOldQueue') }}",
                method: "POST",
                data: new FormData(this),
                contentType: false,
                processData: false,
                beforeSend: function() {
                    $('#submit2').attr('disabled', 'disabled');
                    $('#submit2').text('Please Wait...');
                },
                success: function(data) {
                    console.log(data);
                    var res = JSON.parse(data);
                    var Status = res.Status;
                    var totalPatient = res.totalPatient;
                    var totalCheckPatient = res.totalCheckPatient;
                    var totalUncheckPatient = res.totalUncheckPatient;
                    var NewMrdNo = res.NewMrdNo;

                    if (Status == 0) {
                        alert('Patient already in queue list. Please out patient first!');
                    } else {
                        $('#NewMrdNo').val(NewMrdNo);
                        $('#totalPatient').text(totalPatient);
                        $('#totalChecked').text(totalCheckPatient);
                        $('#totalUnchecked').text(totalUncheckPatient);
                        $('#PatientId').val('');
                        $('#PatGender').val('');
                        $('#Cashless').val('Routine');
                        $('#QueueLanguage').val('English');
                        $('#showpatient').html('');
                        $('.showoldfields').hide();
                        //$('.yajra-datatable').DataTable().destroy();
                        //load_data();
                        queueList();
                    }
                    $('#submit2').attr('disabled', false);
                    $('#submit2').text('Add In Queue');
                }
            });
        }
    });

    $('#validation-form').on('submit', function(e) {
        e.preventDefault();
        var action = $('#action').val();
        if (action == 'SaveQueue') {
            var url = "{{ url('saveQueue') }}";
        } else {
            var url = "{{ url('EditQueue') }}";
        }

        if ($('#validation-form').valid()) {
            $.ajax({
                url: url,
                method: "POST",
                data: new FormData(this),
                contentType: false,
                processData: false,
                beforeSend: function() {
                    $('#submit').attr('disabled', 'disabled');
                    $('#submit').text('Please Wait...');
                },
                success: function(data) {
                    //console.log(data);exit()
                    var res = JSON.parse(data);
                    var Status = res.Status;
                    var MrdNo = res.MrdNo;
                    if (Status == -1) {
                        alert(res.message || 'Failed to save patient. Please try again.');
                    } else if (Status == 1) {
                        var totalPatient = res.totalPatient;
                        var totalCheckPatient = res.totalCheckPatient;
                        var totalUncheckPatient = res.totalUncheckPatient;
                        var NewMrdNo = res.NewMrdNo;
                        $('#NewMrdNo').val(NewMrdNo);
                        $('#totalPatient').text(totalPatient);
                        $('#totalChecked').text(totalCheckPatient);
                        $('#totalUnchecked').text(totalUncheckPatient);
                        $('#PatientId').val('');
                        $('#PatGender').val('');
                        $('#Cashless').val('Routine');
                        $('#QueueLanguage').val('English');
                        $('#NewPtCashless').val('Routine');
                        $('#NewPtLanguage').val('English');
                        $('#showpatient').html('');
                        $('.showoldfields').hide();
                        $('#MrdNo').val('');
                        $('#id').val('');
                        $('#PageVal').val('');
                        $('#Suffix').val('').attr("selected", true);
                        $('#Fname').val('');
                        $('#Mname').val('');
                        $('#Lname').val('');
                        $('#Gender').val('').attr("selected", true);
                        $('#Dob').val('');
                        $('#Age').val('');
                        $('#Phone').val('');
                        $('#Phone2').val('');
                        $('#City').val('');
                        $('#State').val('');
                        $('#Address').val('');
                        $('#Consultant').val(19).attr("selected", true);
                        $('#Fees').val('500');
                        $('#PayMode').val('').attr("selected", true);
                        $('#RefBy').val('');
                        $('#action').val('SaveQueue');

                        //$('.yajra-datatable').DataTable().destroy();
                        //load_data();
                        $('#modal-report').modal('hide');
                        queueList();
                        newPatientList();
                        if (action == 'SaveQueue') {
                        setTimeout(function() {
        window.open(
            '/{{projectUrl()}}stickerPrint/' + MrdNo, 'stickerPrint',
            'toolbar=1, scrollbars=1, location=1,statusbar=0, menubar=1, resizable=1, width=800, height=800'
        );
    }, 1);
}
                    } else {
                        error_toast();
                    }
                    $('#submit').attr('disabled', false);
                    $('#submit').text(action == 'SaveQueue' ? 'Submit' : 'Update');
                },
                error: function(xhr) {
                    var msg = 'Failed to save patient. Please try again.';
                    if (xhr.responseJSON && xhr.responseJSON.message) {
                        msg = xhr.responseJSON.message;
                    }
                    alert(msg);
                    $('#submit').attr('disabled', false);
                    $('#submit').text(action == 'SaveQueue' ? 'Submit' : 'Update');
                }
            });
        }
    });


    $('#add_button').click(function() {
        var NewMrdNo = $('#NewMrdNo').val();
        //$('.modal-title').html("Add <span class='font-weight-light'>Patient</span><button class='btn btn-success btn-sm mb-3 btn-round'>view OPD Queue</button>");
        $('#id').val('');
        $('#submit').text('Submit');
        $('#PatientId').val('');
        $('#PatGender').val('');
        $('#Cashless').val('Routine');
        $('#QueueLanguage').val('English');
        $('#NewPtCashless').val('Routine');
        $('#NewPtLanguage').val('English');
        $('#showpatient').html('');
        $('.showoldfields').hide();
        $('#MrdNo').val(NewMrdNo);
        $('#id').val('');
        $('#PageVal').val('');
        $('#Suffix').val('').attr("selected", true);
        $('#Fname').val('');
        $('#Mname').val('');
        $('#Lname').val('');
        $('#Gender').val('').attr("selected", true);
        $('#Dob').val('');
        $('#Age').val('');
        $('#Phone').val('');
        $('#Phone2').val('');
        $('#City').val('');
        $('#State').val('');
        $('#Address').val('');
        $('#Consultant').val(19).attr("selected", true);
        $('#Fees').val('500');
        $('#PayMode').val('').attr("selected", true);
        $('#RefBy').val('');
        $('#action').val('SaveQueue');


    })

    $('#validation-form4').on('submit', function(e) {
        e.preventDefault();
        if ($('#validation-form4').valid()) {
            $.ajax({
                url: "{{ url('updateQueueDetails') }}",
                method: "POST",
                data: new FormData(this),
                contentType: false,
                processData: false,
                beforeSend: function() {
                    $('#submit4').attr('disabled', 'disabled');
                    $('#submit4').text('Please Wait...');
                },
                success: function(data) {
                    //console.log(data);
                    var res = JSON.parse(data);
                    var Status = res.Status;
                    var totalPatient = res.totalPatient;
                    var totalCheckPatient = res.totalCheckPatient;
                    var totalUncheckPatient = res.totalUncheckPatient;

                    $('#totalPatient').text(totalPatient);
                    $('#totalChecked').text(totalCheckPatient);
                    $('#totalUnchecked').text(totalUncheckPatient);
                    $('#id2').val('');
                    $('#MrdNo2').val('');
                    $('#PatientName2').val('');
                    $('#Gender2').val('').attr("selected", true);

                    $('#Age2').val('');

                    $('#Consultant2').val('').attr("selected", true);
                    $('#Fees2').val('');
                    $('#PayMode2').val('').attr("selected", true);
                    $('#Language2').val('English');
                    $('#Cashless2').val('Routine');
                    $('#modal-report4').modal('hide');
                    queueList();

                    $('#submit4').attr('disabled', false);
                    $('#submit4').text('Update');
                }
            });
        }
    });

});

function queueList(FromDate = '', ToDate = '') {
    $.ajax({
        url: "{{ url('viewQueueList') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            FromDate: FromDate,
            ToDate: ToDate
        },
        beforeSend:function(){
     $('#please_wait').show();
    },
        success: function(data) {
            //console.log(data);
            $('#custresult').html(data);
            $('#please_wait').hide();
            initOpdQueueDilationTable();
        }
    });
}

function refreshQueue() {
    $.ajax({
        url: "{{ url('refreshQueue') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}'
        },
        success: function(data) {
            queueList();
            var res = JSON.parse(data);
            var Status = res.Status;
            var totalPatient = res.totalPatient;
            var totalCheckPatient = res.totalCheckPatient;
            var totalUncheckPatient = res.totalUncheckPatient;
            var NewMrdNo = res.NewMrdNo;
            $('#NewMrdNo').val(NewMrdNo);
            $('#totalPatient').text(totalPatient);
            $('#totalChecked').text(totalCheckPatient);
            $('#totalUnchecked').text(totalUncheckPatient);
            if (res.totalReferredPatient !== undefined) {
                $('#totalReferred').text(res.totalReferredPatient);
                updateReferredButtonBlink(res.totalReferredPatient);
            }
        }
    });
}

function updateReferredButtonBlink(count) {
    var total = parseInt(count, 10) || 0;
    $('#btnReferredStat').toggleClass('queue-header-btn-referred-blink', total > 0);
}

function viewOpdQueue() {
    setTimeout(function() {
        window.open(
            '/{{projectUrl()}}viewOpdQueue', 'opdqueue',
            'toolbar=1, scrollbars=1, location=1,statusbar=0, menubar=1, resizable=1, width=1500, height=1000'
        );
    }, 1);

}
</script>