@include('header')
@php
$UserId = Session::get('UserId');
@endphp
<style type="text/css">
fieldset legend {
    background: inherit;
    font-family: "Lato", sans-serif;
    color: #650812;
    font-size: 15px;
    left: 10px;
    padding: 0 10px;
    position: absolute;
    top: -12px;
    font-weight: 400;
    width: auto !important;
    border: none !important;
}

fieldset {
    background: #ffffff;
    border: 1px solid #C43853;
    border-radius: 5px;
    margin: 20px 0 1px 0;
    padding: 25px;
    position: relative;
}

.form-control {
    min-height: 1px;
    height: 30px;
    font-size: 13px;
    padding: 2px 6px;
    line-height: 1.2;
    box-sizing: border-box;
}

select.form-control {
    padding: 0 4px;
}

input[type="date"].form-control {
    height: 30px !important;
    min-height: 30px !important;
}

.table th,
.table td {
    padding: 0.325rem;
}

.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 1px;
    padding-left: 6px;
}

    .autocomplete-item {
        padding: 8px;
        cursor: pointer;
    }

    .autocomplete-item:hover,
    .autocomplete-item.active {
        background-color: #98e6ed;
    }

.ot-notes-lists-search-wrap {
    position: relative;
    width: 100%;
}

.ot-notes-list-input-wrap {
    position: relative;
    width: 100%;
}

.ot-notes-list-input-wrap.input-group .input-group-text {
    background: #fff;
    border-color: #ced4da;
    color: #6c757d;
    padding: 0 10px;
}

.ot-notes-list-input-wrap.input-group .form-control {
    height: 34px !important;
    min-height: 34px;
    border-color: #ced4da;
    font-size: 13px;
}

.ot-notes-list-input-wrap.input-group .form-control:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.15);
    z-index: 2;
}

.ot-notes-browse-btn {
    height: 34px;
    min-width: 38px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #ced4da;
    background: #f8f9fa;
    color: #495057;
}

.ot-notes-browse-btn:hover {
    background: #e9ecef;
    color: #212529;
    border-color: #ced4da;
}

.ot-notes-browse-btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.35);
    z-index: 3;
}

.autocomplete-list {
    border: 1px solid #ccc;
    max-height: 220px;
    overflow-y: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 2px;
    background-color: white;
    z-index: 1000;
    width: 100%;
    box-sizing: border-box;
}

tr.ot-notes-modal-row {
    cursor: pointer;
}

