@include('header')
@php
    $UserId = Session::get('UserId');
    $UserId = Session::get('UserId');
    if (file_exists('json_files/json-file.json')) {
        $json = file_get_contents('json_files/json-file.json');
        //Decode JSON
        $json_data = json_decode($json, true);
        $results = [];
    }

    if (file_exists('json_files/timetables_date.json')) {
        $json2 = file_get_contents('json_files/timetables_date.json');
        //Decode JSON
        $json_data2 = json_decode($json2, true);
        $results2 = [];
    }
@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: 17px 0 1px 0;
        padding: 15px;
        position: relative;
    }

    .form-control {
        min-height: 1px;
        height: 25px;
    }

    .container,
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .table th,
    .table td {
        padding: 1px;
        padding-left: 7px;
    }

    .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;
        }
</style>
<div class="container-fluid flex-grow-1 container-p-y" style="padding-top: 10px !important;">
    <!-- <h4 class="font-weight-bold py-3 mb-0">Discharge Card</h4> -->
    <form id="validation-form" method="POST" enctype="multipart/form-data"
      autocomplete="off"
      action="">


        <input type="hidden" name="actionvalue" id="actionvalue" value="Save">
        <input type="hidden" name="saveid" id="saveid" value="">
        <input type="hidden" name="IpdNo" id="IpdNo" value="">

        @csrf

        <div class="card mb-12 mb-1">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <label>Discharge Patient Lists</label>
                        <!-- <input class="form-control" list="OtDataList" name="OtPatientId" id="OtPatientId"
                            onClick="this.select();">
                        <div id="autocomplete-list" class="autocomplete-list"
                            style="display: none; position: absolute;"></div> -->
                            <input class="form-control" list="DataList2" name="PatientId" id="PatientId"
                            style="height: 31px;">
                        <datalist id="DataList2">
                            @foreach ($patientList as $result)
                                @if ($result->Phone == '')
                                                                    @else
                                                                    @endif
                                <option value="{{ $PatientName }}">
                            @endforeach
                        </datalist>
                    </div>


                    <div class="col-md-9">


                        <table class="table table-bordered table-striped mb-0">
                            <thead>
                                <tr>

                                    <th width="10" align="center" valign="top">Mrd.No </th>
                                    <th width="30" align="center" valign="top">Patient Name </th>
                                    <th width="30" align="center" valign="top">Age/Gender </th>
                                    <th width="30" align="center" valign="top">Mobile</th>
                                    <th width="30" align="center" valign="top">Address</th>
                                </tr>

                                <tr>



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

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

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

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

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

                            </thead>

                        </table>



                    </div>

                    <div class="col-md-12" style="padding-top: 7px;">
                        <table class="table table-bordered table-striped mb-0">
                            <thead>

                                <tr>
                                    <th width="175" align="center" valign="top">Date of Admission </th>
                                    <th width="50" align="center" valign="top"><input type="date"
                                            name="AdmissionDate" class="form-control" id="AdmissionDate"
                                            value=""></th>

                                    <th width="126" align="center" valign="top">Date of Operation </th>
                                    <th width="50" align="center" valign="top"><input type="date"
                                            name="OperationDate" id="OperationDate" class="form-control"
                                            value=""></th>
                                    <th width="194" align="center" valign="top">Date of Discharge </th>
                                    <th width="50" align="center" valign="top"><input type="date"
                                            name="DischargeDate" class="form-control" id="DischargeDate"
                                            value=""></th>
                                    <th width="194" align="center" valign="top">Follow up Date </th>
                                    <th width="50" align="center" valign="top"><input type="date"
                                            name="FollowUpDate1" class="form-control" id="FollowUpDate1"
                                            value=""></th>
                                    <th width="50" align="center" valign="top">Time </th>
                                    <th width="150" align="center" valign="top"><input type="text"
                                            name="CreatedTime" class="form-control" id="CreatedTime" value="">
                                    </th>
                                </tr>


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

        <div class="row">


            <div class="col-md-12">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="row">
                            <div class="col-md-12">
                                <fieldset style="padding-bottom: 0px;">
                                    <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-12">
                                <fieldset style="padding-bottom: 0px;">
                                    <legend>Surgery Performed</legend>
                                    <div class="row">
                                        <div class="col-lg-10">
                                            <div class="form-group">
                                                <textarea class="form-control" placeholder="Search for..." name="OperationNotes" id="OperationNotes"></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('OperationNotes','OperationNotes')">...</button>
                                            </span>
                                        </div>
                                    </div>


                                </fieldset>
                            </div>

                            <div class="col-md-12">
                                <fieldset style="padding-bottom: 0px;">
                                    <legend>Clinical Examination</legend>
                                    <div class="row">
                                        <div class="col-lg-10">
                                            <div class="form-group">
                                                <textarea class="form-control" placeholder="Search for..." name="SlitLamp" id="SlitLamp"></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('SlitLamp','SlitLamp')">...</button>
                                            </span>
                                        </div>
                                    </div>


                                </fieldset>
                            </div>

                            <div class="col-md-12">
                                <fieldset style="padding-bottom: 0px;">
                                    <legend>Treatment Given</legend>
                                    <div class="row">
                                        <div class="col-lg-10">
                                            <div class="form-group">
                                                <textarea class="form-control" placeholder="Search for..." name="txtremark" id="txtremark"></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('otremark','txtremark')">...</button>
                                            </span>
                                        </div>
                                    </div>


                                </fieldset>
                            </div>
                            
                             <div class="col-md-12">
                                <fieldset style="padding-bottom: 0px;">
                                    <legend>Condition On Discharge</legend>
                                    <div class="row">
                                        <div class="col-lg-10">
                                            <div class="form-group">
                                                <textarea class="form-control" placeholder="Search for..." name="CondDischarge" id="CondDischarge"></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('CondDischarge','CondDischarge')">...</button>
                                            </span>
                                        </div>
                                    </div>


                                </fieldset>
                            </div>




                            <div class="col-md-12">
                                <fieldset>
                                    <button class="btn btn-primary" type="submit" name="submit"
                                        id="submit">Save</button>
                                    <button class="btn btn-success" onclick="printOt()" id="printbtn"
                                        type="button" disabled>Print</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>-->
                                </fieldset>
                            </div>




                        </div>
                    </div>


                    <div class="col-lg-7">
                        <div class="row">
                            <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 (Random)</th>

                                                    <th width="113" align="center" valign="top"><input
                                                            type="text" name="txtbsfasting" id="txtbsfasting"
                                                            class="form-control" placeholder=""
                                                            value="">
                                                        <div class="clearfix"></div>
                                                        </td>
                                                    </th>
                                                    <th width="50" align="center" valign="top">U.S (Random)</th>

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

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

                                            </thead>
                                            <thead>

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

                                                    <th width="113" align="center" valign="top"><input
                                                            type="text" name="txtbspostmeal" id="txtbspostmeal"
                                                            class="form-control" placeholder=""
                                                            value="">
                                                        <div class="clearfix"></div>
                                                        </td>
                                                    </th>
                                                    <th width="50" align="center" valign="top">U.S (PostMeal)</th>
                                                    <th width="113" align="center" valign="top"><input
                                                            type="text" name="txtuspostmeal" id="txtuspostmeal"
                                                            class="form-control" placeholder=""
                                                            value="">
                                                        <div class="clearfix"></div>
                                                        </td>
                                                    </th>
                                                    <th width="50" align="center" valign="top">IOL Power</th>

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


                                                </tr>

                                            </thead>
                                            <thead>

                                                <tr>
                                                    <th width="50" align="center" valign="top">Other IOL</th>

                                                    <th width="113" align="center" valign="top"><input
                                                            type="text" name="otherIol" id="otherIol"
                                                            class="form-control" placeholder=""
                                                            value="">
                                                        <div class="clearfix"></div>
                                                        </td>
                                                    </th>
                                                    <th width="50" align="center" valign="top">IOP(RE)</th>
                                                    <th width="113" align="center" valign="top"><input
                                                            type="text" name="IopRe" id="IopRe"
                                                            class="form-control" placeholder=""
                                                            value="">
                                                        <div class="clearfix"></div>
                                                        </td>
                                                    </th>
                                                    <th width="50" align="center" valign="top">IOP(RE</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>


                                                </tr>

                                            </thead>
                                          <thead>

                                                <tr>
                                                    <th width="50" align="center" valign="top">Hbs Ag</th>

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

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

                                                    <th width="50" align="center" valign="top">HIV </th>
                                                    <th width="129" align="center" valign="top"><input
                                                            type="text" name="txthiv" id="txthiv"
                                                            class="form-control" placeholder=""
                                                            value="">
                                                        <div class="clearfix"></div>
                                                        </td>
                                                    </th>
                                                    
                                                   
                                                </tr>

                                            </thead>
                                        </table>
                                    </div>


                                </fieldset>
                            </div>




                            <div class="col-md-12">
                                @include('ipd/inctreatments')
                            </div>

                        </div>
                        <div>

                        </div>

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



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


    </form>
</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;

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

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

        $.ajax({
            url: "{{ url('getDischargePatientList') }}",
            method: "POST",
            data: {
                _token: '{{ csrf_token() }}',
                RefBy: RefBy
            },
            success: function (data) {
                console.log(data);
                $("#autocomplete-list").empty().show();
                currentFocus = -1;

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

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

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

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

        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).click();
            }
        }
    });

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

    $(document).click(function (e) {
        if (!$(e.target).closest("#OtPatientId, #autocomplete-list").length) {
            $("#autocomplete-list").hide();
        }
    });
});
    function checkTap(previd, id) {
        var PrevTreatDate = $('#TreatDate' + previd).val();
        var TreatDate = $('#TreatDate' + id).val();
        var TreatDur = $('#TreatDur' + id).val();
        //console.log(TreatDate,TreatDur);
        if ($('#Tapchk' + id).prop('checked') == true) {
            $.ajax({
                url: "{{ url('getTapDate') }}",
                method: "POST",
                data: {
                    _token: '{{ csrf_token() }}',
                    TreatDate: TreatDate,
                    TreatDur: TreatDur,
                    PrevTreatDate: PrevTreatDate
                },
                success: function(data) {
                    $('#TreatDate' + id).val(data);
                    console.log(data);
                }
            });
        } else {
            $.ajax({
                url: "{{ url('getUnchkTapDate') }}",
                method: "POST",
                data: {
                    _token: '{{ csrf_token() }}',
                    TreatDate: TreatDate,
                    TreatDur: TreatDur
                },
                success: function(data) {
                    $('#TreatDate' + id).val(data);
                    console.log(data);
                }
            });
        }
    }

    function getTreatDate(id, val) {
        //alert(id);alert(val);
        $.ajax({
            url: "{{ url('getTreatDate') }}",
            method: "POST",
            data: {
                _token: '{{ csrf_token() }}',
                val: val
            },
            success: function(data) {
                //console.log(data);
                $('#TreatDate' + id).val(data);
            }
        });
    }

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


    function ipdBill() {
        var dcid = $('#saveid').val();
        var otid = $('#IpdNo').val();
        var mrdno = $('#MrdNo').val();
        setTimeout(function() {
            window.open(
                '/{{ projectUrl() }}addIpdBill2/' + mrdno + '/' + otid + '/' + dcid, '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 = $('#IpdNo').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 getValue(val, idval) {
        $('#ModalValue').val(val);
        $('#ValueId').val(idval);
        $('#OldValue').val('');
        $('#search_text77').val('');
        $('#Ref_By').focus();
        desc_lists(val);
    }


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

    function getPatientTreatment(val) {
        $.ajax({
            url: "{{ url('getPatientTreatment') }}",
            method: "POST",
            data: {
                _token: '{{ csrf_token() }}',
                id: val
            },
            success: function(data) {
                console.log(data);
                var res = JSON.parse(data);
                var result = res.data;
                var Diagnosis = res.Diagnosis;
                $('#Diagnosis').val(Diagnosis);
                $('#Treatment').val(result.Treatment);
                if (result.TreatChk1 == 1) {
                    $('#TreatChk1').prop("checked", true);
                } else {
                    $('#TreatChk1').prop("checked", false);
                }
                $('#TreatType1').val(result.TreatType1);
                $('#TreatName1').val(result.TreatName1);
                $('#TreatDose1').val(result.TreatDose1);
                $('#TreatFreq1').val(result.TreatFreq1);
                $('#TreatDur1').val(result.TreatDur1);
                $('#TreatEye1').val(result.TreatEye1);
                $('#TreatDate1').val(result.TreatDate1);
                if (result.Tapchk1 == 1) {
                    $('#Tapchk1').prop("checked", true);
                } else {
                    $('#Tapchk1').prop("checked", false);
                }


                if (result.TreatChk2 == 1) {
                    $('#TreatChk2').prop("checked", true);
                } else {
                    $('#TreatChk2').prop("checked", false);
                }
                $('#TreatType2').val(result.TreatType2);
                $('#TreatName2').val(result.TreatName2);
                $('#TreatDose2').val(result.TreatDose2);
                $('#TreatFreq2').val(result.TreatFreq2);
                $('#TreatDur2').val(result.TreatDur2);
                $('#TreatEye2').val(result.TreatEye2);
                $('#TreatDate2').val(result.TreatDate2);
                if (result.Tapchk2 == 1) {
                    $('#Tapchk2').prop("checked", true);
                } else {
                    $('#Tapchk2').prop("checked", false);
                }

                if (result.TreatChk3 == 1) {
                    $('#TreatChk3').prop("checked", true);
                } else {
                    $('#TreatChk3').prop("checked", false);
                }
                $('#TreatType3').val(result.TreatType3);
                $('#TreatName3').val(result.TreatName3);
                $('#TreatDose3').val(result.TreatDose3);
                $('#TreatFreq3').val(result.TreatFreq3);
                $('#TreatDur3').val(result.TreatDur3);
                $('#TreatEye3').val(result.TreatEye3);
                $('#TreatDate3').val(result.TreatDate3);
                if (result.Tapchk3 == 1) {
                    $('#Tapchk3').prop("checked", true);
                } else {
                    $('#Tapchk3').prop("checked", false);
                }

                if (result.TreatChk4 == 1) {
                    $('#TreatChk4').prop("checked", true);
                } else {
                    $('#TreatChk4').prop("checked", false);
                }
                $('#TreatType4').val(result.TreatType4);
                $('#TreatName4').val(result.TreatName4);
                $('#TreatDose4').val(result.TreatDose4);
                $('#TreatFreq4').val(result.TreatFreq4);
                $('#TreatDur4').val(result.TreatDur4);
                $('#TreatEye4').val(result.TreatEye4);
                $('#TreatDate4').val(result.TreatDate4);
                if (result.Tapchk4 == 1) {
                    $('#Tapchk4').prop("checked", true);
                } else {
                    $('#Tapchk4').prop("checked", false);
                }

                if (result.TreatChk5 == 1) {
                    $('#TreatChk5').prop("checked", true);
                } else {
                    $('#TreatChk5').prop("checked", false);
                }
                $('#TreatType5').val(result.TreatType5);
                $('#TreatName5').val(result.TreatName5);
                $('#TreatDose5').val(result.TreatDose5);
                $('#TreatFreq5').val(result.TreatFreq5);
                $('#TreatDur5').val(result.TreatDur5);
                $('#TreatEye5').val(result.TreatEye5);
                $('#TreatDate5').val(result.TreatDate5);
                if (result.Tapchk5 == 1) {
                    $('#Tapchk5').prop("checked", true);
                } else {
                    $('#Tapchk5').prop("checked", false);
                }

                if (result.TreatChk6 == 1) {
                    $('#TreatChk6').prop("checked", true);
                } else {
                    $('#TreatChk6').prop("checked", false);
                }
                $('#TreatType6').val(result.TreatType6);
                $('#TreatName6').val(result.TreatName6);
                $('#TreatDose6').val(result.TreatDose6);
                $('#TreatFreq6').val(result.TreatFreq6);
                $('#TreatDur6').val(result.TreatDur6);
                $('#TreatEye6').val(result.TreatEye6);
                $('#TreatDate6').val(result.TreatDate6);
                if (result.Tapchk6 == 1) {
                    $('#Tapchk6').prop("checked", true);
                } else {
                    $('#Tapchk6').prop("checked", false);
                }

                if (result.TreatChk7 == 1) {
                    $('#TreatChk7').prop("checked", true);
                } else {
                    $('#TreatChk7').prop("checked", false);
                }
                $('#TreatType7').val(result.TreatType7);
                $('#TreatName7').val(result.TreatName7);
                $('#TreatDose7').val(result.TreatDose7);
                $('#TreatFreq7').val(result.TreatFreq7);
                $('#TreatDur7').val(result.TreatDur7);
                $('#TreatEye7').val(result.TreatEye7);
                $('#TreatDate7').val(result.TreatDate7);
                if (result.Tapchk7 == 1) {
                    $('#Tapchk7').prop("checked", true);
                } else {
                    $('#Tapchk7').prop("checked", false);
                }

                if (result.TreatChk8 == 1) {
                    $('#TreatChk8').prop("checked", true);
                } else {
                    $('#TreatChk8').prop("checked", false);
                }
                $('#TreatType8').val(result.TreatType8);
                $('#TreatName8').val(result.TreatName8);
                $('#TreatDose8').val(result.TreatDose8);
                $('#TreatFreq8').val(result.TreatFreq8);
                $('#TreatDur8').val(result.TreatDur8);
                $('#TreatEye8').val(result.TreatEye8);
                $('#TreatDate8').val(result.TreatDate8);
                if (result.Tapchk8 == 1) {
                    $('#Tapchk8').prop("checked", true);
                } else {
                    $('#Tapchk8').prop("checked", false);
                }

                if (result.TreatChk9 == 1) {
                    $('#TreatChk9').prop("checked", true);
                } else {
                    $('#TreatChk9').prop("checked", false);
                }
                $('#TreatType9').val(result.TreatType9);
                $('#TreatName9').val(result.TreatName9);
                $('#TreatDose9').val(result.TreatDose9);
                $('#TreatFreq9').val(result.TreatFreq9);
                $('#TreatDur9').val(result.TreatDur9);
                $('#TreatEye9').val(result.TreatEye9);
                $('#TreatDate9').val(result.TreatDate9);
                if (result.Tapchk9 == 1) {
                    $('#Tapchk9').prop("checked", true);
                } else {
                    $('#Tapchk9').prop("checked", false);
                }

                if (result.TreatChk10 == 1) {
                    $('#TreatChk10').prop("checked", true);
                } else {
                    $('#TreatChk10').prop("checked", false);
                }
                $('#TreatType10').val(result.TreatType10);
                $('#TreatName10').val(result.TreatName10);
                $('#TreatDose10').val(result.TreatDose10);
                $('#TreatFreq10').val(result.TreatFreq10);
                $('#TreatDur10').val(result.TreatDur10);
                $('#TreatEye10').val(result.TreatEye10);
                $('#TreatDate10').val(result.TreatDate10);
                if (result.Tapchk10 == 1) {
                    $('#Tapchk10').prop("checked", true);
                } else {
                    $('#Tapchk10').prop("checked", false);
                }
            }
        });
    }


    function getPatientTreatment2(val) {
        $.ajax({
            url: "{{ url('getPatientTreatment2') }}",
            method: "POST",
            data: {
                _token: '{{ csrf_token() }}',
                id: val
            },
            success: function(data) {
                //console.log(data);
                var res = JSON.parse(data);
                var result = res.data;
                //var Diagnosis = res.Diagnosis;
                //$('#Diagnosis').val(Diagnosis);
                $('#Treatment').val(result.Treatment);
                if (result.TreatChk1 == 1) {
                    $('#TreatChk1').prop("checked", true);
                } else {
                    $('#TreatChk1').prop("checked", false);
                }
                $('#TreatType1').val(result.TreatType1);
                $('#TreatName1').val(result.TreatName1);
                $('#TreatDose1').val(result.TreatDose1);
                $('#TreatFreq1').val(result.TreatFreq1);
                $('#TreatDur1').val(result.TreatDur1);
                $('#TreatEye1').val(result.TreatEye1);
                $('#TreatDate1').val(result.TreatDate1);
                if (result.Tapchk1 == 1) {
                    $('#Tapchk1').prop("checked", true);
                } else {
                    $('#Tapchk1').prop("checked", false);
                }


                if (result.TreatChk2 == 1) {
                    $('#TreatChk2').prop("checked", true);
                } else {
                    $('#TreatChk2').prop("checked", false);
                }
                $('#TreatType2').val(result.TreatType2);
                $('#TreatName2').val(result.TreatName2);
                $('#TreatDose2').val(result.TreatDose2);
                $('#TreatFreq2').val(result.TreatFreq2);
                $('#TreatDur2').val(result.TreatDur2);
                $('#TreatEye2').val(result.TreatEye2);
                $('#TreatDate2').val(result.TreatDate2);
                if (result.Tapchk2 == 1) {
                    $('#Tapchk2').prop("checked", true);
                } else {
                    $('#Tapchk2').prop("checked", false);
                }

                if (result.TreatChk3 == 1) {
                    $('#TreatChk3').prop("checked", true);
                } else {
                    $('#TreatChk3').prop("checked", false);
                }
                $('#TreatType3').val(result.TreatType3);
                $('#TreatName3').val(result.TreatName3);
                $('#TreatDose3').val(result.TreatDose3);
                $('#TreatFreq3').val(result.TreatFreq3);
                $('#TreatDur3').val(result.TreatDur3);
                $('#TreatEye3').val(result.TreatEye3);
                $('#TreatDate3').val(result.TreatDate3);
                if (result.Tapchk3 == 1) {
                    $('#Tapchk3').prop("checked", true);
                } else {
                    $('#Tapchk3').prop("checked", false);
                }

                if (result.TreatChk4 == 1) {
                    $('#TreatChk4').prop("checked", true);
                } else {
                    $('#TreatChk4').prop("checked", false);
                }
                $('#TreatType4').val(result.TreatType4);
                $('#TreatName4').val(result.TreatName4);
                $('#TreatDose4').val(result.TreatDose4);
                $('#TreatFreq4').val(result.TreatFreq4);
                $('#TreatDur4').val(result.TreatDur4);
                $('#TreatEye4').val(result.TreatEye4);
                $('#TreatDate4').val(result.TreatDate4);
                if (result.Tapchk4 == 1) {
                    $('#Tapchk4').prop("checked", true);
                } else {
                    $('#Tapchk4').prop("checked", false);
                }

                if (result.TreatChk5 == 1) {
                    $('#TreatChk5').prop("checked", true);
                } else {
                    $('#TreatChk5').prop("checked", false);
                }
                $('#TreatType5').val(result.TreatType5);
                $('#TreatName5').val(result.TreatName5);
                $('#TreatDose5').val(result.TreatDose5);
                $('#TreatFreq5').val(result.TreatFreq5);
                $('#TreatDur5').val(result.TreatDur5);
                $('#TreatEye5').val(result.TreatEye5);
                $('#TreatDate5').val(result.TreatDate5);
                if (result.Tapchk5 == 1) {
                    $('#Tapchk5').prop("checked", true);
                } else {
                    $('#Tapchk5').prop("checked", false);
                }

                if (result.TreatChk6 == 1) {
                    $('#TreatChk6').prop("checked", true);
                } else {
                    $('#TreatChk6').prop("checked", false);
                }
                $('#TreatType6').val(result.TreatType6);
                $('#TreatName6').val(result.TreatName6);
                $('#TreatDose6').val(result.TreatDose6);
                $('#TreatFreq6').val(result.TreatFreq6);
                $('#TreatDur6').val(result.TreatDur6);
                $('#TreatEye6').val(result.TreatEye6);
                $('#TreatDate6').val(result.TreatDate6);
                if (result.Tapchk6 == 1) {
                    $('#Tapchk6').prop("checked", true);
                } else {
                    $('#Tapchk6').prop("checked", false);
                }

                if (result.TreatChk7 == 1) {
                    $('#TreatChk7').prop("checked", true);
                } else {
                    $('#TreatChk7').prop("checked", false);
                }
                $('#TreatType7').val(result.TreatType7);
                $('#TreatName7').val(result.TreatName7);
                $('#TreatDose7').val(result.TreatDose7);
                $('#TreatFreq7').val(result.TreatFreq7);
                $('#TreatDur7').val(result.TreatDur7);
                $('#TreatEye7').val(result.TreatEye7);
                $('#TreatDate7').val(result.TreatDate7);
                if (result.Tapchk7 == 1) {
                    $('#Tapchk7').prop("checked", true);
                } else {
                    $('#Tapchk7').prop("checked", false);
                }

                if (result.TreatChk8 == 1) {
                    $('#TreatChk8').prop("checked", true);
                } else {
                    $('#TreatChk8').prop("checked", false);
                }
                $('#TreatType8').val(result.TreatType8);
                $('#TreatName8').val(result.TreatName8);
                $('#TreatDose8').val(result.TreatDose8);
                $('#TreatFreq8').val(result.TreatFreq8);
                $('#TreatDur8').val(result.TreatDur8);
                $('#TreatEye8').val(result.TreatEye8);
                $('#TreatDate8').val(result.TreatDate8);
                if (result.Tapchk8 == 1) {
                    $('#Tapchk8').prop("checked", true);
                } else {
                    $('#Tapchk8').prop("checked", false);
                }

                if (result.TreatChk9 == 1) {
                    $('#TreatChk9').prop("checked", true);
                } else {
                    $('#TreatChk9').prop("checked", false);
                }
                $('#TreatType9').val(result.TreatType9);
                $('#TreatName9').val(result.TreatName9);
                $('#TreatDose9').val(result.TreatDose9);
                $('#TreatFreq9').val(result.TreatFreq9);
                $('#TreatDur9').val(result.TreatDur9);
                $('#TreatEye9').val(result.TreatEye9);
                $('#TreatDate9').val(result.TreatDate9);
                if (result.Tapchk9 == 1) {
                    $('#Tapchk9').prop("checked", true);
                } else {
                    $('#Tapchk9').prop("checked", false);
                }

                if (result.TreatChk10 == 1) {
                    $('#TreatChk10').prop("checked", true);
                } else {
                    $('#TreatChk10').prop("checked", false);
                }
                $('#TreatType10').val(result.TreatType10);
                $('#TreatName10').val(result.TreatName10);
                $('#TreatDose10').val(result.TreatDose10);
                $('#TreatFreq10').val(result.TreatFreq10);
                $('#TreatDur10').val(result.TreatDur10);
                $('#TreatEye10').val(result.TreatEye10);
                $('#TreatDate10').val(result.TreatDate10);
                if (result.Tapchk10 == 1) {
                    $('#Tapchk10').prop("checked", true);
                } else {
                    $('#Tapchk10').prop("checked", false);
                }
            }
        });
    }

    function getPatientDetails(val) {
        $.ajax({
            url: "{{ url('getPatientDetails') }}",
            method: "POST",
            data: {
                _token: '{{ csrf_token() }}',
                id: val
            },
            dataType: "json",
            success: function(data) {
                var AgeGender = data.Age + "/" + data.Gender;
                $('#MrdNo').val(data.MrdNo);
                $('#PatientName').val(data.PatientName);
                $('#Age').val(AgeGender);
                //$('#Gender').val(data.Gender);
                $('#Phone').val(data.Phone);
                $('#Address').val(data.Address);
                getPatientTreatment(data.MrdNo);
            }
        });
    }

    function checkDcPatient(val) {

    if (!val) {
        clearDcForm();
        return;
    }

    let CurrDate = $('#CurrDate').val();

    $.ajax({
        url: "{{ url('checkDcPatient2') }}",
        method: "POST",
        data: {
            _token: '{{ csrf_token() }}',
            id: val
        },
        success: function (data) {

            let res = JSON.parse(data);
            let Status = res.Status;
            let result = res.result || {};

            if (Status == 0) {

                // 🆕 NEW DISCHARGE
                getPatientDetails(val);

                $('#actionvalue').val('Save');
                $('#saveid').val('');
                $('#IpdNo').val('');

                $('#printbtn').prop("disabled", true);

                // Dates
                $('#AdmissionDate').val(CurrDate);
                $('#OperationDate').val(CurrDate);
                $('#DischargeDate').val(CurrDate);
                $('#FollowUpDate1').val('');
                $('#CreatedTime').val('');

                // Text Areas
                $('#Diagnosis').val('');
                $('#OperationNotes').val('');
                $('#SlitLamp').val('');
                $('#txtremark').val('');
                $('#CondDischarge').val('');

                // Investigation
                $('#txtbsfasting').val('');
                $('#txtusfasting').val('');
                $('#txtbp').val('');
                $('#txtbspostmeal').val('');
                $('#txtuspostmeal').val('');
                $('#IolPowerRe').val('');
                $('#otherIol').val('');
                $('#IopRe').val('');
                $('#IopLe').val('');
                $('#txthbsag').val('');
                $('#txtecg').val('');
                $('#txthiv').val('');

            } else {

                // ✏️ EDIT EXISTING
                $('#actionvalue').val('Edit');
                $('#printbtn').prop("disabled", false);

                $('#saveid').val(result.id);
                $('#IpdNo').val(result.IpdNo);

                $('#MrdNo').val(result.MrdNo);
                $('#PatientName').val(result.PatientName);
                $('#AgeGender').val(result.AgeGender);
                $('#Phone').val(result.Mobile);
                $('#Address').val(result.Address);

                $('#AdmissionDate').val(result.AdmissionDate);
                $('#OperationDate').val(result.OperationDate);
                $('#DischargeDate').val(result.DischargeDate);
                $('#FollowUpDate1').val(result.FollowUpDate1);
                $('#CreatedTime').val(result.CreatedTime);

                $('#Diagnosis').val(result.Diagnosis);
                $('#OperationNotes').val(result.OperationNotes);
                $('#SlitLamp').val(result.SlitLamp);
                $('#txtremark').val(result.txtremark);
                $('#CondDischarge').val(result.CondDischarge);

                $('#txtbsfasting').val(result.txtbsfasting);
                $('#txtusfasting').val(result.txtusfasting);
                $('#txtbp').val(result.txtbp);
                $('#txtbspostmeal').val(result.txtbspostmeal);
                $('#txtuspostmeal').val(result.txtuspostmeal);
                $('#IolPowerRe').val(result.IolPowerRe);
                $('#otherIol').val(result.otherIol);
                $('#IopRe').val(result.IopRe);
                $('#IopLe').val(result.IopLe);
                $('#txthbsag').val(result.txthbsag);
                $('#txtecg').val(result.txtecg);
                $('#txthiv').val(result.txthiv);

                getPatientTreatment2(result.id);
            }
        }
    });
}

function clearDcForm() {
    $('#MrdNo,#PatientName,#AgeGender,#Phone,#Address').val('');
    $('#Diagnosis,#OperationNotes,#SlitLamp,#txtremark,#CondDischarge').val('');
    $('#txtbsfasting,#txtusfasting,#txtbp,#txtbspostmeal,#txtuspostmeal').val('');
    $('#IolPowerRe,#otherIol,#IopRe,#IopLe,#txthbsag,#txtecg,#txthiv').val('');
    $('#AdmissionDate,#OperationDate,#DischargeDate,#FollowUpDate1,#CreatedTime').val('');
}


    $(document).ready(function() {
        $(document).on("input", "#Treatment", function(event) {
            var val = $(this).val();
            getRecords(val);
        });

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

        });

        $('#validation-form').on('submit', function(e) {
            e.preventDefault();
            if ($('#validation-form').valid()) {
                $.ajax({
                    url: "{{ url('saveDischargeCard') }}",
                    method: "POST",
                    data: new FormData(this),
                    contentType: false,
                    processData: false,
                    beforeSend: function() {
                        $('#submit').attr('disabled', 'disabled');
                        $('#submit').text('Please Wait...');
                    },
                    success: function(data) {
                        $('#actionvalue').val('Edit');
                        $('#saveid').val(data);
                        $('#printbtn').attr("disabled", false);
                        $('#submit').attr('disabled', false);
                        $('#submit').text('Submit');
                        $('#billbtn').attr("disabled", false);
                        $('#receiptbtn').attr("disabled", false);
                    }
                });
            }

        });


       $(document).on("input", "#MrdNo", function () {

    let val = this.value.trim();

    // 🔹 CASE 1: MRD is blank → clear all fields
    if (val === "") {
        clearPatientFields();
        return;
    }

    $.ajax({
        url: "{{ url('getPatientDetails') }}",
        method: "POST",
        data: {
            _token: '{{ csrf_token() }}',
            id: val
        },
        dataType: "json",

        success: function (data) {

            // 🔹 CASE 2: No record found
            if (!data || $.isEmptyObject(data)) {
                clearPatientFields();
                return;
            }

            // 🔹 Record found → populate fields
            let AgeGender = (data.Age ?? '') + "/" + (data.Gender ?? '');

            $('#MrdNo').val(data.MrdNo ?? '');
            $('#PatientName').val(data.PatientName ?? '');
            $('#AgeGender').val(AgeGender);
            $('#Phone').val(data.Phone ?? '');
            $('#Address').val(data.Address ?? '');
        },

        error: function () {
            // 🔹 Safety fallback
            clearPatientFields();
        }
    });
});


/* ==========================
   REUSABLE CLEAR FUNCTION
========================== */
function clearPatientFields() {
    $('#PatientName').val('');
    $('#AgeGender').val('');
    $('#Phone').val('');
    $('#Address').val('');
}




    });
</script>-->
<script>
/* =====================================================
   GLOBALS
===================================================== */
let currentFocus = -1;
let mrdTimer = null;

/* =====================================================
   AUTOCOMPLETE (DISCHARGE PATIENT)
===================================================== */
$(document).on("input", "#OtPatientId", function () {

    let keyword = $(this).val().trim();
    if (!keyword) {
        $("#autocomplete-list").hide();
        return;
    }

    $.post("{{ url('getDischargePatientList') }}", {
        _token: '{{ csrf_token() }}',
        RefBy: keyword
    }, function (data) {

        $("#autocomplete-list").empty();
        currentFocus = -1;

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

        data.forEach(item => {
            $("#autocomplete-list").append(
                `<div class="autocomplete-item" data-val="${item.PatientNameFull}">
                    ${item.PatientNameFull}
                </div>`
            );
        });

        $("#autocomplete-list").show();
    });
});

$(document).on("click", ".autocomplete-item", function () {
    let val = $(this).data("val");
    $("#OtPatientId").val(val);
    $("#autocomplete-list").hide();
    checkDcPatient(val);
});

/* Keyboard navigation */
$(document).on("keydown", "#OtPatientId", function (e) {
    let items = $(".autocomplete-item");

    if (!items.length) return;

    if (e.key === "ArrowDown") {
        currentFocus = (currentFocus + 1) % items.length;
    }
    else if (e.key === "ArrowUp") {
        currentFocus = (currentFocus - 1 + items.length) % items.length;
    }
    else if (e.key === "Enter") {
        e.preventDefault();
        if (items[currentFocus]) items.eq(currentFocus).click();
        return;
    }

    items.removeClass("active");
    items.eq(currentFocus).addClass("active")[0]
        .scrollIntoView({ block: "nearest" });
});

/* =====================================================
   MRD INPUT (DEBOUNCED)
===================================================== */
$(document).on("input", "#MrdNo", function () {

    clearTimeout(mrdTimer);
    let val = this.value.trim();

    mrdTimer = setTimeout(() => {
        if (!val) {
            clearPatientFields();
            return;
        }
        fetchPatientDetails(val);
    }, 400);
});

/* =====================================================
   PATIENT FETCH (SINGLE SOURCE)
===================================================== */
function fetchPatientDetails(val) {

    $.post("{{ url('getPatientDetails') }}", {
        _token: '{{ csrf_token() }}',
        id: val
    }, function (data) {

        if (!data || $.isEmptyObject(data)) {
            clearPatientFields();
            return;
        }

        $('#MrdNo').val(data.MrdNo || '');
        $('#PatientName').val(data.PatientName || '');
        $('#AgeGender').val((data.Age || '') + '/' + (data.Gender || ''));
        $('#Phone').val(data.Phone || '');
        $('#Address').val(data.Address || '');

        getPatientTreatment(data.MrdNo);
    }, 'json')
    .fail(clearPatientFields);
}

/* =====================================================
   CHECK DISCHARGE CARD
===================================================== */
function checkDcPatient(val) {

    if (!val) {
        clearDcForm();
        return;
    }

    let CurrDate = $('#CurrDate').val();

    $.post("{{ url('checkDcPatient2') }}", {
        _token: '{{ csrf_token() }}',
        id: val
    }, function (res) {

        res = JSON.parse(res || '{}');
        let result = res.result || {};

        if (res.Status == 0) {
            fetchPatientDetails(val);
            resetForNew(CurrDate);
        } else {
            populateForEdit(result);
            getPatientTreatment2(result.id);
        }
    });
}

/* =====================================================
   FORM STATES
===================================================== */
function resetForNew(date) {

    $('#actionvalue').val('Save');
    $('#saveid,#IpdNo').val('');
    $('#printbtn').prop("disabled", true);

    $('#AdmissionDate,#OperationDate,#DischargeDate')
        .val(date);

    $('#FollowUpDate1,#CreatedTime').val('');
    $('#Diagnosis,#OperationNotes,#SlitLamp,#txtremark,#CondDischarge').val('');
    $('#txtbsfasting,#txtusfasting,#txtbp,#txtbspostmeal,#txtuspostmeal').val('');
    $('#IolPowerRe,#otherIol,#IopRe,#IopLe,#txthbsag,#txtecg,#txthiv').val('');
}

function populateForEdit(r) {

    $('#actionvalue').val('Edit');
    $('#printbtn').prop("disabled", false);

    $('#saveid').val(r.id);
    $('#IpdNo').val(r.IpdNo);

    $('#MrdNo').val(r.MrdNo);
    $('#PatientName').val(r.PatientName);
    $('#AgeGender').val(r.AgeGender);
    $('#Phone').val(r.Mobile);
    $('#Address').val(r.Address);

    $('#AdmissionDate').val(r.AdmissionDate);
    $('#OperationDate').val(r.OperationDate);
    $('#DischargeDate').val(r.DischargeDate);
    $('#FollowUpDate1').val(r.FollowUpDate1);
    $('#CreatedTime').val(r.CreatedTime);

    $('#Diagnosis').val(r.Diagnosis);
    $('#OperationNotes').val(r.OperationNotes);
    $('#SlitLamp').val(r.SlitLamp);
    $('#txtremark').val(r.txtremark);
    $('#CondDischarge').val(r.CondDischarge);

    $('#txtbsfasting').val(r.txtbsfasting);
    $('#txtusfasting').val(r.txtusfasting);
    $('#txtbp').val(r.txtbp);
    $('#txtbspostmeal').val(r.txtbspostmeal);
    $('#txtuspostmeal').val(r.txtuspostmeal);
    $('#IolPowerRe').val(r.IolPowerRe);
    $('#otherIol').val(r.otherIol);
    $('#IopRe').val(r.IopRe);
    $('#IopLe').val(r.IopLe);
    $('#txthbsag').val(r.txthbsag);
    $('#txtecg').val(r.txtecg);
    $('#txthiv').val(r.txthiv);
    
}

/* =====================================================
   CLEAR HELPERS
===================================================== */
function clearPatientFields() {
    $('#PatientName,#AgeGender,#Phone,#Address').val('');
}

function clearDcForm() {
    clearPatientFields();
    $('#Diagnosis,#OperationNotes,#SlitLamp,#txtremark,#CondDischarge').val('');
    $('#txtbsfasting,#txtusfasting,#txtbp,#txtbspostmeal,#txtuspostmeal').val('');
    $('#IolPowerRe,#otherIol,#IopRe,#IopLe,#txthbsag,#txtecg,#txthiv').val('');
    $('#AdmissionDate,#OperationDate,#DischargeDate,#FollowUpDate1,#CreatedTime').val('');
}

/* =====================================================
   FORM SUBMIT
===================================================== */
$('#validation-form').on('submit', function (e) {
    e.preventDefault();

    if (!$(this).valid()) return;

    $.ajax({
        url: "{{ url('saveDischargeCard') }}",
        method: "POST",
        data: new FormData(this),
        contentType: false,
        processData: false,
        beforeSend() {
            $('#submit').prop('disabled', true).text('Please Wait...');
        },
        success(id) {
            $('#actionvalue').val('Edit');
            $('#saveid').val(id);
            $('#printbtn').prop("disabled", false);
            $('#submit').prop('disabled', false).text('Submit');
        }
    });
});

$(document).on("change", "#PatientId", function(event) {
            var val = this.value;
            //var eye = $('#OptEye').val();
            checkDcPatient(val);

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