@include('header')
<style type="text/css">
/* O.T. schedule: fit more on one screen (tighter + slightly smaller type) */
.ot-schedule-form {
    --ot-control-h: 26px;
}
/* Fieldset + legend (override Bootstrap fieldset { border: 0 } reset) */
html.default-style .ot-schedule-form fieldset:not(.ot-clinical-acc-fieldset-inner) {
    min-width: 0;
    display: block;
    border: 1px solid var(--vn-teal, #4fafb8) !important;
    border-radius: 8px;
    background: var(--vn-bg, #fafcfd);
    margin: 8px 0 10px;
    padding: 20px 12px 12px;
    position: relative;
    overflow: visible;
}
html.default-style .ot-schedule-form fieldset > legend {
    display: block !important;
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    float: none !important;
    background: var(--vn-bg, #fafcfd);
    font-family: "Roboto", "Lato", sans-serif;
    color: var(--vn-teal-dark, #416e6e);
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.2 !important;
    left: 10px;
    padding: 0 10px;
    position: absolute;
    top: -11px;
    margin-bottom: 0 !important;
    white-space: nowrap;
    border: none !important;
    z-index: 1;
}
html.default-style .ot-schedule-form fieldset > legend:empty {
    display: none !important;
}
.ot-schedule-form .ot-sr-only,
.ot-schedule-form fieldset > legend.ot-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    display: block !important;
}

.ot-schedule-form .form-control {
    min-height: var(--ot-control-h);
    height: var(--ot-control-h);
    font-size: 13px;
    padding: 2px 6px;
    line-height: 1.2;
    box-sizing: border-box;
    text-align: left !important;
}
.ot-schedule-form input.form-control[list],
.ot-schedule-form input[type="date"].form-control,
.ot-schedule-form input[type="time"].form-control {
    height: var(--ot-control-h) !important;
    min-height: var(--ot-control-h) !important;
}
.ot-schedule-form select.form-control {
    padding: 0 4px;
}

.ot-schedule-form .table th,
.ot-schedule-form .table td {
    padding: 0.2rem 0.25rem;
    font-weight: 600;
    font-size: 12px;
    vertical-align: middle;
}

.ot-schedule-form label {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0.1rem;
}

/* Patient header row — one line, inputs + buttons aligned */
.ot-schedule-form .ot-patient-bar {
    align-items: flex-end;
    margin-bottom: 12px;
}
.ot-schedule-form .ot-patient-bar > [class*="col-"] {
    margin-bottom: 0 !important;
    padding-left: 5px;
    padding-right: 5px;
}
.ot-schedule-form .ot-patient-bar .form-group {
    margin-bottom: 0 !important;
    width: 100%;
}
.ot-schedule-form .ot-patient-bar label.floating-label {
    display: block;
    position: static;
    transform: none;
    font-size: 11px;
    font-weight: 600;
    color: var(--vn-label, #5a7275);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 4px;
    line-height: 1.2;
    white-space: nowrap;
}
.ot-schedule-form .ot-patient-bar .form-control {
    height: var(--ot-control-h) !important;
    min-height: var(--ot-control-h) !important;
    width: 100%;
}
.ot-schedule-form .ot-patient-bar .input-group {
    flex-wrap: nowrap;
    width: 100%;
    align-items: stretch;
}
.ot-schedule-form .ot-patient-bar .input-group > .form-control {
    flex: 1 1 auto;
    min-width: 0;
    height: var(--ot-control-h) !important;
    min-height: var(--ot-control-h) !important;
}
.ot-schedule-form .ot-patient-bar .input-group-append {
    flex: 0 0 auto;
    flex-shrink: 0;
}

/* Input-group: buttons same height as adjacent fields */
.ot-schedule-form .input-group {
    align-items: stretch;
}
.ot-schedule-form .input-group > .form-control {
    height: var(--ot-control-h) !important;
    min-height: var(--ot-control-h) !important;
}
.ot-schedule-form .input-group-append {
    display: flex;
    align-items: stretch;
    margin-left: 0;
}
.ot-schedule-form .input-group-append .btn {
    height: var(--ot-control-h) !important;
    min-height: var(--ot-control-h) !important;
    max-height: var(--ot-control-h) !important;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 0 4px 4px 0;
}
.ot-schedule-form .input-group-append .btn + .btn {
    margin-left: 2px;
    border-radius: 4px;
}
.ot-schedule-form .input-group-append .btn:first-child {
    border-radius: 0 4px 4px 0;
}
.ot-schedule-form .input-group-append .btn:only-child {
    border-radius: 0 4px 4px 0;
}
.ot-schedule-form .ot-schedule-view-btn,
.ot-schedule-form .ot-schedule-info-btn {
    width: var(--ot-control-h) !important;
    min-width: var(--ot-control-h) !important;
    max-width: var(--ot-control-h) !important;
    flex: 0 0 var(--ot-control-h);
}
.ot-schedule-form .ot-schedule-fixed-btn {
    min-width: 52px !important;
    padding: 0 8px !important;
    white-space: nowrap;
}
html.default-style .ot-schedule-form .input-group-append .btn.btn-secondary[type="button"]:not(.btn-outline-secondary),
html.default-style .ot-schedule-form .ot-schedule-view-btn {
    width: auto;
    background-color: var(--vn-teal, #4fafb8) !important;
    border-color: var(--vn-teal, #4fafb8) !important;
    color: #fff !important;
}
html.default-style .ot-schedule-form .ot-schedule-view-btn {
    width: var(--ot-control-h) !important;
    min-width: var(--ot-control-h) !important;
}
html.default-style .ot-schedule-form .input-group-append .btn.btn-secondary[type="button"]:not(.btn-outline-secondary):hover,
html.default-style .ot-schedule-form .input-group-append .btn.btn-secondary[type="button"]:not(.btn-outline-secondary):focus,
html.default-style .ot-schedule-form .ot-schedule-view-btn:hover,
html.default-style .ot-schedule-form .ot-schedule-view-btn:focus {
    background-color: var(--vn-teal-dark, #416e6e) !important;
    border-color: var(--vn-teal-dark, #416e6e) !important;
    color: #fff !important;
}
html.default-style .ot-schedule-form .ot-schedule-info-btn.btn-outline-secondary {
    width: var(--ot-control-h) !important;
    min-width: var(--ot-control-h) !important;
    padding: 0 !important;
    color: var(--vn-teal-dark, #416e6e) !important;
    border-color: var(--vn-teal, #4fafb8) !important;
    background: #fff !important;
}
html.default-style .ot-schedule-form .ot-schedule-info-btn.btn-outline-secondary:hover,
html.default-style .ot-schedule-form .ot-schedule-info-btn.btn-outline-secondary:focus {
    background: #f0f9fa !important;
    color: var(--vn-teal-dark, #416e6e) !important;
}
/* Anesthesia / Special instruction: square + button, same height as select */
.ot-schedule-form .ot-desc-select-row .input-group-append {
    display: flex;
}
.ot-schedule-form .ot-desc-select-row .input-group-append .btn {
    width: var(--vn-select-h);
    min-width: var(--vn-select-h);
    max-width: var(--vn-select-h);
    height: var(--vn-select-h) !important;
    min-height: var(--vn-select-h) !important;
    max-height: var(--vn-select-h);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    flex: 0 0 var(--vn-select-h);
    background-color: var(--vn-teal, #4fafb8);
    border-color: var(--vn-teal, #4fafb8);
    color: #fff;
}
.ot-schedule-form .ot-desc-select-row .input-group-append .btn:hover,
.ot-schedule-form .ot-desc-select-row .input-group-append .btn:focus {
    background-color: var(--vn-teal-dark, #416e6e);
    border-color: var(--vn-teal-dark, #416e6e);
    color: #fff;
}

/* Clinical + narrative text: short on screen, scroll inside when long */
.ot-schedule-form textarea.form-control {
    min-height: 0 !important;
    height: 68px;
    line-height: 1.3;
    font-size: 12px;
    padding: 4px 6px;
    overflow-y: auto;
    resize: vertical;
    max-height: 160px;
}

/* Diagnosis / Advice / SMS Advice — match consultant form fieldset design */
.ot-schedule-form .row.align-items-stretch + .form-row.ot-narrative-section {
    margin-top: 12px;
}
.ot-schedule-form .ot-narrative-fieldset {
    background: var(--vn-bg, #fafcfd);
    border: 1px solid var(--vn-teal, #4fafb8);
    border-radius: 8px;
    margin: 8px 0 14px;
    padding: 24px 14px 16px;
    position: relative;
    height: 100%;
}
.ot-schedule-form .ot-narrative-fieldset > legend {
    background: var(--vn-bg, #fafcfd);
    color: var(--vn-teal-dark, #416e6e);
    font-family: "Roboto", "Lato", sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    left: 10px;
    padding: 0 8px;
    position: absolute;
    top: -11px;
    width: auto !important;
    border: none !important;
}
.ot-schedule-form .ot-narrative-row {
    display: flex;
    align-items: stretch;
    gap: 10px;
    margin-top: 10px;
}
.ot-schedule-form .ot-narrative-textarea {
    flex: 1 1 auto;
    min-width: 0;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 160px;
    margin: 0;
    border: none !important;
    border-bottom: 1px solid var(--vn-border, #b8d4d8) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 4px 4px 6px !important;
    font-size: 13px;
    line-height: 1.35;
    resize: vertical;
    overflow-y: auto;
    text-align: left !important;
}
.ot-schedule-form .ot-narrative-textarea:focus {
    border-bottom-color: var(--vn-teal, #4fafb8) !important;
    background: #f0f9fa !important;
    outline: none;
    box-shadow: none !important;
}
.ot-schedule-form .ot-narrative-row .input-group-append {
    display: flex;
    align-items: flex-start;
    flex: 0 0 auto;
    margin: 0;
}
html.default-style .ot-schedule-form .ot-narrative-row .input-group-append .btn.btn-secondary[type="button"] {
    width: var(--vn-select-h, 33px) !important;
    min-width: var(--vn-select-h, 33px) !important;
    height: var(--vn-select-h, 33px) !important;
    min-height: var(--vn-select-h, 33px) !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    border-radius: 4px;
    background-color: var(--vn-teal, #4fafb8) !important;
    border-color: var(--vn-teal, #4fafb8) !important;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(65, 110, 110, 0.2);
}
html.default-style .ot-schedule-form .ot-narrative-row .input-group-append .btn.btn-secondary[type="button"]:hover,
html.default-style .ot-schedule-form .ot-narrative-row .input-group-append .btn.btn-secondary[type="button"]:focus {
    background-color: var(--vn-teal-dark, #416e6e) !important;
    border-color: var(--vn-teal-dark, #416e6e) !important;
    color: #fff !important;
}

/* Cashless Package — extra gap above section and below legend */
.ot-schedule-form .form-row.ot-narrative-section + .row {
    margin-top: 10px;
}
.ot-schedule-form .ot-cashless-fieldset {
    margin: 12px 0 8px !important;
    padding: 22px 12px 12px !important;
    border-radius: 8px;
}
.ot-schedule-form .ot-cashless-fieldset > legend {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    top: -11px;
    left: 10px;
    padding: 0 8px;
}
.ot-schedule-form .ot-cashless-fieldset .table {
    margin-top: 8px;
}
.ot-schedule-form .ot-actions-fieldset {
    margin-top: 10px !important;
    padding: 22px 12px 12px !important;
}
.ot-schedule-form .ot-actions-fieldset > legend {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: var(--vn-bg, #fafcfd);
}
.ot-schedule-form .ot-actions-fieldset .table {
    margin-top: 6px;
}

/* Top row: equal-height boxes (Biometry, IOL, Investigation) */
.ot-schedule-form form > .form-row.ot-patient-bar {
    margin-bottom: 20px;
}
.ot-schedule-form .ot-patient-bar + .ot-top-triple {
    margin-top: 24px;
}
.ot-schedule-form .ot-top-triple {
    align-items: stretch;
    margin-top: 0;
    margin-bottom: 16px;
}
.ot-schedule-form .ot-top-triple > .ot-top-col {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 0 !important;
}
.ot-schedule-form .ot-top-triple > .ot-top-col:first-child {
    padding-left: 2px !important;
}
.ot-schedule-form .ot-top-triple > .ot-top-col:last-child {
    padding-right: 2px !important;
}
.ot-schedule-form .ot-top-triple .ot-top-fieldset {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    box-sizing: border-box;
    background: var(--vn-bg, #fafcfd);
    border: 1px solid var(--vn-teal, #4fafb8);
    border-radius: 8px;
    margin: 0 !important;
    padding: 26px 12px 14px !important;
    position: relative;
}
.ot-schedule-form .ot-top-triple .ot-top-fieldset > legend {
    background: var(--vn-bg, #fafcfd);
    color: var(--vn-teal-dark, #416e6e);
    font-family: "Roboto", "Lato", sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    left: 12px;
    padding: 0 10px;
    position: absolute;
    top: -11px;
    width: auto !important;
    border: none !important;
}
.ot-schedule-form .ot-top-triple .ot-top-fieldset > .table {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
    border-color: #d8ecee;
}
.ot-schedule-form .ot-top-triple .ot-top-fieldset .table-bordered td,
.ot-schedule-form .ot-top-triple .ot-top-fieldset .table-bordered th {
    border-color: #e5eff0 !important;
}
.ot-schedule-form .ot-top-triple .ot-top-fieldset .table td,
.ot-schedule-form .ot-top-triple .ot-top-fieldset .table th {
    padding: 7px 8px !important;
    vertical-align: middle !important;
    font-weight: 600;
    font-size: 11px;
    line-height: 1.35;
}
.ot-schedule-form .ot-top-triple .ot-top-fieldset .table .form-control {
    width: 100%;
    min-width: 0;
}
.ot-schedule-form .ot-top-triple .ot-top-fieldset select.form-control {
    height: var(--vn-select-h, 33px) !important;
    min-height: var(--vn-select-h, 33px) !important;
    padding: 0 6px !important;
}
.ot-schedule-form .ot-top-triple .ot-top-fieldset .ot-desc-select-row {
    margin-top: 2px;
}
.ot-schedule-form .ot-top-triple .ot-top-fieldset .ot-desc-select-row select.form-control,
.ot-schedule-form .ot-top-triple .ot-top-fieldset .ot-desc-select-row .input-group > .form-control {
    height: var(--vn-select-h, 33px) !important;
    min-height: var(--vn-select-h, 33px) !important;
}
.ot-schedule-form .ot-top-triple .ot-top-fieldset .ot-desc-select-row .input-group-append .btn {
    height: var(--vn-select-h, 33px) !important;
    min-height: var(--vn-select-h, 33px) !important;
    max-height: var(--vn-select-h, 33px) !important;
}
.ot-schedule-form .ot-top-triple .ot-top-fieldset .ot-top-fill {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}
.ot-schedule-form .ot-top-inline-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--vn-teal-dark, #416e6e);
    margin-bottom: 4px;
}
.ot-schedule-form .ot-top-triple + .row.align-items-stretch {
    margin-top: 10px;
}

/* Ocular & medical blocks — teal / white to match form fieldsets */
.ot-schedule-form .ot-clinical-fieldset {
    margin-top: 4px !important;
    margin-bottom: 2px !important;
}
.ot-schedule-form .ot-clinical-fieldset > legend {
    color: var(--vn-teal-dark, #416e6e);
    font-size: 12px;
}
/* Consultant-style DETAIL FINDINGS grid (OtScheduled ocular block) */
.ot-df-wrap {
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.ot-df-table {
    border-collapse: collapse;
    border: none;
    width: 100%;
    table-layout: fixed;
}
.ot-df-table th,
.ot-df-table td {
    border: none !important;
    border-bottom: 1px solid #dcdcdc !important;
    padding: 4px 8px 6px 8px;
    vertical-align: middle;
    background: #fff;
}
.ot-df-corner { width: 18%; }
.ot-df-eye { width: 41%; text-align: center; }
.ot-df-eye-lbl { justify-content: center; }
.ot-df-eye .custom-control-input:checked ~ .custom-control-label::before,
.ot-df-eye .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--vn-teal, #4fafb8);
    border-color: var(--vn-teal, #4fafb8);
}
.ot-df-label {
    font-weight: 700;
    color: #222;
    font-size: 12px;
}
.ot-df-input {
    display: block;
    width: 100%;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #c8c8c8 !important;
    padding: 4px 4px 5px 4px;
    font-size: 12px;
    font-weight: 400;
    background: transparent !important;
    box-shadow: none !important;
    color: #424242;
}
.ot-df-input:focus {
    outline: none;
    border-bottom-color: var(--vn-teal, #4fafb8) !important;
    background: #f0f9fa !important;
}
.ot-df-input::placeholder {
    color: #b0b0b0;
}

/* Medical History 6-column grid */
.ot-mh-fieldset {
    border: 1px solid var(--vn-teal, #4fafb8);
    border-radius: 8px;
    padding: 14px 16px 18px 16px;
    background: #ffffff;
    margin: 0;
}
.ot-mh-legend {
    float: none !important;
    width: auto !important;
    padding: 0 8px !important;
    margin-bottom: 12px !important;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
    font-size: 1rem;
    color: var(--vn-teal-dark, #416e6e);
    border: none !important;
}
.ot-mh-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.ot-mh-table {
    border-collapse: collapse;
    border: none;
    min-width: 640px;
}
.ot-mh-table th,
.ot-mh-table td {
    border-left: 1px solid #e4e4e4 !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
}
.ot-mh-table th:first-child,
.ot-mh-table td:first-child {
    border-left: none !important;
}
.ot-mh-head-row th {
    background: #ebebeb;
    padding: 8px 10px 10px 10px !important;
}
.ot-mh-th {
    text-align: center;
    font-weight: 700;
    color: #4a4a4a;
}
.ot-mh-chk-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.ot-mh-chk-wrap input[type=checkbox] {
    width: 14px;
    height: 14px;
    border-radius: 3px;
}
.ot-mh-td {
    padding: 10px 10px 12px 10px !important;
    vertical-align: top;
}
.ot-mh-note,
.ot-mh-dd {
    display: block;
    width: 100%;
    border: none !important;
    border-radius: 0 !important;
    padding: 6px 4px 8px 4px;
    font-size: 12px;
    background: transparent !important;
    box-shadow: none !important;
    color: #333;
}
.ot-mh-note {
    border-bottom: 1px solid #b8b8b8 !important;
}
.ot-mh-dd {
    border-bottom: 1px solid #b8b8b8 !important;
    appearance: auto;
    cursor: pointer;
    line-height: 1.3;
}
.ot-mh-note:focus,
.ot-mh-dd:focus {
    outline: none;
    border-bottom-color: var(--vn-teal, #4fafb8) !important;
    background: rgba(79, 175, 184, 0.08) !important;
}

/* OT Schedule — Ocular / Operation / Medical History: accordion */
.ot-schedule-form .ot-clinical-accordion {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.ot-schedule-form .ot-clinical-acc-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 7px 10px;
    margin: 0;
    border: 1px solid var(--vn-teal, #4fafb8);
    border-radius: 4px;
    background: #ffffff;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: var(--vn-teal-dark, #416e6e);
    line-height: 1.35;
    cursor: pointer;
    text-align: left;
    outline: none;
    box-sizing: border-box;
    transition: background 0.15s ease, border-radius 0.15s ease;
}
.ot-schedule-form .ot-clinical-acc-head:hover,
.ot-schedule-form .ot-clinical-acc-head:focus {
    background: #f0f9fa;
}
.ot-schedule-form .ot-clinical-acc-head:focus {
    box-shadow: 0 0 0 2px rgba(79, 175, 184, 0.28);
}
.ot-schedule-form .ot-clinical-acc-head[aria-expanded="true"] {
    border-radius: 4px 4px 0 0;
    border-bottom-color: var(--vn-border, #b8d4d8);
}
.ot-schedule-form .ot-clinical-acc-title {
    flex: 1 1 auto;
    min-width: 0;
}
.ot-schedule-form .ot-clinical-acc-icons {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 13px;
    color: var(--vn-teal-dark, #416e6e);
}
.ot-schedule-form .ot-clinical-acc-head[aria-expanded="true"] .ot-clinical-acc-ico-plus {
    display: none !important;
}
.ot-schedule-form .ot-clinical-acc-head:not([aria-expanded="true"]) .ot-clinical-acc-ico-minus {
    display: none !important;
}
.ot-schedule-form .ot-clinical-acc-panel {
    border: 1px solid var(--vn-teal, #4fafb8);
    border-top: none;
    border-radius: 0 0 4px 4px;
    background: #fff;
    margin-top: 0;
}
.ot-schedule-form .ot-clinical-acc-panel .ot-clinical-acc-fieldset-inner {
    border: none !important;
    border-radius: 0 0 4px 4px !important;
    margin: 0 !important;
    padding: 8px !important;
    box-shadow: none;
}
.ot-schedule-form .ot-clinical-acc-mh .ot-mh-legend {
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}
.ot-schedule-form .ot-clinical-acc-panel.ot-clinical-acc-panel--mh {
    border: none;
    background: transparent;
    padding: 0;
}
.ot-schedule-form .ot-clinical-acc-mh .ot-mh-fieldset {
    border-radius: 0 0 8px 8px !important;
    border-top: none !important;
    margin-top: 0 !important;
}

/* (Removed override that forced 28px on last column when it was a single-line Anesthesia field.) */

/* Actions row — uniform height; Save / Refresh / Delete same width */
html.default-style .ot-schedule-form .btn-finish,
html.default-style .ot-schedule-form .btn-finish.btnpadding,
html.default-style .ot-schedule-form .btn-finish.btnpadding2,
html.default-style .ot-schedule-form .btn.btn-primary.btn-finish,
html.default-style .ot-schedule-form .btn.btn-primary#submit,
html.default-style .ot-schedule-form .btn.btn-primary#submit2,
html.default-style .ot-schedule-form .ot-schedule-add-drug-btn {
    height: var(--ot-control-h) !important;
    min-height: var(--ot-control-h) !important;
    max-height: var(--ot-control-h) !important;
    line-height: 1.2 !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    vertical-align: middle;
}
html.default-style .ot-schedule-form .btn-finish.btnpadding2 {
    min-width: 72px !important;
    width: 72px !important;
    padding: 0 6px !important;
    text-align: center;
}
html.default-style .ot-schedule-form .ot-schedule-add-drug-btn {
    width: var(--ot-control-h) !important;
    min-width: var(--ot-control-h) !important;
    max-width: var(--ot-control-h) !important;
    padding: 0 !important;
    margin-left: 4px;
}
/* Page shell: side margins + card wrapper */
.ot-schedule-page {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}
@media (min-width: 992px) {
    .ot-schedule-page {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}
@media (min-width: 1400px) {
    .ot-schedule-page {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
}
.ot-schedule-shell-card {
    border: 1px solid var(--vn-teal, #4fafb8) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(65, 110, 110, 0.1) !important;
    background: #fff;
    overflow: hidden;
    margin-bottom: 0;
}
.ot-schedule-shell-card > .card-header.ot-schedule-tab-header {
    background: var(--vn-bg, #fafcfd);
    border-bottom: 1px solid var(--vn-border, #b8d4d8);
    padding: 0.65rem 1.25rem 0;
}
.ot-schedule-shell-card > .card-body.ot-schedule-tab-body {
    padding: 1.25rem 1.5rem 1.5rem;
    background: #fff;
}
.ot-schedule-shell-card .nav-tabs {
    border-bottom: none;
    margin-bottom: 0;
    flex-wrap: wrap;
}
.ot-schedule-shell-card .nav-link {
    padding: 0.45rem 0.85rem;
    font-size: 13px;
    font-weight: 600;
    color: var(--vn-label, #5a7275);
    letter-spacing: 0.02em;
    border-radius: 4px 4px 0 0;
    white-space: nowrap;
}
.ot-schedule-shell-card .nav-link:hover {
    color: var(--vn-teal-dark, #416e6e);
}
.ot-schedule-shell-card .nav-link.active {
    color: var(--vn-teal-dark, #416e6e);
    background: #fff;
    border-color: var(--vn-border, #b8d4d8) var(--vn-border, #b8d4d8) #fff;
    border-bottom: 2px solid var(--vn-teal, #4fafb8);
}
.ot-schedule-list-pane .card {
    border: 1px solid var(--vn-border, #b8d4d8);
    border-radius: 6px;
    box-shadow: none;
    margin-top: 1rem;
}
.ot-schedule-list-pane .card > .card-body {
    padding: 1rem;
}
</style>
<div class="container-fluid flex-grow-1 container-p-y ot-schedule-page">
    <div class="row">
        <div class="col-12">
            <div class="card ot-schedule-shell-card">
                <div class="card-header ot-schedule-tab-header">
                    <ul class="nav nav-tabs card-header-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#tab1">O.T. Schedule Form</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tab4">O.T. Other Schedule Form</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tab3" onclick="tab3()">Postpone O.T. List</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tab5" onclick="tab5()">Postpone O.T. Other List</a>
                        </li>
                    </ul>
                </div>
                <div class="card-body ot-schedule-tab-body">
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="tab1">
                            @include('ipd/incotschedule')
                        </div>

                        <div class="tab-pane fade" id="tab4">
                            @include('ipd/incototherschedule')
                        </div>
                        <div class="tab-pane fade" id="tab2">
                            <div class="ot-schedule-list-pane">
                    <form id="validation-form33" method="post" enctype="multipart/form-data">
                        <div class="form-row">

                            <div class="form-group col-md-2">
                                <label class="form-label">From Date </label>
                                <input type="date" name="FromDate" id="FromDate" class="form-control"
                                    value="{{date('Y-m-d')}}" autocomplete="off" required>
                            </div>
                            <div class="form-group col-md-2">
                                <label class="form-label">To Date</label>
                                <input type="date" name="ToDate" id="ToDate" class="form-control"
                                    value="{{date('Y-m-d')}}" autocomplete="off" required>
                            </div>

                            <input type="hidden" name="Search" value="Search">
                            <div class="form-group col-md-2" style="padding-top:20px;">
                                <button type="button" id="filter" class="btn btn-primary btn-finish">Search</button>
                            </div>
                        </div>

                    </form>

                    <div class="card">
                        <div class="card-body">


                            <div class="table-responsive" id="custresult">


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

            <div class="tab-pane fade" id="tab3">
                <div class="ot-schedule-list-pane">
                     <form id="validation-form44" method="post" enctype="multipart/form-data">
                     @csrf
                        <div class="form-row">

                            <div class="form-group col-md-2">
                                <label class="form-label">Next Operation Date </label>
                                <input type="date" name="OperationDate" id="OperationDate" class="form-control"
                                    value="{{date('Y-m-d')}}" autocomplete="off" required>
                            </div>
                            <!-- <div class="form-group col-md-2">
                                <label class="form-label">To Date</label>
                                <input type="date" name="ToDate3" id="ToDate3" class="form-control"
                                    value="{{date('Y-m-d')}}" autocomplete="off" required>
                            </div> -->

                            <input type="hidden" name="Search3" value="Search">
                            <div class="form-group col-md-2" style="padding-top:20px;">
                                <button type="submit" id="filter3" name="submit" class="btn btn-primary btn-finish">Update</button>
                            </div>
                        </div>

                    

                    <div class="card">
                        <div class="card-body">


                            <div class="table-responsive" id="custresult3">


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


            <div class="tab-pane fade" id="tab5">
                <div class="ot-schedule-list-pane">
                     <form id="validation-form442" method="post" enctype="multipart/form-data">
                     @csrf
                        <div class="form-row">

                            <div class="form-group col-md-2">
                                <label class="form-label">Next Operation Date </label>
                                <input type="date" name="OperationDate" id="OperationDate2" class="form-control"
                                    value="{{date('Y-m-d')}}" autocomplete="off" required>
                            </div>
                            <!-- <div class="form-group col-md-2">
                                <label class="form-label">To Date</label>
                                <input type="date" name="ToDate3" id="ToDate3" class="form-control"
                                    value="{{date('Y-m-d')}}" autocomplete="off" required>
                            </div> -->

                            <input type="hidden" name="Search3" value="Search">
                            <div class="form-group col-md-2" style="padding-top:20px;">
                                <button type="submit" id="filter32" name="submit" class="btn btn-primary btn-finish">Update</button>
                            </div>
                        </div>

                    

                    <div class="card">
                        <div class="card-body">


                            <div class="table-responsive" id="custresult32">


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

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('masters/incmedicinemodal')
@include('masters/inccommonmodal')
@include('ipd/incsurgicalprescmodal')
@include('ipd/incsurgicalprescmodal2')
@include('ipd.partials.ot-schedule-description-modal')
@include('ipd.partials.ot-fixed-date-list-modal')
@include('footerscript')
@include('excelscript')
<script>
    var OT_DESC_TYPE_ANESTHESIA = 'anethesia_palnned';
    var OT_DESC_TYPE_SPECIAL = 'special_instrcuton';

    function getValue(val, idval) {
        $('#ModalValue').val(val);
        $('#ValueId').val(idval);
        $('#OldValue').val('');
        $('#search_text77').val('');
        desc_lists(val);
        $('.modal-title').html("Add <span class='font-weight-light'>New</span>");
    }

    function otPopulateDescSelect($sel, type, selectedVal, done) {
        selectedVal = selectedVal != null ? String(selectedVal) : '';
        $.ajax({
            url: "{{ url('getDescJson') }}",
            method: "POST",
            data: {
                _token: '{{ csrf_token() }}',
                Type: type
            },
            dataType: "json",
            success: function(rows) {
                $sel.find('option').not('[value=""]').remove();
                var seen = Object.create(null);
                if (Array.isArray(rows)) {
                    rows.forEach(function(r) {
                        var d = r.Description != null ? String(r.Description) : '';
                        d = $.trim(d);
                        if (!d || seen[d]) {
                            return;
                        }
                        seen[d] = true;
                        $sel.append($('<option></option>').attr('value', d).text(d));
                    });
                }
                if (selectedVal !== '' && !seen[selectedVal]) {
                    seen[selectedVal] = true;
                    $sel.append($('<option></option>').attr('value', selectedVal).text(selectedVal));
                }
                $sel.val(selectedVal);
                if (typeof done === 'function') {
                    done();
                }
            },
            error: function() {
                if (typeof done === 'function') {
                    done();
                }
            }
        });
    }

    function otOpenDescModal(type) {
        $('#OtDescModal_Type').val(type);
        var title = (type === OT_DESC_TYPE_SPECIAL) ? 'Add special instruction' : 'Add anesthesia planned';
        $('#modalOtDescMasterLabel').text(title);
        $('#OtDescModal_Description').val('');
        $('#modal-ot-desc-master').modal('show');
    }

    function companyLists() {
    $.ajax({
        url: "{{ url('companyLists') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}'
        },
        success: function(data) {
            $('#IolName').html(data);
        }
    });
}
function modelLists(Cname,IolType) {
    //var Cname = $('#IolName').val();
    $.ajax({
        url: "{{ url('modelLists2') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            Cname: Cname
        },
        success: function(data) {
            
            $('#IolType').html(data);
            $('#IolType').val(IolType).attr("selected",true);
        }
    });
}

function powerLists(Model,Power) {
    //var Cname = $('#IolName').val();
    //var Model = $('#IolType').val();
    $.ajax({
        url: "{{ url('powerLists2') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            Model: Model
        },
        success: function(data) {
            $('#IolPower').html(data);
            $('#IolPower').val(Power).attr("selected",true);
        }
    });
}

function printAdmissionForm() {
    var id = $('#id').val();
    if (id == '') {
        alert("Please Select OT Scheduled Id");
    } else {
        setTimeout(function() {
            window.open(
                '/{{ projectUrl() }}printOtDocument/' + encodeURIComponent(id) + '/admissionfromnikhil',
                'popUpWindowAdmission_' + id,
                'height=1000,width=900,left=0,top=0,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=no'
            );
        }, 1);
    }
}

function printAdmissionForm2() {
    var id = $('#id2').val();
    if (id == '') {
        alert("Please Select OT Scheduled Id");
    } else {
        setTimeout(function() {
            window.open(
                '/{{ projectUrl() }}printOtDocument/' + encodeURIComponent(id) + '/admissionfromnikhil',
                'popUpWindowAdmission2_' + id,
                'height=1000,width=900,left=0,top=0,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=no'
            );
        }, 1);
    }
}

function printSurgicalPres() {
    var id = $('#id').val();
    if (id == '') {
        alert("Please Select OT Scheduled Id");
    } else {
        setTimeout(function() {
            window.open(
                '/{{projectUrl()}}printSurgicalPres/' + id, 'popUpWindow4',
                'height=1000,width=800,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
            );
        }, 1);
    }
}

function printSurgicalPres2() {
    var id = $('#id2').val();
    if (id == '') {
        alert("Please Select OT Scheduled Id");
    } else {
        setTimeout(function() {
            window.open(
                '/{{projectUrl()}}printSurgicalPres2/' + id, 'popUpWindow42',
                'height=1000,width=800,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
            );
        }, 1);
    }
}



function surgicalPresc() {
    $.ajax({
        url: "{{ url('surgicalPrescLists') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}'
        },
        success: function(data) {
            //console.log(data);
            $('#surgicalpresccustresult').html(data);
            $('#modal-report-surgical').modal("show");
        }
    });

}


function surgicalPresc2() {
    $.ajax({
        url: "{{ url('surgicalPrescLists2') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}'
        },
        success: function(data) {
            //console.log(data);
            $('#surgicalpresccustresult2').html(data);
            $('#modal-report-surgical2').modal("show");
        }
    });

}

function fixedDate() {
    var FixedDate = $('#FixedDate').val();
    $.ajax({
        url: "{{ url('fixedDate') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            FixedDate: FixedDate
        },
        success: function(data) {
            alert('Date Fixed Successfully!');
        }
    });
}

function fixedDate2() {
    var FixedDate = $('#FixedDate2').val();
    $.ajax({
        url: "{{ url('fixedDate') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            FixedDate: FixedDate
        },
        success: function(data) {
            alert('Date Fixed Successfully!');
        }
    });
}

function openFixedDateListModal() {
    $('#modal-fixed-date-list').modal('show');
    loadFixedDateList();
}

function formatFixedDateDisplay(fd) {
    var p = String(fd).split('-');
    if (p.length === 3) {
        return p[2] + '/' + p[1] + '/' + p[0];
    }
    return fd;
}

function loadFixedDateList() {
    var $box = $('#fixedDateListContainer');
    $box.empty().append($('<p class="text-muted mb-0"></p>').text('Loading…'));
    $.ajax({
        url: "{{ url('listFixedDates') }}",
        method: "POST",
        data: {
            _token: '{{ csrf_token() }}'
        },
        dataType: "json",
        success: function(rows) {
            $box.empty();
            if (!Array.isArray(rows) || rows.length === 0) {
                $box.append($('<p class="text-muted mb-0"></p>').text('No fixed dates on record.'));
                return;
            }
            var $toolbar = $('<div class="d-flex align-items-center flex-wrap mb-2"></div>');
            var $bulkBtn = $('<button type="button" class="btn btn-sm btn-danger mr-2 fixed-date-bulk-delete-btn"></button>')
                .text('Delete selected')
                .prop('disabled', true);
            $toolbar.append($bulkBtn);
            $toolbar.append($('<span class="small text-muted fixed-date-selection-hint"></span>').text(''));
            var $table = $('<table class="table table-sm table-bordered mb-0"></table>');
            var $chkAll = $('<input type="checkbox" class="fixed-date-select-all-chk" title="Select all">');
            var $thead = $('<thead></thead>').append(
                $('<tr></tr>')
                    .append($('<th style="width:40px;" class="text-center"></th>').append($chkAll))
                    .append($('<th></th>').text('Fixed date'))
            );
            var $tbody = $('<tbody></tbody>');
            rows.forEach(function(r) {
                var fd = r.FixedDate != null ? String(r.FixedDate) : '';
                fd = $.trim(fd);
                if (!fd) {
                    return;
                }
                var $chk = $('<input type="checkbox" class="fixed-date-row-chk">')
                    .attr('data-fixed-date', fd);
                var $tr = $('<tr></tr>')
                    .append($('<td class="text-center"></td>').append($chk))
                    .append($('<td></td>').text(formatFixedDateDisplay(fd)));
                $tbody.append($tr);
            });
            $table.append($thead).append($tbody);
            $box.append($toolbar);
            $box.append($('<div class="table-responsive"></div>').append($table));
            syncFixedDateBulkUi();
        },
        error: function() {
            $box.empty().append($('<p class="text-danger mb-0"></p>').text('Could not load list.'));
        }
    });
}

function syncFixedDateBulkUi() {
    var $box = $('#fixedDateListContainer');
    var $rows = $box.find('.fixed-date-row-chk');
    var $all = $box.find('.fixed-date-select-all-chk');
    var $bulk = $box.find('.fixed-date-bulk-delete-btn');
    var $hint = $box.find('.fixed-date-selection-hint');
    if (!$rows.length) {
        return;
    }
    var n = $rows.length;
    var c = $rows.filter(':checked').length;
    $all.prop('checked', c === n && n > 0);
    $all.prop('indeterminate', c > 0 && c < n);
    $bulk.prop('disabled', c === 0);
    $hint.text(c === 0 ? 'Select dates to delete.' : (c === n ? 'All ' + n + ' selected.' : c + ' of ' + n + ' selected.'));
}

$(document).on('change', '#fixedDateListContainer .fixed-date-select-all-chk', function() {
    var on = $(this).prop('checked');
    $('#fixedDateListContainer .fixed-date-row-chk').prop('checked', on);
    syncFixedDateBulkUi();
});

$(document).on('change', '#fixedDateListContainer .fixed-date-row-chk', function() {
    syncFixedDateBulkUi();
});

$(document).on('click', '#fixedDateListContainer .fixed-date-bulk-delete-btn', function() {
    var selected = [];
    $('#fixedDateListContainer .fixed-date-row-chk:checked').each(function() {
        var fd = $(this).attr('data-fixed-date');
        if (fd) {
            selected.push(fd);
        }
    });
    if (selected.length === 0) {
        return;
    }
    var summary = selected.length + ' fixed date(s)';
    swal({
        title: "Delete selected fixed dates?",
        text: summary + " will be removed. OT scheduling will be allowed on those days again.",
        type: "warning",
        showCancelButton: true,
        confirmButtonClass: "btn-danger",
        confirmButtonText: "Yes, delete selected",
        cancelButtonText: "Cancel",
        closeOnConfirm: false,
        closeOnCancel: true
    }, function(isConfirm) {
        if (!isConfirm) {
            return;
        }
        var fdObj = new FormData();
        fdObj.append('_token', '{{ csrf_token() }}');
        selected.forEach(function(d) {
            fdObj.append('FixedDates[]', d);
        });
        $.ajax({
            url: "{{ url('deleteFixedDatesBulk') }}",
            method: "POST",
            data: fdObj,
            contentType: false,
            processData: false,
            dataType: "json",
            success: function(resp) {
                if (resp && resp.ok) {
                    swal("Deleted", (resp.deleted != null ? resp.deleted : selected.length) + " date(s) removed.", "success");
                    loadFixedDateList();
                } else {
                    swal("Error", (resp && resp.message) ? resp.message : "Could not delete.", "error");
                }
            },
            error: function(xhr) {
                var msg = "Could not delete.";
                if (xhr.responseJSON && xhr.responseJSON.message) {
                    msg = xhr.responseJSON.message;
                }
                swal("Error", msg, "error");
            }
        });
    });
});

function addNewDrug() {
    $('#Medicineaction').val('Save');
    $('#Medicineid').val('');
    $('#MedicineName').val('');
    $('#Amount').val('');
    $('#medicinebtn').text("Save");
    $('#drugtitle').html(
        "Add <span class='font-weight-light'>Medicine</span>");
    procedure_lists();

}

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



function saveMedicine() {
    var MedicineName = $('#MedicineName').val();
    var Amount = $('#Amount').val();
    var action = $('#Medicineaction').val();
    var id = $('#Medicineid').val();
    $.ajax({
        url: "{{ url('saveMedicine') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            Name: MedicineName,
            Amount: Amount,
            action: action,
            id: id
        },
        beforeSend: function() {
            $('#medicinebtn').attr('disabled', 'disabled');
            $('#medicinebtn').text('Please Wait...');
        },
        success: function(data) {

            $('#modal-report656').modal('hide');
            $('#drugaction').val('Save');
            $('#drugid').val('');
            $('#medicinebtn').attr('disabled', false);
            $('#medicinebtn').text('Submit');


        }
    });
}

function otSchList() {
    var ScheduleDate = $('#ScheduleDate').val();
    setTimeout(function() {
        window.open(
            '/{{projectUrl()}}otSchList/' + ScheduleDate, 'popUpWindow3',
            'height=600,width=1300,left=20,top=40,right=20,bottom=40,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
        );
    }, 1);
}
function otSchList21(){
    var ScheduleDate = $('#ScheduleDate').val();
    setTimeout(function() {
        window.open(
            '/{{projectUrl()}}otSchList2/' + ScheduleDate, 'popUpWindow32',
            'height=600,width=1300,left=20,top=40,right=20,bottom=40,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
        );
    }, 1);
}

function otSchList2() {
    var ScheduleDate = $('#ScheduleDate2').val();
    setTimeout(function() {
        window.open(
            '/{{projectUrl()}}otSchList/' + ScheduleDate, 'popUpWindow3',
            'height=600,width=1300,left=20,top=40,right=20,bottom=40,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
        );
    }, 1);
}

function preOptNotes() {
    var id = $('#id').val();
    if (id == '') {
        alert("Please Select OT Scheduled Id");
    } else {
        // setTimeout(function() {
        //     window.open(
        //         '/{{projectUrl()}}preOptNotes/' + id, 'popUpWindow3',
        //         'height=1000,width=800,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
        //     );
        // }, 1);

        setTimeout(function() {
            window.open(
                '/{{projectUrl()}}preOptNotesTreatments/' + id, 'popUpWindow3',
                'height=1000,width=1200,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
            );
        }, 1);
    }
}

function preOptNotes2() {
    var id = $('#id2').val();
    if (id == '') {
        alert("Please Select OT Scheduled Id");
    } else {
        // setTimeout(function() {
        //     window.open(
        //         '/{{projectUrl()}}preOptNotes2/' + id, 'popUpWindow32',
        //         'height=1000,width=800,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
        //     );
        // }, 1);

        setTimeout(function() {
            window.open(
                '/{{projectUrl()}}preOptNotesTreatments/' + id, 'popUpWindow32',
                'height=1000,width=1200,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
            );
        }, 1);
    }
}

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

}

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

}

function refresh() {
    window.location.href = "/{{projectUrl()}}OtScheduled";
}

/** Debounced getLatestVisitClinicalForOt; must be global for getCounselDetails + scheduleOtClinicalFetch */
var otClinicalFetchTimer = null;

function blankCounselDetails() {
    var CurrDate = $('#CurrDate').val();
    $('#action').val('Save');
    $('#ScheduleDate').val(CurrDate);
    $('#Eye').val('');
    $('#K1Re').val('');
    $('#K1Le').val('');
    $('#K2Re').val('');
    $('#K2Le').val('');
    $('#Diff').val('');
    $('#Category').val('');
    $('#IolPower').val('');
    $('#Aconstant').val('');
    $('#Diagnosis').val('');
    $('#Ga').val('');
    $('#Amount').val('');
    $('#Bs').val('');
    $('#Us').val('');
    $('#Bp').val('');
    $('#Package').val('');
    $('#IopRe').val('');
    $('#IopLe').val('');
    $('#Advice').val('');
    $('#SmsAdvice').val('');
    $('#PkgAmt').val('');
    $('#InsComp').val('');
    $('#ReqAmt').val('');
    $('#SanctAmt').val('');
    $('#AddAmt').val('');
    $('#SettleAmt').val('');
    $('#SettleDate').val('');
    $('#UtrNo').val('');
    $('#AL').val('');
    $('#Acd').val('');
    $('#Consultant').val('');
    $('#IolType').val('');
    $('#Cyl').val('');
    $('#LT').val('');
    $('#Wtw').val('');
    $('#delete').attr('disabled', true);
    $('#preopt_notes').attr('disabled', true);
    $('#admission_form').attr('disabled', true);
    $('#PostPone').attr('checked',false);
    $('#Tab1').attr('checked',true);
    $('#Tab2').attr('checked',true);
    $('#Cataract').attr('checked',true);
    clearOtOcularGridInputs();
    clearOtMedicalHistoryGridInputs();
    $('#OperationPlanned').val('');
    $('#AnesthesiaPlanned').val('');
    $('#SpecialInstruction').val('');
    $('#Language').val(1);
}

function getCounselDetails() {
    var val = $('#id').val();
    var CurrDate = $('#CurrDate').val();
    $.ajax({
        url: "{{ url('getOtSchDetails') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            id: val
        },
        dataType: "json",
        success: function(data) {
           // console.log(data);
            if (data == 0) {
                $('#action').val('Save');
                $('#PatientId').val('');
                $('#MrdNo').val('');
                $('#PatientName').val('');
                $('#ScheduleDate').val(CurrDate);
                $('#Phone').val('');
                $('#Age').val('');
                $('#Address').val('');
                $('#Gender').val('');
                $('#Eye').val('');
                $('#K1Re').val('');
                $('#K1Le').val('');
                $('#K2Re').val('');
                $('#K2Le').val('');
                $('#Diff').val('');
                $('#Category').val('');
                $('#IolPower').val('').attr("selected",true);
                $('#Aconstant').val('');
                $('#Diagnosis').val('');
                $('#Ga').val('');
                $('#Amount').val('');
                $('#Bs').val('');
                $('#Us').val('');
                $('#Bp').val('');
                $('#Package').val('');
                $('#IopRe').val('');
                $('#IopLe').val('');
                $('#Advice').val('');
                $('#SmsAdvice').val('');
                $('#PkgAmt').val('');
                $('#InsComp').val('');
                $('#ReqAmt').val('');
                $('#SanctAmt').val('');
                $('#AddAmt').val('');
                $('#SettleAmt').val('');
                $('#SettleDate').val('');
                $('#UtrNo').val('');
                $('#AL').val('');
                $('#Acd').val('');
                $('#Consultant').val('');
                $('#IolType').val('').attr("selected",true);
                $('#Cyl').val('');
                $('#LT').val('');
                $('#Wtw').val('');
                $('#SrNo').val('');
                $('#delete').attr('disabled', true);
                $('#preopt_notes').attr('disabled', true);
                $('#admission_form').attr('disabled', true);
                $('#PostPone').attr('checked',false);
                $('#IolName').val('').attr("selected",true);
                $('#AddIol').val('');
                $('#Language').val(1);
                $('#Tab1').attr('checked',true);
                $('#Tab2').attr('checked',true);
                $('#Cataract').attr('checked',true);
                clearOtOcularGridInputs();
                clearOtMedicalHistoryGridInputs();
                $('#OperationPlanned').val('');
                otPopulateDescSelect($('#AnesthesiaPlanned'), OT_DESC_TYPE_ANESTHESIA, '', function() {
                    otPopulateDescSelect($('#SpecialInstruction'), OT_DESC_TYPE_SPECIAL, '');
                });

            } else {
                $('#action').val('Edit');
                clearTimeout(otClinicalFetchTimer);
                $('#IolName').val(data.IolName).attr("selected",true);
                modelLists(data.IolName,data.IolType);
                powerLists(data.IolType,data.IolPower);
                $('#PatientId').val(data.PatientId);
                $('#MrdNo').val(data.MrdNo);
                $('#PatientName').val(data.PatientName);
                $('#ScheduleDate').val(data.ScheduleDate);
                $('#Phone').val(data.Phone);
                $('#Age').val(data.Age);
                $('#Address').val(data.Address);
                $('#Gender').val(data.Gender);
                $('#Eye').val(data.Eye);
                $('#K1Re').val(data.K1Re);
                $('#K1Le').val(data.K1Le);
                $('#K2Re').val(data.K2Re);
                $('#K2Le').val(data.K2Le);
                $('#Diff').val(data.Diff);
                $('#Category').val(data.Category);
                $('#SrNo').val(data.SrNo);
                $('#Aconstant').val(data.Aconstant);
                $('#Diagnosis').val(data.Diagnosis);
                $('#Ga').val(data.Ga);
                $('#Amount').val(data.Amount);
                $('#Bs').val(data.Bs);
                $('#Us').val(data.Us);
                $('#Bp').val(data.Bp);
                $('#Package').val(data.Package);
                $('#IopRe').val(data.IopRe);
                $('#IopLe').val(data.IopLe);
                $('#Advice').val(data.Advice);
                $('#SmsAdvice').val(data.Advice);
                $('#PkgAmt').val(data.PkgAmt);
                $('#InsComp').val(data.InsComp);
                $('#ReqAmt').val(data.ReqAmt);
                $('#SanctAmt').val(data.SanctAmt);
                $('#AddAmt').val(data.AddAmt);
                $('#SettleAmt').val(data.SettleAmt);
                $('#SettleDate').val(data.SettleDate);
                $('#UtrNo').val(data.UtrNo);
                $('#AL').val(data.AL);
                $('#Acd').val(data.Acd);
                $('#Consultant').val(data.Consultant);
                //$('#IolPower').val(data.IolPower).attr("selected",true);
                
                //$('#IolType').val(data.IolType).attr("selected",true);
                $('#Cyl').val(data.Cyl);
                $('#LT').val(data.LT);
                $('#Wtw').val(data.Wtw);
                $('#delete').attr('disabled', false);
                $('#preopt_notes').attr('disabled', false);
                $('#admission_form').attr('disabled', false);
                
                $('#AddIol').val(data.AddIol);
                $('#Language').val(data.Language);
                if(data.PostPone == 1){
                    $('#PostPone').attr('checked',true);
                }
                else{
                    $('#PostPone').attr('checked',false);
                }

                if(data.Tab1 == 1){
                    $('#Tab1').attr('checked',true);
                }
                else{
                    $('#Tab1').attr('checked',false);
                }

                if(data.Tab2 == 1){
                    $('#Tab2').attr('checked',true);
                }
                else{
                    $('#Tab2').attr('checked',false);
                }

                if(data.Cataract == 1){
                    $('#Cataract').attr('checked',true);
                }
                else{
                    $('#Cataract').attr('checked',false);
                }
                var ocularSaved = data.OcularExamination != null && String(data.OcularExamination).trim() !== '';
                if (ocularSaved) {
                    fillOtOcularGridFromSavedOcularText(String(data.OcularExamination));
                    syncOtOcularGridToHidden();
                } else if (data.ConsultantCells && typeof data.ConsultantCells === 'object') {
                    fillOtOcularGrid(data.ConsultantCells, data.OptoCells || {});
                    syncOtOcularGridToHidden();
                } else {
                    clearOtOcularGridInputs();
                }
                if (data.MedicalHistory != null && String(data.MedicalHistory).trim() !== '') {
                    fillOtMedicalHistoryFromStored(data.MedicalHistory);
                } else if (data.OptoMedicalCells && typeof data.OptoMedicalCells === 'object' && otOptoMedicalCellsHasAny(data.OptoMedicalCells)) {
                    fillOtMedicalHistoryFromOptoCells(data.OptoMedicalCells);
                } else {
                    clearOtMedicalHistoryGridInputs();
                }
                $('#OperationPlanned').val(data.OperationPlanned || '');
                var apLoad = data.AnesthesiaPlanned != null ? String(data.AnesthesiaPlanned) : '';
                var siLoad = data.SpecialInstruction != null ? String(data.SpecialInstruction) : '';
                otPopulateDescSelect($('#AnesthesiaPlanned'), OT_DESC_TYPE_ANESTHESIA, apLoad, function() {
                    otPopulateDescSelect($('#SpecialInstruction'), OT_DESC_TYPE_SPECIAL, siLoad);
                });

            }
        }
    });
}


function otApplyDefaultPterygium2() {
    var defId = $('#PterygiumId2').data('default-id');
    if (defId !== undefined && defId !== null && String(defId).trim() !== '') {
        $('#PterygiumId2').val(String(defId));
    } else {
        $('#PterygiumId2').val('');
    }
}

function blankCounselDetails2() {
    var CurrDate = $('#CurrDate').val();
    $('#action2').val('Save');
                $('#PatientId2').val('');
                
                $('#PatientName2').val('');
                $('#ScheduleDate2').val(CurrDate);
                $('#Phone2').val('');
                $('#Age2').val('');
                $('#Address2').val('');
                $('#Gender2').val('');
                $('#Eye2').val('');
                $('#Category2').val('');
                otApplyDefaultPterygium2();
                $('#Diagnosis2').val('');
                $('#Ga2').val('');
                $('#Amount2').val('');
                $('#Bs2').val('');
                $('#Us2').val('');
                $('#Bp2').val('');
                $('#Package2').val('');
                $('#IopRe2').val('');
                $('#IopLe2').val('');
                $('#Advice2').val('');
                $('#SmsAdvice2').val();
                $('#PkgAmt2').val('');
                $('#InsComp2').val('');
                $('#ReqAmt2').val('');
                $('#SanctAmt2').val('');
                $('#AddAmt2').val('');
                $('#SettleAmt2').val('');
                $('#SettleDate2').val('');
                $('#UtrNo2').val('');
                $('#Consultant2').val('');
                $('#delete2').attr('disabled', true);
                $('#preopt_notes2').attr('disabled', true);
                $('#admission_form2').attr('disabled', true);
                $('#PostPone2').attr('checked',false);
                $('#Tab12').attr('checked',false);
                $('#Tab22').attr('checked',false);
                $('#Language2').val(1);
                clearOtOcularGridInputs('2');
                clearOtMedicalHistoryGridInputs('2');
                $('#OperationPlanned2').val('');
                $('#SpecialInstruction2').val('');
}

function getCounselDetails2() {
    var val = $('#id2').val();
    var CurrDate = $('#CurrDate').val();
    $.ajax({
        url: "{{ url('getOtOtherSchDetails') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            id: val
        },
        dataType: "json",
        success: function(data) {
           // console.log(data);
            if (data == 0) {
                blankCounselDetails2();
                $('#MrdNo2').val('');

            } else {
                $('#action2').val('Edit');
                $('#PatientId2').val(data.PatientId);
                $('#MrdNo2').val(data.MrdNo);
                $('#PatientName2').val(data.PatientName);
                $('#ScheduleDate2').val(data.ScheduleDate);
                $('#Phone2').val(data.Phone);
                $('#Age2').val(data.Age);
                $('#Address2').val(data.Address);
                $('#Gender2').val(data.Gender);
                $('#Eye2').val(data.Eye);
                
                $('#Category2').val(data.Category);
                $('#PterygiumId2').val(data.PterygiumId ? String(data.PterygiumId) : '');
                $('#Diagnosis2').val(data.Diagnosis);
                $('#Ga2').val(data.Ga);
                $('#Amount2').val(data.Amount);
                $('#Bs2').val(data.Bs);
                $('#Us2').val(data.Us);
                $('#Bp2').val(data.Bp);
                $('#Package2').val(data.Package);
                $('#IopRe2').val(data.IopRe);
                $('#IopLe2').val(data.IopLe);
                $('#Advice2').val(data.Advice);
                $('#SmsAdvice2').val(data.SmsAdvice || data.Advice);
                $('#PkgAmt2').val(data.PkgAmt);
                $('#InsComp2').val(data.InsComp);
                $('#ReqAmt2').val(data.ReqAmt);
                $('#SanctAmt2').val(data.SanctAmt);
                $('#AddAmt2').val(data.AddAmt);
                $('#SettleAmt2').val(data.SettleAmt);
                $('#SettleDate2').val(data.SettleDate);
                $('#UtrNo2').val(data.UtrNo);
                
                $('#Consultant2').val(data.Consultant);
               
                $('#delete2').attr('disabled', false);
                $('#preopt_notes2').attr('disabled', false);
                $('#admission_form2').attr('disabled', false);
                
                $('#Language2').val(data.Language);
                if(data.PostPone == 1){
                    $('#PostPone2').attr('checked',true);
                }
                else{
                    $('#PostPone2').attr('checked',false);
                }

                if(data.Tab1 == 1){
                    $('#Tab12').attr('checked',true);
                }
                else{
                    $('#Tab12').attr('checked',false);
                }
                
                if(data.Tab2 == 1){
                    $('#Tab22').attr('checked',true);
                }
                else{
                    $('#Tab22').attr('checked',false);
                }

                var ocularSaved2 = data.OcularExamination != null && String(data.OcularExamination).trim() !== '';
                if (ocularSaved2) {
                    fillOtOcularGridFromSavedOcularText(String(data.OcularExamination), '2');
                    syncOtOcularGridToHidden('2');
                } else if (data.ConsultantCells && typeof data.ConsultantCells === 'object') {
                    fillOtOcularGrid(data.ConsultantCells, data.OptoCells || {}, '2');
                    syncOtOcularGridToHidden('2');
                } else {
                    clearOtOcularGridInputs('2');
                }
                if (data.MedicalHistory != null && String(data.MedicalHistory).trim() !== '') {
                    fillOtMedicalHistoryFromStored(data.MedicalHistory, '2');
                } else if (data.OptoMedicalCells && typeof data.OptoMedicalCells === 'object' && otOptoMedicalCellsHasAny(data.OptoMedicalCells)) {
                    fillOtMedicalHistoryFromOptoCells(data.OptoMedicalCells, '2');
                } else {
                    clearOtMedicalHistoryGridInputs('2');
                }
                $('#OperationPlanned2').val(data.OperationPlanned || '');
                var siLoad2 = data.SpecialInstruction != null ? String(data.SpecialInstruction) : '';
                otPopulateDescSelect($('#SpecialInstruction2'), OT_DESC_TYPE_SPECIAL, siLoad2);

            }
        }
    });
}

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

function getMaxSchId2() {
    $.ajax({
        url: "{{ url('getMaxSchId2') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}'
        },
        success: function(data) {
            //alert(data);
            $('#id2').val(data);
        }
    });
}

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'
    });
}

function error_toast() {
    var isRtl = $('body').attr('dir') === 'rtl' || $('html').attr('dir') === 'rtl';
    $.growl.error({
        title: 'Error',
        message: 'Record Saved Successfully!',
        location: isRtl ? 'tl' : 'tr'
    });
}


function deleteRecord() {
    var id = $('#id').val();
    swal({
        title: "Are you sure?",
        text: "You will not be able to recover this Queue Record!",
        type: "warning",
        showCancelButton: true,
        confirmButtonClass: "btn-danger",
        confirmButtonText: "Yes, delete",
        cancelButtonText: "No, cancel",
        closeOnConfirm: false,
        closeOnCancel: false
    }, function(isConfirm) {
        if (isConfirm) {
            $.ajax({
                url: "{{ url('deleteOtSchedule') }}",
                method: "POST",
                data: {
                    _token: '{{csrf_token()}}',
                    id: id
                },
                beforeSend: function() {
                    $('.confirm').attr('disabled', 'disabled');
                    $('.confirm').text('Please Wait...');
                },
                success: function(data) {
                    swal("Deleted!", "Record has been deleted.", "success");
                    window.location.href = "/{{projectUrl()}}OtScheduled";
                }
            });
        } else {
            swal("Cancelled", "Record is safe :)", "error");
        }
    });
}

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);
            // $('#K1Re').val(data.RefK1Re);
            // $('#K1Le').val(data.RefK1Le);
            // $('#K2Re').val(data.RefK2Re);
            // $('#K2Le').val(data.RefK2Le);
            // $('#Diff').val(data.RefDiffRe);
            $('#Diagnosis').val(data.Diagnosis);
            $('#Bp').val(data.BP);
            $('#IopRe').val(data.IopNctRe);
            $('#IopLe').val(data.IopNctLe);
            $('#Advice').val(data.Advice);
            $('#SmsAdvice').val('Catract Surgery');
        }
    });
}

function otClinicalSuffix(suffix) {
    return (suffix === '2' || suffix === 2) ? '2' : '';
}
function otFormRoot(suffix) {
    return otClinicalSuffix(suffix) === '2' ? '#validation-form2' : '#validation-form';
}

/** O.T. DETAIL FINDINGS grid: clear all line inputs + hidden OcularExamination */
function clearOtOcularGridInputs(suffix) {
    suffix = otClinicalSuffix(suffix);
    $(otFormRoot(suffix) + ' .ot-df-wrap .ot-df-input').val('');
    $('#OcularExamination' + suffix).val('');
}

function fillOtOcularGrid(c, o, suffix) {
    suffix = otClinicalSuffix(suffix);
    c = c || {};
    o = o || {};
    function sv(id, val) {
        var $e = $('#' + id + suffix);
        if ($e.length) {
            $e.val(val !== undefined && val !== null ? String(val) : '');
        }
    }
    function trimOrEmpty(x) {
        var s = (x !== undefined && x !== null) ? $.trim(String(x)) : '';
        return s;
    }
    sv('ot_oc_ReOcMov', c.ReOcMov);
    sv('ot_oc_LeOcMov', c.LeOcMov);
    sv('ot_oc_ReLids', c.ReLids);
    sv('ot_oc_LeLids', c.LeLids);
    sv('ot_oc_ReConj', c.ReConj);
    sv('ot_oc_LeConj', c.LeConj);
    sv('ot_oc_ReCornea', c.ReCornea);
    sv('ot_oc_LeCornea', c.LeCornea);
    sv('ot_oc_ReCorneaRemark', c.ReCorneaRemark);
    sv('ot_oc_LeCorneaRemark', c.LeCorneaRemark);
    sv('ot_oc_ReAntChamber', c.ReAntChamber);
    sv('ot_oc_LeAntChamber', c.LeAntChamber);
    sv('ot_oc_ReIris', c.ReIris);
    sv('ot_oc_LeIris', c.LeIris);
    sv('ot_oc_RePupil', c.RePupil);
    sv('ot_oc_LePupil', c.LePupil);
    var reIop = trimOrEmpty(c.ReIop);
    var leIop = trimOrEmpty(c.LeIop);
    if (!reIop && !leIop) {
        reIop = trimOrEmpty(o.IopAtRe2);
        leIop = trimOrEmpty(o.IopAtLe2);
    }
    sv('ot_oc_IopRe', reIop);
    sv('ot_oc_IopLe', leIop);
    sv('ot_oc_ReLens', c.ReLens);
    sv('ot_oc_LeLens', c.LeLens);
    sv('ot_oc_ReLens2', c.ReLens2);
    sv('ot_oc_LeLens2', c.LeLens2);
    sv('ot_oc_ReNlp', c.ReNlp);
    sv('ot_oc_LeNlp', c.LeNlp);
    sv('ot_oc_CouncRemark', c.CouncRemark);
}

/**
 * Restore ocular grid from tbl_otscheduled.OcularExamination text (output of syncOtOcularGridToHidden /
 * server formatOcularExaminationFromConsultant). Used so saved OT edits win over latest-visit consultantCells.
 */
function fillOtOcularGridFromSavedOcularText(raw, suffix) {
    suffix = otClinicalSuffix(suffix);
    clearOtOcularGridInputs(suffix);
    if (raw === undefined || raw === null) {
        return;
    }
    var text = String(raw).replace(/\r\n/g, '\n').trim();
    if (text === '') {
        return;
    }
    var PAIR_IDS = {
        'Oc. Movement': ['ot_oc_ReOcMov', 'ot_oc_LeOcMov'],
        'Lids': ['ot_oc_ReLids', 'ot_oc_LeLids'],
        'Conjunctiva': ['ot_oc_ReConj', 'ot_oc_LeConj'],
        'Cornea': ['ot_oc_ReCornea', 'ot_oc_LeCornea'],
        'Ant. Chamber': ['ot_oc_ReAntChamber', 'ot_oc_LeAntChamber'],
        'Iris': ['ot_oc_ReIris', 'ot_oc_LeIris'],
        'Pupil': ['ot_oc_RePupil', 'ot_oc_LePupil'],
        'IOP': ['ot_oc_IopRe', 'ot_oc_IopLe'],
        'Lens': ['ot_oc_ReLens', 'ot_oc_LeLens'],
        'Lens 2': ['ot_oc_ReLens2', 'ot_oc_LeLens2'],
        'NLP': ['ot_oc_ReNlp', 'ot_oc_LeNlp']
    };
    var ONE_IDS = {
        'RE Cornea Rmk': 'ot_oc_ReCorneaRemark',
        'LE Cornea Rmk': 'ot_oc_LeCorneaRemark',
        'Remark': 'ot_oc_CouncRemark'
    };

    var lines = text.split('\n');
    for (var i = 0; i < lines.length; i++) {
        var line = lines[i].trim();
        if (!line) {
            continue;
        }
        var sepIdx = line.indexOf(' — RE: ');
        if (sepIdx !== -1) {
            var labelPart = line.slice(0, sepIdx).trim();
            var tail = line.slice(sepIdx + ' — RE: '.length);
            var pipeSplit = tail.split(/\s*\|\s*LE:\s*/);
            if (pipeSplit.length !== 2) {
                continue;
            }
            var ids = PAIR_IDS[labelPart];
            if (!ids || !ids[0] || !ids[1]) {
                continue;
            }
            $('#' + ids[0] + suffix).val(pipeSplit[0].trim());
            $('#' + ids[1] + suffix).val(pipeSplit[1].trim());
            continue;
        }

        var matchedOne = false;
        Object.keys(ONE_IDS).forEach(function(lbl) {
            if (matchedOne) {
                return;
            }
            var fld = ONE_IDS[lbl];
            if (!fld) {
                return;
            }
            var prefix = lbl + ': ';
            if (line.indexOf(prefix) === 0) {
                $('#' + fld + suffix).val(line.slice(prefix.length));
                matchedOne = true;
            }
        });
    }
}

/** Build tbl_otscheduled.OcularExamination text (same structure as server formatOcularExaminationFromConsultant). */
function syncOtOcularGridToHidden(suffix) {
    suffix = otClinicalSuffix(suffix);
    function gv(id) {
        var el = document.getElementById(id + suffix);
        if (!el || el.value == null) {
            return '';
        }
        return $.trim(String(el.value));
    }
    function pair(label, a, b) {
        var r = gv(a);
        var l = gv(b);
        if (r === '' && l === '') {
            return null;
        }
        return label + ' — RE: ' + r + '  |  LE: ' + l;
    }
    function one(label, id) {
        var t = gv(id);
        return t === '' ? null : label + ': ' + t;
    }
    var lines = [];
    var z;
    z = pair('Oc. Movement', 'ot_oc_ReOcMov', 'ot_oc_LeOcMov');
    if (z) {
        lines.push(z);
    }
    z = pair('Lids', 'ot_oc_ReLids', 'ot_oc_LeLids');
    if (z) {
        lines.push(z);
    }
    z = pair('Conjunctiva', 'ot_oc_ReConj', 'ot_oc_LeConj');
    if (z) {
        lines.push(z);
    }
    z = pair('Cornea', 'ot_oc_ReCornea', 'ot_oc_LeCornea');
    if (z) {
        lines.push(z);
    }
    z = one('RE Cornea Rmk', 'ot_oc_ReCorneaRemark');
    if (z) {
        lines.push(z);
    }
    z = one('LE Cornea Rmk', 'ot_oc_LeCorneaRemark');
    if (z) {
        lines.push(z);
    }
    z = pair('Ant. Chamber', 'ot_oc_ReAntChamber', 'ot_oc_LeAntChamber');
    if (z) {
        lines.push(z);
    }
    z = pair('Iris', 'ot_oc_ReIris', 'ot_oc_LeIris');
    if (z) {
        lines.push(z);
    }
    z = pair('Pupil', 'ot_oc_RePupil', 'ot_oc_LePupil');
    if (z) {
        lines.push(z);
    }
    z = pair('IOP', 'ot_oc_IopRe', 'ot_oc_IopLe');
    if (z) {
        lines.push(z);
    }
    z = pair('Lens', 'ot_oc_ReLens', 'ot_oc_LeLens');
    if (z) {
        lines.push(z);
    }
    z = pair('Lens 2', 'ot_oc_ReLens2', 'ot_oc_LeLens2');
    if (z) {
        lines.push(z);
    }
    z = pair('NLP', 'ot_oc_ReNlp', 'ot_oc_LeNlp');
    if (z) {
        lines.push(z);
    }
    z = one('Remark', 'ot_oc_CouncRemark');
    if (z) {
        lines.push(z);
    }
    $('#OcularExamination' + suffix).val(lines.join('\n'));
}

var OT_MH_KEYS = ['dm', 'ht', 'cad', 'prostate', 'copd', 'others'];

function otOptoMedicalCellsHasAny(cells) {
    if (!cells || typeof cells !== 'object') {
        return false;
    }
    var ok = false;
    OT_MH_KEYS.forEach(function(k) {
        var r = cells[k];
        if (!r || typeof r !== 'object') {
            return;
        }
        if (r.chk || r.c) {
            ok = true;
        }
        if ($.trim(String(r.n != null ? r.n : '')) !== '' || $.trim(String(r.d != null ? r.d : '')) !== '') {
            ok = true;
        }
    });
    return ok;
}

function clearOtMedicalHistoryGridInputs(suffix) {
    suffix = otClinicalSuffix(suffix);
    OT_MH_KEYS.forEach(function(k) {
        $('#ot_mh_chk_' + k + suffix).prop('checked', false);
        $('#ot_mh_note_' + k + suffix).val('');
        $('#ot_mh_sel_' + k + suffix).val('');
    });
    $('#MedicalHistory' + suffix).val('');
}

function syncOtMedicalHistoryHidden(suffix) {
    suffix = otClinicalSuffix(suffix);
    var o = { v: 1 };
    OT_MH_KEYS.forEach(function(k) {
        o[k] = {
            c: $('#ot_mh_chk_' + k + suffix).is(':checked'),
            n: $.trim($('#ot_mh_note_' + k + suffix).val() || ''),
            d: $.trim($('#ot_mh_sel_' + k + suffix).val() || ''),
        };
    });
    $('#MedicalHistory' + suffix).val(JSON.stringify(o));
}

function fillOtMedicalHistoryFromStored(raw, suffix) {
    suffix = otClinicalSuffix(suffix);
    clearOtMedicalHistoryGridInputs(suffix);
    if (raw === null || raw === undefined) {
        return;
    }
    var s = String(raw).trim();
    if (s === '') {
        return;
    }
    if (s.charAt(0) === '{') {
        try {
            var o = JSON.parse(s);
            if (typeof o === 'object' && o !== null && typeof o.v !== 'undefined') {
                OT_MH_KEYS.forEach(function(k) {
                    if (!o[k] || typeof o[k] !== 'object') {
                        return;
                    }
                    var row = o[k];
                    $('#ot_mh_chk_' + k + suffix).prop('checked', !!row.c);
                    $('#ot_mh_note_' + k + suffix).val(row.n !== undefined && row.n !== null ? String(row.n) : '');
                    $('#ot_mh_sel_' + k + suffix).val(row.d !== undefined && row.d !== null ? String(row.d) : '');
                });
                $('#MedicalHistory' + suffix).val(s);
                return;
            }
        } catch (e) {
            /* fallthrough to plain text */
        }
    }
    $('#ot_mh_note_others' + suffix).val(s);
    syncOtMedicalHistoryHidden(suffix);
}

function fillOtMedicalHistoryFromOptoCells(cells, suffix) {
    suffix = otClinicalSuffix(suffix);
    clearOtMedicalHistoryGridInputs(suffix);
    if (!cells || typeof cells !== 'object') {
        return;
    }
    OT_MH_KEYS.forEach(function(k) {
        var row = cells[k];
        if (!row || typeof row !== 'object') {
            return;
        }
        $('#ot_mh_chk_' + k + suffix).prop('checked', !!(row.chk !== undefined ? row.chk : row.c));
        $('#ot_mh_note_' + k + suffix).val(row.n !== undefined && row.n !== null ? String(row.n) : '');
        $('#ot_mh_sel_' + k + suffix).val(row.d !== undefined && row.d !== null ? String(row.d) : '');
    });
    syncOtMedicalHistoryHidden(suffix);
}

function scheduleOtClinicalFetch(mrd, suffix) {
    suffix = otClinicalSuffix(suffix);
    clearTimeout(otClinicalFetchTimer);
    if (!mrd || String(mrd).trim() === '') {
        return;
    }
    if (suffix === '2') {
        if ($('#action2').val() === 'Edit') {
            var otId2 = $('#id2').val();
            if (otId2 !== undefined && otId2 !== null && String(otId2).trim() !== '') {
                return;
            }
        }
    } else if ($('#action').val() === 'Edit') {
        var otId = $('#id').val();
        if (otId !== undefined && otId !== null && String(otId).trim() !== '') {
            return;
        }
    }
    otClinicalFetchTimer = setTimeout(function() {
        getLatestVisitClinicalForOt(String(mrd).trim(), suffix);
    }, 350);
}

/** Latest visit: Ocular (tbl_consultants) + Medical (tbl_optometrist) for OT form */
function getLatestVisitClinicalForOt(MrdNo, suffix) {
    suffix = otClinicalSuffix(suffix);
    if (!MrdNo || String(MrdNo).trim() === '') {
        return;
    }
    $.ajax({
        url: "{{ url('getLatestVisitClinicalForOt') }}",
        method: "POST",
        data: { _token: '{{csrf_token()}}', MrdNo: MrdNo },
        dataType: "json",
        success: function(data) {
            if (data && data.ConsultantCells && typeof data.ConsultantCells === 'object') {
                fillOtOcularGrid(data.ConsultantCells, data.OptoCells || {}, suffix);
            }
            syncOtOcularGridToHidden(suffix);
            if (data && data.OptoMedicalCells && typeof data.OptoMedicalCells === 'object' && otOptoMedicalCellsHasAny(data.OptoMedicalCells)) {
                fillOtMedicalHistoryFromOptoCells(data.OptoMedicalCells, suffix);
            } else if (data && data.MedicalHistory != null && String(data.MedicalHistory).trim() !== '') {
                fillOtMedicalHistoryFromStored(data.MedicalHistory, suffix);
            }
        }
    });
}


function getPrevVisitDetails2(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);
            // $('#K1Re').val(data.RefK1Re);
            // $('#K1Le').val(data.RefK1Le);
            // $('#K2Re').val(data.RefK2Re);
            // $('#K2Le').val(data.RefK2Le);
            // $('#Diff').val(data.RefDiffRe);
            $('#Diagnosis2').val(data.Diagnosis);
            $('#Bp2').val(data.BP);
            $('#IopRe2').val(data.IopNctRe);
            $('#IopLe2').val(data.IopNctLe);
            $('#Advice2').val(data.Advice);
        }
    });
}
$(document).ready(function() {
    $(document).on('input change', '#validation-form .ot-df-wrap .ot-df-input', function() {
        syncOtOcularGridToHidden('');
    });
    $(document).on('input change', '#validation-form2 .ot-df-wrap .ot-df-input', function() {
        syncOtOcularGridToHidden('2');
    });
    $(document).on('input change', '#validation-form .ot-mh-fieldset .ot-mh-note, #validation-form .ot-mh-fieldset .ot-mh-dd', function() {
        syncOtMedicalHistoryHidden('');
    });
    $(document).on('input change', '#validation-form2 .ot-mh-fieldset .ot-mh-note, #validation-form2 .ot-mh-fieldset .ot-mh-dd', function() {
        syncOtMedicalHistoryHidden('2');
    });
    $(document).on('change', '#validation-form .ot-mh-fieldset input[type=checkbox]', function() {
        syncOtMedicalHistoryHidden('');
    });
    $(document).on('change', '#validation-form2 .ot-mh-fieldset input[type=checkbox]', function() {
        syncOtMedicalHistoryHidden('2');
    });
    $('#validation-form').on('submit', function() {
        syncOtOcularGridToHidden('');
        syncOtMedicalHistoryHidden('');
    });
    modelLists();
    companyLists();
    powerLists();
    otPopulateDescSelect($('#AnesthesiaPlanned'), OT_DESC_TYPE_ANESTHESIA, '');
    otPopulateDescSelect($('#SpecialInstruction'), OT_DESC_TYPE_SPECIAL, '');
    otPopulateDescSelect($('#SpecialInstruction2'), OT_DESC_TYPE_SPECIAL, '');
    //queueList3();
    $(document).on('click', '#OtDescModal_btnSave', function() {
        var type = $('#OtDescModal_Type').val();
        var desc = $.trim($('#OtDescModal_Description').val() || '');
        if (!desc) {
            alert('Please enter description');
            $('#OtDescModal_Description').focus();
            return;
        }
        var $btn = $(this);
        $.ajax({
            url: "{{ url('saveDesc') }}",
            method: "POST",
            data: {
                _token: '{{ csrf_token() }}',
                action: 'Save',
                Description: desc,
                ModalValue: type,
                id: ''
            },
            beforeSend: function() {
                $btn.prop('disabled', true).text('Please wait...');
            },
            complete: function() {
                $btn.prop('disabled', false).text('Save');
            },
            success: function() {
                $('#modal-ot-desc-master').modal('hide');
                if (type === OT_DESC_TYPE_ANESTHESIA) {
                    otPopulateDescSelect($('#AnesthesiaPlanned'), type, desc);
                } else if (type === OT_DESC_TYPE_SPECIAL) {
                    otPopulateDescSelect($('#SpecialInstruction'), type, desc);
                    otPopulateDescSelect($('#SpecialInstruction2'), type, desc);
                }
                success_toast();
            }
        });
    });

    $(document).on("click", ".updatemedicine", function(event) {
        event.preventDefault();
        event.stopPropagation();
        var id = $(this).attr("data-id");
        var action = "fetch_record";
        $.ajax({
            url: "{{ url('editMedicine') }}",
            method: "POST",
            data: {
                _token: '{{csrf_token()}}',
                id: id
            },
            dataType: "json",
            success: function(data) {
                $('#MedicineName').val(data.Name);
                $('#Amount').val(data.Amount);
                $('#Medicineaction').val('Edit');

                $('#Medicineid').val(id);
                $('#medicinebtn').text("Update");
                $('#modal-report656').modal('show');
                $('.modal-title').html(
                    "Update <span class='font-weight-light'>Medicine</span>");

            }
        });
    });



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

                    success: function(data) {
                        swal("Deleted!", "Medicine has been deleted.", "success");

                        procedure_lists();

                    }
                });

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


    });
    $(document).on("input", "#MrdNo", function(event) {
        getMaxSchId();
        var val = this.value;
        if (val == '') {
            blankCounselDetails();
            $('#action').val('Save');
            $('#PatientId').val('');
            $('#PatientName').val('');
            $('#Phone').val('');
            $('#Age').val('');
            $('#Address').val('');
            $('#Gender').val('');
            return;
        }
        scheduleOtClinicalFetch(val);
        $.ajax({
            url: "{{ url('getPatientDetails') }}",
            method: "POST",
            data: {
                _token: '{{csrf_token()}}',
                id: val
            },
            dataType: "json",
            success: function(data) {
                if (!data || data.MrdNo === undefined || data.MrdNo === null) {
                    return;
                }
                $('#PatientName').val(data.PatientName);
                $('#Phone').val(data.Phone);
                $('#Age').val(data.Age);
                $('#Address').val(data.Address);
                $('#Gender').val(data.Gender);
                getPrevVisitDetails(data.MrdNo);
            }
        });

    });

    $(document).on("input", "#MrdNo2", function(event) {
        
        getMaxSchId2();
        
        blankCounselDetails2();
        var val = this.value;
        if (val == '') {
            blankCounselDetails2();
            $('#action2').val('Save');
            $('#PatientId2').val('');
            //$('#MrdNo').val('');
            $('#PatientName2').val('');
            $('#Phone2').val('');
            $('#Age2').val('');
            $('#Address2').val('');
            $('#Gender2').val('');
        }
        $.ajax({
            url: "{{ url('getPatientDetails') }}",
            method: "POST",
            data: {
                _token: '{{csrf_token()}}',
                id: val
            },
            dataType: "json",
            success: function(data) {
                //console.log(data);
                //$('#MrdNo').val(data.MrdNo);
                $('#PatientName2').val(data.PatientName);
                $('#Phone2').val(data.Phone);
                $('#Age2').val(data.Age);
                $('#Address2').val(data.Address);
                $('#Gender2').val(data.Gender);
                getPrevVisitDetails2(data.MrdNo);
                if ($('#action2').val() !== 'Edit') {
                    scheduleOtClinicalFetch(data.MrdNo, '2');
                }

            }
        });

    });


    $('#validation-form').on('submit', function(e) {
        e.preventDefault();
        if ($('#validation-form').valid()) {
            $.ajax({
                url: "{{ url('saveOtScheduled') }}",
                method: "POST",
                data: new FormData(this),
                contentType: false,
                processData: false,
                beforeSend: function() {
                    $('#submit').attr('disabled', 'disabled');
                    $('#submit').text('Please Wait...');
                },
                success: function(data) {
                    //alert(data);exit();
                    if (data == 0) {
                        alert("Scheduled Date is Fixed");
                    } else {
                        success_toast();
                        $('#delete').attr('disabled', false);
                        $('#preopt_notes').attr('disabled', false);
                        $('#admission_form').attr('disabled', false);
                        $('#action').val('Edit');
                        var otSchId = $('#id').val();
                        if (otSchId) {
                            setTimeout(function() {
                                window.open(
                                    '/{{projectUrl()}}preOptNotesTreatments/' + otSchId,
                                    'popUpWindowPreOptAfterSave',
                                    'height=1000,width=1200,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no'
                                );
                            }, 1);
                        }
                    }

                    $('#submit').attr('disabled', false);
                    $('#submit').text('Save');

                }
            });
        }
    });

    $('#validation-form2').on('submit', function(e) {
        e.preventDefault();
        syncOtOcularGridToHidden('2');
        syncOtMedicalHistoryHidden('2');
        if ($('#validation-form2').valid()) {
            $.ajax({
                url: "{{ url('saveOtOtherScheduled') }}",
                method: "POST",
                data: new FormData(this),
                contentType: false,
                processData: false,
                beforeSend: function() {
                    $('#submit2').attr('disabled', 'disabled');
                    $('#submit2').text('Please Wait...');
                },
                success: function(data) {
                    //alert(data);exit();
                    if (data == 0) {
                        alert("Scheduled Date is Fixed");
                    } else {
                        success_toast();
                        $('#delete2').attr('disabled', false);
                        $('#preopt_notes2').attr('disabled', false);
                        $('#admission_form2').attr('disabled', false);
                        $('#action2').val('Edit');
                    }

                    $('#submit2').attr('disabled', false);
                    $('#submit2').text('Save');

                }
            });
        }
    });


    $('#validation-form22').on('submit', function(e) {
        //alert();
        e.preventDefault();

    });


    $('#filter').click(function() {
        var FromDate = $('#FromDate').val();
        var ToDate = $('#ToDate').val();
        if (FromDate != '' && ToDate != '') {
            queueList(FromDate, ToDate);
        } else {
            alert('Both Date is required');
        }
    });

    $('#refresh').click(function() {
        $('#FromDate').val('');
        $('#ToDate').val('');
        queueList();
    });

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


    $('#validation-form44').on('submit', function(e) {
        e.preventDefault();
        if ($('#validation-form44').valid()) {
            $.ajax({
                url: "{{ url('updateOperationDate') }}",
                method: "POST",
                data: new FormData(this),
                contentType: false,
                processData: false,
                beforeSend: function() {
                    $('#filter3').attr('disabled', 'disabled');
                    $('#filter3').text('Please Wait...');
                },
                success: function(data) {
                    queueList3();
                    $('#filter3').attr('disabled', false);
                    $('#filter3').text('Update');
                    console.log(data);
                }
            });
        }
    });

    
    $('#validation-form442').on('submit', function(e) {
        e.preventDefault();
        if ($('#validation-form442').valid()) {
            $.ajax({
                url: "{{ url('updateOperationDate2') }}",
                method: "POST",
                data: new FormData(this),
                contentType: false,
                processData: false,
                beforeSend: function() {
                    $('#filter32').attr('disabled', 'disabled');
                    $('#filter32').text('Please Wait...');
                },
                success: function(data) {
                    queueList32();
                    $('#filter32').attr('disabled', false);
                    $('#filter32').text('Update');
                    console.log(data);
                }
            });
        }
    });


    $('#filter3').click(function() {
        var FromDate = $('#FromDate3').val();
        var ToDate = $('#ToDate3').val();
        if (FromDate != '' && ToDate != '') {
            queueList(FromDate, ToDate);
        } else {
            alert('Both Date is required');
        }
    });

    $('#refresh3').click(function() {
        $('#FromDate3').val('');
        $('#ToDate3').val('');
        queueList3();
    });

    $('#filter32').click(function() {
        var FromDate = $('#FromDate32').val();
        var ToDate = $('#ToDate32').val();
        if (FromDate != '' && ToDate != '') {
            queueList(FromDate, ToDate);
        } else {
            alert('Both Date is required');
        }
    });

    $('#refresh32').click(function() {
        $('#FromDate32').val('');
        $('#ToDate32').val('');
        queueList32();
    });


});

function queueList3() {
        $.ajax({
            url: "{{ url('viewOtSchedulePostPoneList') }}",
            method: "POST",
            data: {
                _token: '{{csrf_token()}}'
            },
            success: function(data) {
                console.log(data);
                $('#custresult3').html(data);
            }
        });
    }

    function queueList32() {
        $.ajax({
            url: "{{ url('viewOtSchedulePostPoneList2') }}",
            method: "POST",
            data: {
                _token: '{{csrf_token()}}'
            },
            success: function(data) {
                console.log(data);
                $('#custresult32').html(data);
            }
        });
    }

function tab3(){
    queueList3();
}

function tab5(){
    queueList32();
}


</script>