tr.ot-notes-modal-row:hover {
    background-color: #d1ecf1 !important;
}
</style>
<div class="container-fluid flex-grow-1 container-p-y">
    <!-- <h4 class="font-weight-bold py-3 mb-0">Add O.T. Notes</h4> --><br>
    <form id="validation-form" novalidate="novalidate" method="POST" enctype="multipart/form-data" autocomplete="off"
        action="">
        <input type="hidden" name="action" id="actionvalue" value="Save">
        <input type="hidden" name="saveid" id="saveid" value="">
        @csrf

        <div class="row">

            <div class="col-md-3">
                <div class="card mb-12 mb-1">
                    <div class="card-body" style="padding: 21px;">
                        <label>OT Notes Other Lists</label>
                        <div class="ot-notes-lists-search-wrap">
                            <div class="ot-notes-list-input-wrap input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">
                                        <i class="fas fa-search" aria-hidden="true"></i>
                                    </span>
                                </div>
                                <input type="text" class="form-control" name="OtPatientId" id="OtPatientId"
                                    autocomplete="off" placeholder="Search by OT Note ID, MRD, name, address…"
                                    onclick="this.select();">
                                <div class="input-group-append">
                                    <button type="button" class="btn btn-secondary ot-notes-browse-btn"
                                        id="btnOpenOtNotesOtherListModal" title="Browse OT notes other (latest 50)"
                                        aria-label="Browse OT notes other list">
                                        <i class="fas fa-list" aria-hidden="true"></i>
                                    </button>
                                </div>
                                <div id="autocomplete-list" class="autocomplete-list" style="display: none;"></div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="col-md-9">
                <div class="card mb-12 mb-1">
                    <div class="card-body" style="padding: 12px;">
                        <table class="table table-bordered table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>OT Sch Id</th>
                                    <th>MrdNo</th>
                                    <th width="30" align="center" valign="top">Patient Name </th>
                                    <th width="30" align="center" valign="top">Age </th>
                                    <th width="30" align="center" valign="top">Address</th>
                                    <th width="30" align="center" valign="top">OT Date</th>

                                </tr>

                                <tr>

                                    <th width="50" align="center" valign="top"><input type="text" class="form-control"
                                            placeholder="" id="OTSchId" name="OtPatientId" value=""
                                            oninput="getPatientDetails()">
                                        <div class="clearfix"></div>
                                    </th>

                                    <th width="50" align="center" valign="top"><input type="text" class="form-control"
                                            placeholder="" id="MrdNo" name="MrdNo" value="" readonly>
                                        <div class="clearfix"></div>
                                    </th>

                                    <th width="180" align="center" valign="top"><input type="text" class="form-control"
                                            placeholder="" name="PatientName" id="PatientName" value="" readonly>
                                        <div class="clearfix"></div>
                                    </th>

                                    <th width="80" align="center" valign="top"><input type="text" class="form-control"
                                            placeholder="" id="Age" name="Age" value="" readonly>



                                    <th width="80" align="center" valign="top"><input type="text" class="form-control"
                                            placeholder="" id="Address" name="Address" value="" readonly>
                                        <div class="clearfix"></div>
                                    </th>
                                    <th width="80" align="center" valign="top"><input type="date" class="form-control"
                                            placeholder="" id="CreatedDate" name="CreatedDate" value="" required>
                                        <div class="clearfix"></div>
                                    </th>
                                    <input type="hidden" name="Gender" id="Gender" value="">
                                    <input type="hidden" name="Eye" id="Eye" value="">
                                </tr>

                            </thead>
                            <tbody>
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>



        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-6">
                        <fieldset>
                            <legend>Diagnosis</legend>
                            <div class="row">
                                <div class="col-lg-10">
                                    <div class="form-group">
                                        <textarea class="form-control" placeholder="Search for..." name="Diagnosis"
                                            id="Diagnosis"></textarea>

                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <span class="input-group-append">
                                        <button class="btn btn-secondary" type="button" data-toggle="modal"
                                            data-target="#modal-report" id="add_button"
                                            onclick="getValue('Diagnosis','Diagnosis')">...</button>
                                    </span>
                                </div>
                            </div>

                        </fieldset>
                    </div>

                    <div class="col-md-6">
                        <div class="col-md-12">
                            <fieldset>
                                <legend>Investigation</legend>
                                <div class="row">
                                    <table class="table table-bordered table-striped mb-0">
                                        <thead>

                                            <tr>
                                                <th width="50" align="center" valign="top">B.S</th>

                                                <th width="113" align="center" valign="top"><input type="text" name="Bs"
                                                        id="Bs" class="form-control" placeholder="" value="">
                                                    <div class="clearfix"></div>
                                                    </td>
                                                </th>
                                                <th width="50" align="center" valign="top">B.P</th>

                                                <th width="113" align="center" valign="top"><input type="text" name="Bp"
                                                        id="Bp" class="form-control" placeholder="" value="">
                                                    <div class="clearfix"></div>
                                                    </td>
                                                </th>
                                                <th width="50" align="center" valign="top">IOP </th>
                                                <th width="100" align="center" valign="top">
                                                    <input type="text" name="IopRe" id="IopRe" class="form-control"
                                                        placeholder="" value="">
                                                </th>
                                                <th width="105" align="center" valign="top"><input type="text"
                                                        name="IopLe" id="IopLe" class="form-control" placeholder=""
                                                        value="">
                                                    <div class="clearfix"></div>
                                                    </td>
                                                </th>
                                                <th width="50" align="center" valign="top">Other </th>
                                                <th width="129" align="center" valign="top"><input type="text"
                                                        name="Other" id="Other" class="form-control" placeholder=""
                                                        value="">
                                                    <div class="clearfix"></div>
                                                    </td>
                                                </th>

                                            </tr>
                                            <th width="50" align="center" valign="top" colspan="2">Category </th>
                                            <th width="50" align="left" valign="top" colspan="2">
                                                <select class="form-control" name="Category" id="Category"
                                                    style="height: 31px">
                                                    <option selected="" value="">...
                                                    </option>
                                                    <option value="Routine">Routine
                                                    </option>
                                                    <option value="Cashless">Cashless
                                                    </option>

                                                </select>
                                            </th>
                                            <tr>

                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>


                            </fieldset>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="col-md-12">
                            <fieldset style="height: 240px;">
                                <legend>Surgery Details</legend>
                                <div class="row">
                                    <table class="table table-bordered table-striped mb-0">
                                        <thead>


                                            <tr>


                                                <th width="10" align="center" valign="top">Dilated By

                                                    </td>
                                                </th>
                                                <th width="40" align="center" valign="top" colspan="2"><input
                                                        type="text" name="DilatedBy" id="DilatedBy" class="form-control"
                                                        placeholder="" value=""></th>

                                            </tr>
                                            <tr>


                                                <th width="10" align="center" valign="top">Anesthesia Type

                                                    </td>
                                                </th>
                                                <th width="40" align="center" valign="top" colspan="2"><input
                                                        type="text" name="AnesthesiaType" id="AnesthesiaType"
                                                        class="form-control" placeholder="" value=""></th>

                                            </tr>

                                            <tr>


                                                <th width="10" align="center" valign="top">Draping

                                                    </td>
                                                </th>
                                                <th width="40" align="center" valign="top" colspan="2"><input
                                                        type="text" name="Draping" id="Draping" class="form-control"
                                                        placeholder="" value=""></th>

                                            </tr>

                                            <tr>


                                                <th width="10" align="center" valign="top">Speculum

                                                    </td>
                                                </th>
                                                <th width="40" align="center" valign="top" colspan="2"><input
                                                        type="text" name="Speculum" id="Speculum" class="form-control"
                                                        placeholder="" value=""></th>

                                            </tr>

                                            <tr>


                                                <th width="10" align="center" valign="top">Conjunctival Wash

                                                    </td>
                                                </th>
                                                <th width="40" align="center" valign="top" colspan="2"><input
                                                        type="text" name="ConjunctivalWash" id="ConjunctivalWash"
                                                        class="form-control" placeholder="" value=""></th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </fieldset>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <fieldset style="height: 240px;">
                            <!-- <legend>Pre-OP Notes</legend> -->
                            <div class="row">
                                <table class="table table-bordered table-striped mb-0">
                                    <thead>

                                        <tr>
                                            <th width="10" align="center" valign="top">Surgeon</th>

                                            <th width="120" align="center" valign="top"><input type="text"
                                                    name="Surgeon" id="Surgeon" class="form-control" placeholder=""
                                                    value="">

                                            </th>
                                            <th width="10" align="center" valign="top"><span class="input-group-append">
                                                    <button class="btn btn-secondary" type="button" data-toggle="modal"
                                                        data-target="#modal-report" id="add_button"
                                                        onclick="getValue('Surgeon','Surgeon')">...</button>
                                                </span> </th>

                                            <th width="20" align="center" valign="top">Assistant

                                            </th>
                                            <th width="100" align="center" valign="top"><input type="text"
                                                    name="Assistant" id="Assistant" class="form-control" placeholder=""
                                                    value=""></th>
                                            <th width="10" align="center" valign="top" colspan="2"><span
                                                    class="input-group-append">
                                                    <button class="btn btn-secondary" type="button" data-toggle="modal"
                                                        data-target="#modal-report" id="add_button"
                                                        onclick="getValue('Assistant','Assistant')">...</button>
                                                </span>
                                                <div class="clearfix"></div>

                                            </th>
                                        </tr>
                                        <tr>
                                            <th width="40" align="center" valign="top">Anaethetist</th>
                                            <th width="120" align="center" valign="top"><input type="text"
                                                    name="Anaethetist" id="Anaethetist" class="form-control"
                                                    placeholder="" value="">

                                            </th>
                                            <th width="10" align="center" valign="top"><span class="input-group-append">
                                                    <button class="btn btn-secondary" type="button" data-toggle="modal"
                                                        data-target="#modal-report" id="add_button"
                                                        onclick="getValue('Anaesthetist','Anaethetist')">...</button>
                                                </span></th>

                                            <th width="20" align="center" valign="top">Packages

                                            </th>
                                            <th width="100" align="center" valign="top">
                                                <input type="text" name="Package" list="package_list" id="Package"
                                                    class="form-control" placeholder="" value=""
                                                    oninput="getPkgDetails(document.getElementById('Package').value)">
                                                <datalist id="package_list">
                                                    @foreach($packagelist as $result)
                                                    <option value="{{$result->PackageName}}">{{$result->PackageName}}
                                                    </option>
                                                    @endforeach
                                                </datalist>
                                                <!-- <select
                                                    class="form-control" name="Package" id="Package"
                                                    style="height: 33px" onchange=getPkgDetails(this.value)>
                                                    <option selected="" value="">...
                                                    </option>
                                                    @foreach($packagelist as $result)
                                                    <option value="{{$result->PackageName}}">{{$result->PackageName}}
                                                    </option>
                                                    @endforeach

                                                </select> -->

                                            </th>
                                            <th colspan="2"> <input type="text" name="PackageAmount" id="PackageAmount"
                                                    class="form-control" placeholder="" value=""></th>

                                            <!-- <th width="129" align="center" valign="top">
                                            <input type="text"
                                                    name="Anaethetist" id="Anaethetist" class="form-control"
                                                    placeholder="" value="">
                                            </th> -->

                                        </tr>
                                        <tr>
                                            <th width="129" align="center" valign="top">Surgery Performed
                                                <div class="clearfix"></div>
                                                </td>
                                            </th>
                                            <th colspan="4">
                                                <textarea class="form-control" placeholder="Search for..."
                                                    name="SurgeryPerformed" id="SurgeryPerformed"></textarea>

                                            </th>
                                            <th colspan="2">
                                                <button class="btn btn-secondary" type="button" data-toggle="modal"
                                                    data-target="#modal-report" id="add_button"
                                                    onclick="getValue('sugestedsurgery','SurgeryPerformed')">...</button>
                                            </th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>


                        </fieldset>
                    </div>

                    
                    <div>
                        <div>


                        </div>

                    </div>
                </div>
            </div>
            <div class="form-group col-md-12" style="margin-bottom: 0rem;padding-right: 1px;padding-left: 1px;">
                <fieldset>
                    <legend>Cashless Package</legend>
                    <div class="table-responsive" style="overflow-x:auto;">
                        <table id="report-table" class="table table-bordered table-striped mb-0">
                            <thead>
                                <tr>


                                    <td width="10" align="left" valign="top">Package Amount
                                    </td>
                                    <td width="100" align="left" valign="top"><input name="PkgAmt" type="text"
                                            class="form-control" id="PkgAmt" value="" placeholder="">
                                    </td>

                                    <td width="10" align="left" valign="top">Insurane Company
                                    </td>
                                    <td width="200" align="left" valign="top">
                                        <select name="InsComp" class="form-control" id="InsComp">
                                            <option value="">Select</option>
                                            @foreach($insCompList ?? [] as $insCompOption)
                                            <option value="{{ is_object($insCompOption) ? $insCompOption->Name : $insCompOption }}">{{ is_object($insCompOption) ? $insCompOption->Name : $insCompOption }}</option>
                                            @endforeach
                                        </select>
                                    </td>

                                    <td width="10" align="left" valign="top">Request Amount
                                    </td>
                                    <td width="100" align="left" valign="top"><input name="ReqAmt" type="text"
                                            class="form-control" id="ReqAmt" value="" placeholder="">
                                    </td>
                                    <td width="10" align="left" valign="top">TPA Company</td>
                                    <td width="100" align="left" valign="top">
                                        <select name="TpaCompany" class="form-control" id="TpaCompany">
                                            <option value="">Select</option>
                                            @foreach($tpaCompanyList ?? [] as $tpaOption)
                                            <option value="{{ is_object($tpaOption) ? $tpaOption->Name : $tpaOption }}">{{ is_object($tpaOption) ? $tpaOption->Name : $tpaOption }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="10" align="left" valign="top">Policy No</td>
                                    <td width="100" align="left" valign="top"><input name="PolicyNo" type="text"
                                            class="form-control" id="PolicyNo" value="" placeholder=""></td>
                                    <td width="10" align="left" valign="top">Claim ID No</td>
                                    <td width="100" align="left" valign="top"><input name="ClainNo" type="text"
                                            class="form-control" id="ClainNo" value="" placeholder=""></td>
                                    <td width="10" align="left" valign="top">Sanctioned Amount
                                    </td>
                                    <td width="100" align="left" valign="top"><input name="SanctAmt" type="text"
                                            class="form-control" id="SanctAmt" value="" placeholder="">
                                    </td>
                                    <td colspan="2"></td>
                                </tr>
                                <tr>
                                    <td width="10" align="left" valign="top">Additional Amt Paid
                                        from Patient
                                    </td>
                                    <td width="100" align="left" valign="top"><input name="AddAmt" type="text"
                                            class="form-control" id="AddAmt" value="" placeholder="">
                                    </td>

                                    <td width="10" align="left" valign="top">Settle Amount </td>
                                    <td width="200" align="left" valign="top"><input name="SettleAmt" type="text"
                                            class="form-control" id="SettleAmt" value="" placeholder="">
                                    </td>

                                    <td width="10" align="left" valign="top">Settle Date </td>
                                    <td width="100" align="left" valign="top"><input type="date" class="form-control"
                                            name="SettleDate" id="SettleDate" value="{{date('Y-m-d')}}"></td>
                                    <td width="10" align="left" valign="top">UTR No </td>
                                    <td width="100" align="left" valign="top"><input name="UtrNo" type="text"
                                            class="form-control" id="UtrNo" value="" placeholder="">
                                    </td>
                                </tr>

                                <tr>
                                   
                                    <td width="10" align="left" valign="top">Refund Date </td>
                                    <td width="100" align="left" valign="top"><input type="date" class="form-control"
                                            name="RefundDate" id="RefundDate" value="{{date('Y-m-d')}}"></td> 
                                    <td width="10" align="left" valign="top">Refund Amount </td>
                                    <td width="200" align="left" valign="top"><input name="RefundAmt" type="text"
                                            class="form-control" id="RefundAmt" value="" placeholder="">
                                    </td>

                                    
                                   
                                </tr>
                            </thead>

                        </table>

                    </div>

                </fieldset>

            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <fieldset>
                    <legend>Add. Procedure & Comments</legend>
                    <div class="row">
                        <div class="col-lg-10">
                            <div class="form-group">
                                <textarea class="form-control" placeholder="Search for..." name="ProcedureComments"
                                    id="ProcedureComments"></textarea>

                            </div>
                        </div>
                        <div class="col-lg-2">
                            <span class="input-group-append">
                                <button class="btn btn-secondary" type="button" data-toggle="modal"
                                    data-target="#modal-report" id="add_button"
                                    onclick="getValue('Procedures','ProcedureComments')">...</button>
                            </span>
                        </div>
                    </div>


                </fieldset>
            </div>

            <div class="col-md-4">
                <fieldset>
                    <legend>Remarks</legend>
                    <div class="row">
                        <div class="col-lg-10">
                            <div class="form-group">
                                <textarea class="form-control" placeholder="Search for..." name="Remarks"
                                    id="Remarks"></textarea>

                            </div>
                        </div>
                        <div class="col-lg-2">
                            <span class="input-group-append">
                                <button class="btn btn-secondary" type="button" data-toggle="modal"
                                    data-target="#modal-report" id="add_button"
                                    onclick="getValue('Remark','Remarks')">...</button>
                            </span>
                        </div>
                    </div>


                </fieldset>
            </div>

            <div class="col-md-4">
                <fieldset>
                    <legend></legend>
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="custom-control custom-checkbox">
                                    <input type="checkbox" name="StudyPatient" id="StudyPatient" value="1"
                                        class="custom-control-input">
                                    <span class="custom-control-label">Study Patient</span>
                                </label>

                            </div>
                        </div>
                        <div class="col-lg-8">
                            <span class="form-group">
                                <label class="floating-label">Optometrist</label>
                                <!-- Multiple -->

                                <select class="form-control" style="width: 100%;height:35px;" data-allow-clear="true"
                                    name="ConfirmOpto" id="ConfirmOpto">

                                    <option value="0">None
                                    </option>
                                    @foreach($optometristList as $result)
                                    <option value="{{$result->id}}">{{$result->Name}}</option>
                                    @endforeach
                                </select>
                            </span>
                        </div>
                    </div>


                </fieldset>
            </div>

            <div class="col-md-12 mb-4">
                <fieldset>
                    <legend></legend>
                    <div class="col-sm-12">
                        <button class="btn btn-primary" id="submit" type="submit" name="submit">Save</button>
                        <button class="btn btn-success" onclick="printOt()" id="printbtn" type="button"
                            disabled>Print</button>
                        <button class="btn btn-danger" type="button" onclick="dischargeCard()" id="discbtn"
                            disabled>Discharge
                            Card</button>
                        <!-- <button class="btn btn-secondary" type="button" onclick="ipdReceipt()" id="receiptbtn"
                            disabled>IPD Receipt
                            Card</button>
                        <button class="btn btn-danger" type="button" onclick="ipdBill()" id="billbtn" disabled>IPD
                            Bill
                        </button> -->
                    </div>
                </fieldset>
            </div>
        </div>
</div>
</div>

<input type="hidden" id="CurrDate" value="{{date('Y-m-d')}}">






</form>

<div class="modal fade" id="modalOtNotesOtherList" tabindex="-1" role="dialog" aria-labelledby="modalOtNotesOtherListTitle" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header py-2">
                <h5 class="modal-title" id="modalOtNotesOtherListTitle">OT Notes Other — browse</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group mb-2">
                    <label class="small text-muted mb-0" for="modalOtNotesOtherSearchInput">Search entire OT notes other list</label>
                    <input type="text" class="form-control form-control-sm" id="modalOtNotesOtherSearchInput"
                        autocomplete="off" placeholder="ID, MRD, patient name, address, phone…">
                </div>
                <p class="small text-muted mb-2" id="modalOtNotesOtherSearchHint">Latest 50 records. Type above to search all records (up to 200 matches).</p>
                <div class="table-responsive" style="max-height: 400px;">
                    <table class="table table-sm table-bordered table-striped mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>OT Note ID</th>
                                <th>MRD</th>
                                <th>Patient</th>
                                <th>Address</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody id="modalOtNotesOtherTableBody">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

</div>
</div>
</div>
<!-- [ Layout content ] Start -->

</div>
<!-- [ Layout container ] End -->

</div>
<!-- Overlay -->

<div class="layout-overlay layout-sidenav-toggle"></div>
</div>
<script src="{{url('assets/js/jquery-3.6.0.min.js')}}"></script>
@include('masters/inccommonmodal')
@include('footerscript')
<script>
    let currentFocus = -1;
    let otNotesOtherListSearchTimer = null;

function renderOtNotesOtherModalRows(rows) {
    var $tb = $('#modalOtNotesOtherTableBody');
    $tb.empty();
    if (!rows || rows.length === 0) {
        $tb.append('<tr><td colspan="5" class="text-center text-muted">No records found</td></tr>');
        return;
    }
    rows.forEach(function (r) {
        var full = r.PatientNameFull || '';
        var $tr = $('<tr class="ot-notes-modal-row"></tr>')
            .append($('<td></td>').text(r.id != null ? String(r.id) : ''))
            .append($('<td></td>').text(r.MrdNo != null ? String(r.MrdNo) : ''))
            .append($('<td></td>').text(r.PatientName != null ? String(r.PatientName) : ''))
            .append($('<td></td>').text(r.Address != null ? String(r.Address) : ''))
            .append($('<td></td>').text(r.CreatedDate != null ? String(r.CreatedDate) : ''));
        $tr.on('click', function () {
            $('#OtPatientId').val(full);
            $('#modalOtNotesOtherList').modal('hide');
            $('#autocomplete-list').hide().empty();
            checkOtPatient(full);
        });
        $tb.append($tr);
    });
}

function loadOtNotesOtherModalRecent() {
    $('#modalOtNotesOtherSearchHint').text('Latest 50 records. Type above to search all records (up to 200 matches).');
    $.ajax({
        url: "{{ url('getOtNotesModalRecent') }}",
        method: 'POST',
        data: { _token: '{{ csrf_token() }}', roll: 2 },
        dataType: 'json',
        success: function (data) {
            renderOtNotesOtherModalRows(Array.isArray(data) ? data : []);
        }
    });
}

$(document).ready(function () {
    $("#OtPatientId").on("input", function () {
        let RefBy = $(this).val().trim();
        const $list = $("#autocomplete-list");

        if (RefBy.length === 0) {
            clearTimeout(otNotesOtherListSearchTimer);
            $list.hide().empty();
            return;
        }

        clearTimeout(otNotesOtherListSearchTimer);
        otNotesOtherListSearchTimer = setTimeout(function () {
        $.ajax({
            url: "{{ url('getOtOtherPatientList') }}",
            method: "POST",
            data: {
                _token: '{{ csrf_token() }}',
                RefBy: RefBy
            },
            dataType: "json",
            success: function (data) {
                $list.empty();
                currentFocus = -1;

                if (!Array.isArray(data) || data.length === 0) {
                    $list.hide();
                    return;
                }

                data.forEach(function (item) {
                    const text = item.PatientNameFull || '';
                    $('<div class="autocomplete-item"></div>')
                        .text(text)
                        .on('mousedown', function (e) {
                            e.preventDefault();
                            $("#OtPatientId").val(text);
                            $list.hide();
                            checkOtPatient(text);
                        })
                        .appendTo($list);
                });
                $list.show();
            }
        });
        }, 280);
    });

    $("#OtPatientId").on("keydown", function (e) {
        const $ac = $("#autocomplete-list");
        if (!$ac.is(":visible")) {
            return;
        }
        let items = $ac.find(".autocomplete-item");
        if (items.length === 0) {
            return;
        }

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

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

    $(document).click(function (e) {
        if (!$(e.target).closest("#OtPatientId, #autocomplete-list").length) {
            $("#autocomplete-list").hide();
        }
    });

    var modalOtNotesOtherSearchTimer = null;

    $('#btnOpenOtNotesOtherListModal').on('click', function () {
        $('#modalOtNotesOtherList').modal('show');
    });

    $('#modalOtNotesOtherList').on('show.bs.modal', function () {
        $('#modalOtNotesOtherSearchInput').val('');
    });

    $('#modalOtNotesOtherList').on('shown.bs.modal', function () {
        loadOtNotesOtherModalRecent();
        setTimeout(function () {
            $('#modalOtNotesOtherSearchInput').trigger('focus');
        }, 350);
    });

    $('#modalOtNotesOtherSearchInput').on('input', function () {
        var q = $(this).val().trim();
        clearTimeout(modalOtNotesOtherSearchTimer);
        modalOtNotesOtherSearchTimer = setTimeout(function () {
            if (q === '') {
                loadOtNotesOtherModalRecent();
                return;
            }
            $.ajax({
                url: "{{ url('searchOtNotesModal') }}",
                method: 'POST',
                data: { _token: '{{ csrf_token() }}', RefBy: q, roll: 2 },
                dataType: 'json',
                success: function (data) {
                    renderOtNotesOtherModalRows(Array.isArray(data) ? data : []);
                    $('#modalOtNotesOtherSearchHint').text('Search results (up to 200). Clear the search box to load the latest 50 again.');
                }
            });
        }, 320);
    });
});
$('.datalist').on('click', function() {
    $(this).val('');
});

function getPkgDetails(PackageName) {
    $.ajax({
        url: "{{ url('getPackageDetails') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            PackageName: PackageName
        },
        dataType: "json",
        success: function(data) {
            $('#PackageAmount').val(data.PackageAmt);
        }
    });

}

function companyLists(done) {
    $.ajax({
        url: "{{ url('companyLists') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}'
        },
        success: function(data) {
            $('#DataList').html(data);
            if (typeof done === 'function') {
                done();
            }
        }
    });
}

function modelLists() {
    var Cname = $('#IolName').val();
    $.ajax({
        url: "{{ url('modelLists') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            Cname: Cname
        },
        success: function(data) {
            $('#IolType_DataList').html(data);
        }
    });
}


function powerLists() {
    var Cname = $('#IolName').val();
    var Model = $('#IolType').val();
    $.ajax({
        url: "{{ url('powerLists') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            Cname: Cname,
            Model: Model
        },
        success: function(data) {
            $('#IolPower_DataList').html(data);
        }
    });
}

function dlRestoreValue(i) {

    let t = $('#' + i);
    if (t.val() === '') {

        if (t.attr('org-placeholder') !== t.attr('placeholder')) {
            t.val(t.attr('placeholder'));
        }

        t.attr('placeholder', '');
        if (t.val() === '') {
            t.attr('placeholder', t.attr('org-placeholder'));
        }

    }

}

function dlShowAllOnArrowClick(i) {

    $('#' + i)
        .on('click', function(e) {

            let t = $(this);
            if ((t.width() - (e.clientX - t.offset().left)) < 14) {
                if (t.val() !== "") {
                    t.attr('placeholder', t.val());
                    t.val('');
                }
            } else {
                dlRestoreValue(i)
            }
        })

        .on('mouseleave', function() {
            dlRestoreValue(this.id);
        })


        .on('mouseenter', function() {
            if (!$(this).is("[org-placeholder]")) $(this).attr('org-placeholder', $(this).attr('placeholder'));
        })

}


dlShowAllOnArrowClick('cmbdialatedwith');
dlShowAllOnArrowClick('cmbhearingstatus');
dlShowAllOnArrowClick('cmbpupdilation');
dlShowAllOnArrowClick('cmbsocket');

function dischargeCard() {
    var otid = $('#saveid').val();
    var mrdno = $('#MrdNo').val();
    setTimeout(function() {
        window.open(
            '/{{projectUrl()}}addDischargeCard2/' + mrdno + '/' + otid, 'popUpWindow3',
            'height=1000,width=1500,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
        );
    }, 1);
}

function ipdBill() {
    var otid = $('#saveid').val();
    var mrdno = $('#MrdNo').val();
    setTimeout(function() {
        window.open(
            '/{{projectUrl()}}addIpdBill2/' + mrdno + '/' + otid, 'popUpWindow4',
            'height=1000,width=1500,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
        );
    }, 1);
}

function ipdReceipt() {
    var otid = $('#saveid').val();
    var mrdno = $('#MrdNo').val();
    setTimeout(function() {
        window.open(
            '/{{projectUrl()}}addIpdReceipt/' + mrdno + '/' + otid, 'popUpWindow5',
            'height=1000,width=1500,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
        );
    }, 1);
}

function printOt() {
    var id = $('#saveid').val();
    setTimeout(function() {
        window.open(
            '/{{projectUrl()}}printOtNotesOther/' + id, 'popUpWindow2',
            'height=1000,width=800,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
        );
    }, 1);
}

function getValue(val, idval) {
    $('#ModalValue').val(val);
    $('#ValueId').val(idval);
    $('#OldValue').val('');
    desc_lists(val);
}

function getRecords(val) {
    $.ajax({
        url: "{{ url('getTreatments') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            Treatment: val
        },
        success: function(data) {
            console.log(data);
            $('#showTreatments').html(data);
        }
    });
}

function otSetSelectValue(fieldId, value) {
    var $el = $('#' + fieldId);
    if (!$el.length) {
        return;
    }
    value = value || '';
    if (value && $el.find('option[value="' + value.replace(/"/g, '\\"') + '"]').length === 0) {
        $el.append($('<option></option>').val(value).text(value));
    }
    $el.val(value);
}

function loadOtNoteRecordForEditOther(result) {
    var CurrDate = $('#CurrDate').val();
    $('#actionvalue').val('Edit');
    $('#printbtn').attr("disabled", false);
    $('#discbtn').attr("disabled", false);
    $('#billbtn').attr("disabled", false);
    $('#receiptbtn').attr("disabled", false);
    $('#saveid').val(result.id);
    $('#OTSchId').val(result.OtPatientId || $('#OTSchId').val());
    $('#MrdNo').val(result.MrdNo);
    $('#PatientName').val(result.PatientName);
    $('#Age').val(result.Age);
    $('#Phone').val(result.Phone);
    $('#Address').val(result.Address);
    $('#Gender').val(result.Gender);
    $('#Eye').val(result.Eye);
    $('#Diagnosis').val(result.Diagnosis);
    $('#Bs').val(result.Bs);
    $('#Bp').val(result.Bp);
    $('#IopRe').val(result.IopRe);
    $('#IopLe').val(result.IopLe);
    $('#Other').val(result.Other);
    $('#Category').val(result.Category).attr("selected", true);
    $('#K1Re').val(result.K1Re);
    $('#K1Le').val(result.K1Le);
    $('#K2Re').val(result.K2Re);
    $('#K2Le').val(result.K2Le);
    $('#AL').val(result.AL);
    $('#Acd').val(result.Acd);
    $('#IolPower').val(result.IolPower);
    $('#Formula').val(result.Formula);
    $('#Aconstant').val(result.Aconstant);
    $('#Surgeon').val(result.Surgeon);
    $('#Assistant').val(result.Assistant);
    $('#Anaethetist').val(result.Anaethetist);
    $('#Package').val(result.Package);
    $('#SurgeryPerformed').val(result.SurgeryPerformed);
    $('#DilatedBy').val(result.DilatedBy);
    $('#AnesthesiaType').val(result.AnesthesiaType);
    $('#Draping').val(result.Draping);
    $('#Speculum').val(result.Speculum);
    $('#ConjunctivalWash').val(result.ConjunctivalWash);
    $('#SideportIncision').val(result.SideportIncision);
    $('#Viscoelastic').val(result.Viscoelastic);
    $('#ccc').val(result.ccc);
    $('#CapStaining').val(result.CapStaining);
    $('#IrrigationSol').val(result.IrrigationSol);
    $('#Hydroscetion').val(result.Hydroscetion);
    $('#Nucleus').val(result.Nucleus);
    $('#CorticalWash').val(result.CorticalWash);
    $('#Lri').val(result.Lri);
    $('#WoundHydration').val(result.WoundHydration);
    $('#Intracameral').val(result.Intracameral);
    $('#PkgAmt').val(result.PkgAmt);
    otSetSelectValue('InsComp', result.InsComp);
    otSetSelectValue('TpaCompany', result.TpaCompany || '');
    $('#PolicyNo').val(result.PolicyNo || '');
    $('#ClainNo').val(result.ClainNo || '');
    $('#ReqAmt').val(result.ReqAmt);
    $('#SanctAmt').val(result.SanctAmt);
    $('#AddAmt').val(result.AddAmt);
    $('#SettleAmt').val(result.SettleAmt);
    $('#SettleDate').val(result.SettleDate || CurrDate);
    $('#RefundAmt').val(result.RefundAmt);
    $('#RefundDate').val(result.RefundDate);
    $('#UtrNo').val(result.UtrNo);
    $('#ProcedureComments').val(result.ProcedureComments);
    $('#Remarks').val(result.Remarks);
    $('#IolName').val(result.IolName);
    $('#IolType').val(result.IolType);
    $('#Cyl').val(result.Cyl);
    $('#NearAdd').val(result.NearAdd);
    $('#CreatedDate').val(result.CreatedDate);
    $('#PackageAmount').val(result.PackageAmount);
    if (result.StudyPatient == 1) {
        $('#StudyPatient').prop("checked", true);
    } else {
        $('#StudyPatient').prop("checked", false);
    }
    $('#ConfirmOpto').val(result.ConfirmOpto).attr("selected", true);
}

function getPatientDetails() {
    var val = $('#OTSchId').val();
    if (!val || String(val).trim() === '') {
        return;
    }
    $.ajax({
        url: "{{ url('checkOtNoteByScheduleId') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            ot_scheduled_id: val,
            roll: 2
        },
        dataType: "json",
        success: function(check) {
            if (check.exists && check.note) {
                var editingSame = $('#actionvalue').val() === 'Edit'
                    && String($('#saveid').val()) === String(check.note.id);
                if (!editingSame) {
                    alert(check.message || ('Already OT Notes saved against OT Scheduled Id ' + val));
                    loadOtNoteRecordForEditOther(check.note);
                    return;
                }
            }
            loadOtOtherScheduleDetailsForNotes(val);
        },
        error: function() {
            loadOtOtherScheduleDetailsForNotes(val);
        }
    });
}

function loadOtOtherScheduleDetailsForNotes(val) {
    $.ajax({
        url: "{{ url('getOtOtherSchDetails') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            id: val
        },
        dataType: "json",
        success: function(data) {
            if (!data || data === 0) {
                alert('OT Other schedule record not found for Id ' + val);
                return;
            }
            //var AgeGender = data.Age + "/" + data.Gender;
            $('#MrdNo').val(data.MrdNo);
            $('#PatientName').val(data.PatientName);
            $('#Age').val(data.Age);
            $('#Gender').val(data.Gender);
            $('#Phone').val(data.Phone);
            $('#Address').val(data.Address);
            $('#K1Re').val(data.K1Re);
            $('#K1Le').val(data.K1Le);
            $('#K2Re').val(data.K2Re);
            $('#K2Le').val(data.K2Le);
            $('#AL').val(data.AL);
            $('#Acd').val(data.Acd);
            $('#IolPower').val(data.IolPower);
            $('#IolType').val(data.IolType);
            $('#Aconstant').val(data.Aconstant);
            $('#Package').val(data.Package);
            $('#PkgAmt').val(data.PkgAmt);
            otSetSelectValue('InsComp', data.InsComp);
            otSetSelectValue('TpaCompany', data.TpaCompany || '');
            $('#PolicyNo').val(data.PolicyNo || '');
            $('#ClainNo').val(data.ClainNo || '');
            $('#ReqAmt').val(data.ReqAmt);
            $('#SanctAmt').val(data.SanctAmt);
            $('#AddAmt').val(data.AddAmt);
            $('#SettleAmt').val(data.SettleAmt);
            $('#SettleDate').val(data.SettleDate);
            $('#RefundAmt').val(data.RefundAmt);
            $('#RefundDate').val(data.RefundDate);
            $('#UtrNo').val(data.UtrNo);
            $('#Eye').val(data.Eye);
            $('#Bs').val(data.Bs);
            $('#Bp').val(data.Bp);
            $('#IopRe').val(data.IopRe);
            $('#IopLe').val(data.IopLe);
            $('#Diagnosis').val(data.Diagnosis);
            $('#Cyl').val(data.Cyl);
            $('#NearAdd').val(data.NearAdd);
            $('#CreatedDate').val(data.ScheduleDate || data.CreatedDate || '');
            $('#Category').val(data.Category).attr("selected", true);
            $('#DilatedBy').val('Tropicamet Plus');
            $('#AnesthesiaType').val('Topical');
            $('#Draping').val('Eyedrape');
            $('#Speculum').val('Screw Speculum');
            $('#ConjunctivalWash').val('Apidine Eyedrop');
            $('#SideportIncision').val('MVR Blade');
            $('#Viscoelastic').val('Appovisc/Intavisc');
            $('#ccc').val('Yes');
            $('#CapStaining').val('No');
            $('#IrrigationSol').val('Intasol');
            $('#Hydroscetion').val('Yes');
            $('#Nucleus').val('Direct Chop');
            $('#CorticalWash').val('Yes');
            $('#Lri').val('');
            $('#WoundHydration').val('');
            $('#Intracameral').val('Vigamax');
            $('#IolName').val(data.IolName);
            $('#PackageAmount').val(data.Amount);
            getPatientTreatment(data.MrdNo);
        }
    });
}

function blankField() {
    $('#actionvalue').val('Save');
    $('#saveid').val('');
    $('#printbtn').attr("disabled", true);
    $('#discbtn').attr("disabled", true);
    $('#billbtn').attr("disabled", true);
    $('#receiptbtn').attr("disabled", true);

    //$('#cmbtreateye').val('').attr("selected",true);
    $('#MrdNo').val('');
    $('#PatientName').val('');
    $('#Age').val('');
    $('#Phone').val('');
    $('#Address').val('');
    $('#Gender').val('');
    $('#Eye').val('');
    $('#Diagnosis').val('');
    $('#Bs').val('');
    $('#Bp').val('');
    $('#IopRe').val('');
    $('#IopLe').val('');
    $('#Other').val('');
    $('#Category').val('').attr("selected", true);
    $('#K1Re').val('');
    $('#K1Le').val('');
    $('#K2Re').val('');
    $('#K2Le').val('');
    $('#AL').val('');
    $('#Acd').val('');
    $('#IolPower').val('');
    $('#Formula').val('');
    $('#Aconstant').val('');
    $('#Surgeon').val('');
    $('#Assistant').val('');
    $('#Anaethetist').val('');
    $('#Package').val('');
    $('#SurgeryPerformed').val('');
    $('#DilatedBy').val('Tropicamet Plus');
    $('#AnesthesiaType').val('Topical');
    $('#Draping').val('Eyedrape');
    $('#Speculum').val('Screw Speculum');
    $('#ConjunctivalWash').val('Apidine Eyedrop');
    $('#SideportIncision').val('MVR Blade');
    $('#Viscoelastic').val('Appovisc/Intavisc');
    $('#ccc').val('Yes');
    $('#CapStaining').val('No');
    $('#IrrigationSol').val('Intasol');
    $('#Hydroscetion').val('Yes');
    $('#Nucleus').val('Direct Chop');
    $('#CorticalWash').val('Yes');
    $('#Lri').val('');
    $('#WoundHydration').val('');
    $('#Intracameral').val('Vigamax');
    $('#PkgAmt').val('');
    otSetSelectValue('InsComp', '');
    otSetSelectValue('TpaCompany', '');
    $('#PolicyNo').val('');
    $('#ClainNo').val('');
    $('#ReqAmt').val('');
    $('#SanctAmt').val('');
    $('#AddAmt').val('');
    $('#SettleAmt').val('');
    $('#SettleDate').val(CurrDate);
    $('#RefundAmt').val('');
    $('#RefundDate').val('');
    $('#UtrNo').val('');
    $('#ProcedureComments').val('');
    $('#Remarks').val('');
    $('#IolName').val('');
    $('#IolType').val('');
    $('#StudyPatient').val('');
    $('#IolType').val('');
    $('#Cyl').val('');
    $('#NearAdd').val('');
    $('#PackageAmount').val('');
    $('#ConfirmOpto').val('').attr("selected", true);
    $('#CreatedDate').val(CurrDate);

}

function checkOtPatient(val) {
    var CurrDate = $('#CurrDate').val();
    $.ajax({
        url: "{{ url('checkOtOtherPatient') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            id: val
        },
        success: function(data) {
            var res = JSON.parse(data);
            var Status = res.Status;
            var result = res.result;
            if (Status == 0) {
                getPatientDetails();
                getPrevVisitDetails(val);
                blankField();
            } else {
                loadOtNoteRecordForEditOther(result);
            }
        }
    });
}

function getPrevVisitDetails(MrdNo) {
    //var MrdNo = $('#MrdNo').val();
    $.ajax({
        url: "{{ url('getPrevVisitDetails') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            MrdNo: MrdNo
        },
        dataType: "json",
        success: function(data) {
            console.log(data);
            $('#txtbp').val(data.BP);
            $('#txtdiagnosis').val(data.Diagnosis);
        }
    });
}

function success_toast() {
    var isRtl = $('body').attr('dir') === 'rtl' || $('html').attr('dir') === 'rtl';
    $.growl.notice({
        title: 'Success',
        message: 'Record Saved Successfully!',
        location: isRtl ? 'tl' : 'tr'
    });
}
$(document).ready(function() {
    @if(!empty($presetOtScheduledId) && (int) $presetOtScheduledId > 0)
    $('#OTSchId').val(String({{ (int) $presetOtScheduledId }}));
    getPatientDetails();
    companyLists();
    modelLists();
    powerLists();
    @else
    companyLists();
    modelLists();
    powerLists();
    @endif
    $('#validation-form').on('submit', function(e) {
        e.preventDefault();
        if ($('#validation-form').valid()) {
            $.ajax({
                url: "{{ url('saveOtNotesOther') }}",
                method: "POST",
                data: new FormData(this),
                contentType: false,
                processData: false,
                beforeSend: function() {
                    $('#submit').attr('disabled', 'disabled');
                    $('#submit').text('Please Wait...');
                },
                success: function(data) {
                    success_toast();
                    $('#actionvalue').val('Edit');
                    $('#saveid').val(data);
                    $('#printbtn').attr("disabled", false);
                    $('#discbtn').attr("disabled", false);
                    $('#billbtn').attr("disabled", false);
                    $('#receiptbtn').attr("disabled", false);
                    $('#submit').attr('disabled', false);
                    $('#submit').text('Submit');
                },
                error: function(xhr) {
                    if (xhr.status === 409 && xhr.responseJSON && xhr.responseJSON.message) {
                        alert(xhr.responseJSON.message);
                    }
                    $('#submit').attr('disabled', false);
                    $('#submit').text('Submit');
                }
            });
        }

    });


    // $(document).on("change", "#cmbtreateye", function(event) {
    //     var eye = this.value;
    //     var val = $('#PatientId').val();
    //     checkOtPatient(val, eye);
    // });
    $(document).on("change", "#OtPatientId", function(event) {
        var val = this.value;
        //var eye = $('#cmbtreateye').val();
        checkOtPatient(val);
        $('#PatientId').val('');

    });
    $(document).on("change", "#PatientId", function(event) {
        var val = this.value;
        getPatientDetails();
        $('#OtPatientId').val('');
        blankField();
        // var otid = $('#OtPatientId').val();
        // checkOtPatient(otid);

    });
    $(document).on("shown.bs.modal", "#modal-report", function() {
        $('#search_text77').focus();
    });


});
</script>