@extends('operations.layout.mainlayout')

@section('content')
{{--@if(session('role') != 4)--}}
{{--{{exit("<h1>Unauthorized access</h1>")}}--}}
{{--@endif--}}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid card">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark card-body" style="color: var(--blazma-text)!important;">@if(!empty($reference->NAME_EN)){{$reference->NAME_EN}} @else Add Reference @endif
                    </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="/operations">Home</a></li>
                        <li class="breadcrumb-item active">Reference Details</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="mx-auto col-md-10">

                    <!-- /.card -->

                    <div class="card">

                        <!-- /.card-header -->
                        <div class="card-body">

                            <ul class="nav nav-tabs" id="custom-content-below-tab" role="tablist"
                                style="margin-bottom: 15px;">
                                <li class="nav-item">
                                    <a class="nav-link active"
                                        style="color: #007bff !important;@if(empty($reference->NAME_EN)) color:#a9a9a9 !important; @endif"
                                        id="custom-content-below-home-tab" data-toggle="pill"
                                        href="#custom-content-below-home" role="tab"
                                        aria-controls="custom-content-below-home" aria-selected="true">Reference
                                        Information</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($reference->NAME_EN) || $reference->REF_RANGE_TYPE_ID == 8 || $reference->REF_RANGE_TYPE_ID == 11 || $reference->REF_RANGE_TYPE_ID == 12 || $reference->REF_RANGE_TYPE_ID == 13) disabled @endif"
                                        style="color: #007bff !important;@if(empty($reference->NAME_EN) || $reference->REF_RANGE_TYPE_ID == 8 || $reference->REF_RANGE_TYPE_ID == 11 || $reference->REF_RANGE_TYPE_ID == 12 || $reference->REF_RANGE_TYPE_ID == 13) color:#a9a9a9 !important; @endif"
                                        id="custom-content-below-messages-tab" data-toggle="pill"
                                        href="#custom-content-below-messages" role="tab"
                                        aria-controls="custom-content-below-messages" aria-selected="false">Reference
                                        Rules</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link @if(empty($reference->NAME_EN)) disabled @endif"
                                       style="color: #007bff !important;@if(empty($reference->NAME_EN)) color:#a9a9a9 !important; @endif"
                                       id="custom-content-below-unit-tab" data-toggle="pill"
                                       href="#custom-content-below-units" role="tab"
                                       aria-controls="custom-content-below-unit" aria-selected="false">Reference
                                        Units</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link @if(empty($reference->NAME_EN)) disabled @endif"
                                       style="color: #007bff !important;@if(empty($reference->NAME_EN)) color:#a9a9a9 !important; @endif"
                                       id="custom-content-below-test-tab" data-toggle="pill"
                                       href="#custom-content-below-tests" role="tab"
                                       aria-controls="custom-content-below-unit" aria-selected="false">Reference
                                        Test</a>
                                </li>

                            </ul>

                            <div class="tab-content" id="custom-content-below-tabContent">

                                <div class="tab-pane fade active show" id="custom-content-below-home" role="tabpanel"
                                    aria-labelledby="custom-content-below-home-tab">

                                    <form method="post" id="create-reference-range" action="/operations/reference-ranges"
                                        enctype="multipart/form-data">
                                        <input id="ref_id" type="hidden" name="ID"
                                            value="@if(!empty($reference->ID)){{$reference->ID}}@endif">
                                        <input id="ref_range_type" type="hidden" value="{{ isset($reference->REFRANGETYPE->TYPE) ? $reference->REFRANGETYPE->TYPE : '' }}">
                                        <p><b>Name</b></p>
                                        <div class="row">
                                            <div class="col-6">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">EN</span>
                                                    </div>
                                                    <input required type="text"  class="form-control" id="reference-name-en" name="NAME_EN"
                                                        value="@if(!empty($reference->NAME_EN)){{$reference->NAME_EN}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-6">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">AR</span>
                                                    </div>
                                                    <input id="reference-name-ar" required type="text"  class="form-control" name="NAME_AR"
                                                        value="@if(!empty($reference->NAME_AR)){{$reference->NAME_AR}}@endif" />
                                                </div>
                                            </div>
                                        </div>

                                        <p><b>Default Normal</b></p>
                                        <div class="row">
                                            <div class="col-4">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">MIN</span>
                                                    </div>

                                                    <input step="0.001" type="number" class="form-control"
                                                        name="DEFAULT_MIN_NORMAL"
                                                        value="@if(!empty($reference->DEFAULT_MIN_NORMAL)){{$reference->DEFAULT_MIN_NORMAL}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-4">


                                          <select  class="form-control" name="MID_SYMBOL" id="MID_SYMBOL">
                                              <option value="">Select Symbol</option>
                                              @foreach($symbols as $symbol)
                                              <option
                                                  {{!empty($reference->midSymbol) && $reference->midSymbol->ID == $symbol->ID ? 'selected' : ''}}
                                                  value="{{$symbol->ID}}">{{$symbol->SYMBOL_NAME}}</option>
                                              @endforeach
                                          </select>

                                              </div>
                                            <div class="col-4">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">MAX</span>
                                                    </div>
                                                    <input step="0.001" type="number" class="form-control"
                                                        name="DEFAULT_MAX_NORMAL"
                                                        value="@if(!empty($reference->DEFAULT_MAX_NORMAL)){{$reference->DEFAULT_MAX_NORMAL}}@endif" />
                                                </div>
                                            </div>
                                        </div>
                                        <p><b>Unit</b></p>
                                        <div class="row">

                                            <div class="col-6">
                                                <div class="input-group mb-3">
                                                    <input required type="text" class="form-control" name="UNIT"
                                                        value="@if(!empty($reference->UNIT)){{$reference->UNIT}}@endif" /><br />
                                                </div>
                                            </div>

                                            <div class="col-6">
                                                <div>
                                                    <input  type="checkbox"  name="SHOW_REFERENCE_INFO"
                                                    @if(!empty($reference) && !empty($reference->SHOW_REFERENCE_INFO && $reference->SHOW_REFERENCE_INFO == 1)) checked @endif />
                                                        <label for="only-reset" style="font-weight: 300;">show a reference result name in medical report example result : 1.2 (Reactive) ?</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-6">
                                            <p><b>Type</b></p>
                                                <select  required class="form-control rhospital_id" name="REF_RANGE_TYPE_ID" id="type-id">
                                                    <option value="">Select Reference Type</option>
                                                    @foreach($types as $type)
                                                    <option
                                                        {{ !empty($reference->REFRANGETYPE) && $reference->REFRANGETYPE->ID == $type->ID ? 'selected' : ''}}
                                                        value="{{$type->ID}}">{{$type->NAME_EN}}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-6">
                                                <p><b>Formulas</b></p>
                                                <select  class="form-control rhospital_id" name="FORMULA_ID" id="formula-id">
                                                    <option value="">Without Formula </option>
                                                    @foreach($formulas as $formula)
                                                        <option
                                                                {{ !empty($reference->FORMULA_ID) && $reference->FORMULA_ID == $formula->ID ? 'selected' : ''}}
                                                                value="{{$formula->ID}}">{{$formula->NAME}}</option>
                                                    @endforeach
                                                </select>
                                            </div>


                                            <div class="col-12 mt-4">
                                                <button type="button" class="btn btn-info" data-toggle="modal" data-target="#autoApproveModal">
                                                    Auto Verification Rules
                                                </button>
                                            </div>

                                            <div class="col-12">
                                                <br>
                                                <p><b>Delta Check</b></p>
                                                <div class="custom-control custom-switch">
                                                    <input type="checkbox" id="dc" class="custom-control-input" name="ENABLE_DELTA_CHECK" value="@if(!empty($reference->ENABLE_DELTA_CHECK)){{$reference->ENABLE_DELTA_CHECK}}@endif" @if(!empty($reference) && !empty($reference->ENABLE_DELTA_CHECK)) checked @endif>
                                                    <label class="custom-control-label" for="dc" style="margin-right: 10px;font-weight: 300;">Delta Check</label>
                                                </div>
                                                <div class="row mt-3" id="dc-section" @if(empty($reference->ENABLE_DELTA_CHECK)) style="display:none;"  @endif >
                                                    <div class="col-3">

                                                        <div class="input-group mb-3">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text">Time (Hours)</span>
                                                            </div>

                                                            <input step="1" min="1" type="number" class="form-control"
                                                                   name="DELTA_TIME_WINDOW_HOURS"
                                                                   value="@if(!empty($reference->DELTA_TIME_WINDOW_HOURS)){{$reference->DELTA_TIME_WINDOW_HOURS}}@endif" />
                                                        </div>
                                                    </div>
                                                    <div class="col-3">
                                                        <select  class="form-control" name="DELTA_LIMIT_TYPE">
                                                            <option disabled value="">Select Type</option>
                                                            <option @if(!empty($reference->DELTA_LIMIT_TYPE) && $reference->DELTA_LIMIT_TYPE == 'percentage') selected @endif value="percentage">Percentage</option>
                                                            <option @if(!empty($reference->DELTA_LIMIT_TYPE) && $reference->DELTA_LIMIT_TYPE == 'absolute') selected @endif value="absolute">Absolute</option>
                                                        </select>

                                                    </div>
                                                    <div class="col-3">
                                                        <select class="form-control" name="DELTA_LIMIT_SIGN">
                                                            <option value="both" @if(empty($reference->DELTA_LIMIT_SIGN) || $reference->DELTA_LIMIT_SIGN == 'both') selected @endif>Both ( &gt; or &lt; )</option>
                                                            <option value="&gt;" @if(!empty($reference->DELTA_LIMIT_SIGN) && $reference->DELTA_LIMIT_SIGN == '>') selected @endif>Higher ( &gt; )</option>
                                                            <option value="&lt;" @if(!empty($reference->DELTA_LIMIT_SIGN) && $reference->DELTA_LIMIT_SIGN == '<') selected @endif>Lower ( &lt; )</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-3">

                                                        <div class="input-group mb-3">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text">Limit Value</span>
                                                            </div>
                                                            <input  min="0" type="number" class="form-control"
                                                                   name="DELTA_LIMIT_VALUE"
                                                                   value="@if(!empty($reference->DELTA_LIMIT_VALUE)){{$reference->DELTA_LIMIT_VALUE}}@endif" />
                                                        </div>
                                                    </div>
                                                </div>


                                            </div>
                                            <!-- Auto Approve Modal -->
                                            <div class="modal fade" id="autoApproveModal" tabindex="-1" role="dialog" aria-labelledby="autoApproveModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-lg" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="autoApproveModalLabel">Auto Verification Rules</h5>
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="row">
                                                                <div class="col-12 mt-3">
                                                                    <div class="custom-control custom-switch">
                                                                        <input type='hidden' value='0' name='AUTO_VALIDATE'>
                                                                        <input type="checkbox" id="auto-validate-reference" class="custom-control-input" name="AUTO_VALIDATE" value="@if(!empty($reference->AUTO_VALIDATE)){{$reference->AUTO_VALIDATE}}@endif" @if(!empty($reference) && !empty($reference->AUTO_VALIDATE && $reference->AUTO_VALIDATE == 1)) checked @endif>
                                                                        <label class="custom-control-label" for="auto-validate-reference" style="margin-right: 10px;font-weight: 300;">Auto Validate (Manual 5 Min , Analyzer 0 Min)</label>
                                                                    </div>
                                                                </div>

                                                                <div class="col-12">
                                                                    <div class="custom-control custom-switch">
                                                                        <input type='hidden' value='0' name='AUTO_APPROVE'>
                                                                        <input type="checkbox" class="custom-control-input" name="AUTO_APPROVE" value="@if(!empty($reference->AUTO_APPROVE)){{$reference->AUTO_APPROVE}}@endif" id="auto-approve-reference" @if(!empty($reference) && !empty($reference->AUTO_APPROVE && $reference->AUTO_APPROVE == 1)) checked @endif>
                                                                        <label class="custom-control-label" for="auto-approve-reference" style="margin-right: 10px;font-weight: 300;">Auto Approve</label>
                                                                    </div>

                                                                </div>
                                                                <div id="AUTO_APPROVE_MIN" class="col-12" style="display:none;">
                                                                    <div class="input-group mt-3">
                                                                        <div class="input-group-prepend">
                                                                            <span class="input-group-text">Auto Approve Minutes</span>
                                                                        </div>
                                                                        <input type="text" class="form-control" name="AUTO_APPROVE_MIN"
                                                                               value="@if(!empty($reference->AUTO_APPROVE_MIN)){{$reference->AUTO_APPROVE_MIN}}@endif"
                                                                        />
                                                                    </div>
                                                                </div>



                                                                @if(isset($reference->REFRANGETYPE) && isset($reference->REFRANGETYPE->TYPE))
                                                                @if($reference->REFRANGETYPE->TYPE == 'quant')
                                                                    <div class="col-12 mt-3">
                                                                        <div class="custom-control custom-switch">
                                                                            <input type='hidden' value='0' name='RULE_IS_ONLY_NORMAL_RESULT'>
                                                                            <input type="checkbox" class="custom-control-input" name="RULE_IS_ONLY_NORMAL_RESULT" value="@if(!empty($reference->RULE_IS_ONLY_NORMAL_RESULT)){{$reference->RULE_IS_ONLY_NORMAL_RESULT}}@endif" id="is-only-normal-result" @if(!empty($reference) && !empty($reference->RULE_IS_ONLY_NORMAL_RESULT && $reference->RULE_IS_ONLY_NORMAL_RESULT == 1)) checked @endif>
                                                                            <label class="custom-control-label" for="is-only-normal-result" style="margin-right: 10px;font-weight: 300;">Custom Range</label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row mt-3 ml-1" id="show-rule-is-normal-result">
                                                                        <div class="col-12">
                                                                            <p><b>Range</b></p>
                                                                        </div>
                                                                        <div class="col-6">

                                                                            <div class="input-group mb-3">
                                                                                <div class="input-group-prepend">
                                                                                    <span class="input-group-text">From</span>
                                                                                </div>
                                                                                <input type="number" class="form-control" name="RULE_NORMAL_RESULT_FROM" value="@if(!empty($reference->RULE_NORMAL_RESULT_FROM)){{$reference->RULE_NORMAL_RESULT_FROM}}@endif" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-6">
                                                                            <div class="input-group mb-3">
                                                                                <div class="input-group-prepend">
                                                                                    <span class="input-group-text">To</span>
                                                                                </div>
                                                                                <input  type="number" class="form-control" name="RULE_NORMAL_RESULT_TO" value="@if(!empty($reference->RULE_NORMAL_RESULT_TO)){{$reference->RULE_NORMAL_RESULT_TO}}@endif" />
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                                @endif

                                                                <div class="col col-12">

                                                                    <div class="custom-control custom-switch">
                                                                        <input type="checkbox" id="ref-qc-flag" class="custom-control-input" name="RULE_IS_QC_FLAG" value="@if(!empty($reference->RULE_IS_QC_FLAG)){{$reference->RULE_IS_QC_FLAG}}@endif" @if(!empty($reference) && !empty($reference->RULE_IS_QC_FLAG)) checked @endif>
                                                                        <label class="custom-control-label" for="ref-qc-flag" style="margin-right: 10px;font-weight: 300;">QC Performed</label>
                                                                    </div>
                                                                </div>
                                                                <div class="col col-12">
                                                                    <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                                        <input type="checkbox" class="custom-control-input" value="@if(!empty($reference->RULE_IS_DELTA_CHECK)){{$reference->RULE_IS_DELTA_CHECK}}@endif" @if(!empty($reference->RULE_IS_DELTA_CHECK) && $reference->RULE_IS_DELTA_CHECK==1) checked="checked" @endif id="ref-delta-check" name="RULE_IS_DELTA_CHECK">
                                                                        <label class="custom-control-label" for="ref-delta-check" style="margin-right: 10px;font-weight: 300;">Delta Check Passed </label>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Auto Validate Modal -->
                                            <div class="modal fade" id="autoValidateModal" tabindex="-1" role="dialog" aria-labelledby="autoValidateModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-lg" role="document">
                                                    <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="autoValidateModalLabel">Auto Validate Rule</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <textarea class="form-control" rows="5" placeholder="Enter rule here..."></textarea>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-primary" data-dismiss="modal">Save</button>
                                                    </div>
                                                    </div>
                                                </div>
                                            </div>


                                            </div>
                                            <br>
                                            <p><b>Critical</b></p>
                                            <div id="critical-result-value" class="row">
                                            <div class="col-2">
                                                <select class="form-control" name="CRITICAL_LOW_SYMBOL" id="CRITICAL_LOW_SYMBOL">
                                                <option value="">Select Symbol</option>
                                              @foreach($symbols as $symbol)
                                              <option
                                                  {{!empty($reference->criticalLowSymbol) && $reference->criticalLowSymbol->ID == $symbol->ID ? 'selected' : ''}}
                                                  {{ $symbol->ID != '2' && $symbol->ID != '5' ? 'disabled' : ''}}
                                                  value="{{$symbol->ID}}">{{$symbol->SYMBOL_NAME}}</option>
                                              @endforeach
                                                </select>
                                              </div>
                                            <div class="col-4">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">Low</span>
                                                    </div>
                                                    <input step="0.001" type="number" placeholder="Optional" class="form-control" name="CRITICAL_LOW" value="@if(!empty($reference->CRITICAL_LOW)){{$reference->CRITICAL_LOW}}@endif">
                                                </div>
                                            </div>

                                            <div class="col-2">
                                                <select class="form-control" name="CRITICAL_HIGH_SYMBOL" id="CRITICAL_HIGH_SYMBOL">
                                                <option value="">Select Symbol</option>
                                              @foreach($symbols as $symbol)
                                              <option
                                                  {{!empty($reference->criticalHighSymbol) && $reference->criticalHighSymbol->ID == $symbol->ID ? 'selected' : ''}}
                                                  {{ $symbol->ID != '1' && $symbol->ID != '4' ? 'disabled' : ''}}
                                                  value="{{$symbol->ID}}">{{$symbol->SYMBOL_NAME}}</option>
                                              @endforeach
                                                </select>
                                              </div>
                                            <div class="col-4">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">High</span>
                                                    </div>
                                                    <input step="0.001" type="number" placeholder="Optional" class="form-control" name="CRITICAL_HIGH" value="@if(!empty($reference->CRITICAL_HIGH)){{$reference->CRITICAL_HIGH}}@endif">
                                                </div>
                                            </div>
                                        </div>
                                        <div id="critical-result-option" class="row">
                                            <div class="col-2">
                                                <select class="form-control" name="CRITICAL_QUALITATIVE" id="CRITICAL_QUALITATIVE">
                                                <option value="">Select Critical Result</option>
                                                    <option
                                                    {{!empty($reference->CRITICAL_QUALITATIVE) && $reference->CRITICAL_QUALITATIVE == 2 ? 'selected' : ''}}
                                                    value="2">Positive</option>
                                                    <option
                                                    {{!empty($reference->CRITICAL_QUALITATIVE) && $reference->CRITICAL_QUALITATIVE == 1 ? 'selected' : ''}}
                                                    value="1">Negative</option>
                                                </select>
                                            </div>
                                        </div>

                                            <br>
                                            <p><b>impossible</b></p>
                                            <div class="row">
                                            <div class="col-2">
                                                <select class="form-control" name="IMPOSSIBLE_LOW_SYMBOL" id="IMPOSSIBLE_LOW_SYMBOL">
                                                <option value="">Select Symbol</option>
                                              @foreach($symbols as $symbol)
                                              <option
                                                  {{!empty($reference->impossibleLowSymbol) && $reference->impossibleLowSymbol->ID == $symbol->ID ? 'selected' : ''}}
                                                  {{ $symbol->ID != '2' && $symbol->ID != '5' ? 'disabled' : ''}}
                                                  value="{{$symbol->ID}}">{{$symbol->SYMBOL_NAME}}</option>
                                              @endforeach
                                                </select>
                                              </div>
                                            <div class="col-4">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">Low</span>
                                                    </div>
                                                    <input step="0.001" type="number" placeholder="Optional" class="form-control" name="IMPOSSIBLE_LOW" value="@if(!empty($reference->IMPOSSIBLE_LOW)){{$reference->IMPOSSIBLE_LOW}}@endif">
                                                </div>
                                            </div>

                                            <div class="col-2">
                                                <select class="form-control" name="IMPOSSIBLE_HIGH_SYMBOL" id="IMPOSSIBLE_HIGH_SYMBOL">
                                                <option value="">Select Symbol</option>
                                              @foreach($symbols as $symbol)
                                              <option
                                                  {{!empty($reference->impossibleHighSymbol) && $reference->impossibleHighSymbol->ID == $symbol->ID ? 'selected' : ''}}
                                                  {{ $symbol->ID != '1' && $symbol->ID != '4' ? 'disabled' : ''}}
                                                  value="{{$symbol->ID}}">{{$symbol->SYMBOL_NAME}}</option>
                                              @endforeach
                                                </select>
                                              </div>
                                            <div class="col-4">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">High</span>
                                                    </div>
                                                    <input step="0.001" type="number" placeholder="Optional" class="form-control" name="IMPOSSIBLE_HIGH" value="@if(!empty($reference->IMPOSSIBLE_HIGH)){{$reference->IMPOSSIBLE_HIGH}}@endif">
                                                </div>
                                            </div>
                                        </div>

                                      <div id="reference-comment" class="col-6">
                                        <br>
                                      <p><b>Reference comment ( overwrite medical report )</b></p>
                                          <div class="input-group mb-3">
                                              <div class="input-group-prepend">
                                              </div>
                                              <textarea  class="form-control" placeholder="Optional" id="REFERENCE_COMMENT" name="REFERENCE_COMMENT" rows="4" cols="50">@if(!empty($reference->REFERENCE_COMMENT)){{$reference->REFERENCE_COMMENT}}@endif</textarea>
                                          </div>
                                      </div>

                                        <div id="inputArea-0">
                                            <div class="row">

                                            <div  class="col-6">
                                             <p><b>Comment</b></p>
                                             <div class="input-group mb-3">
                                              <div class="input-group-prepend">
                                              </div>
                                              <textarea maxlength="1000" class="form-control" id="FIRST_TEXT" name="FIRST_TEXT" rows="4" cols="50">@if(!empty($reference->FIRST_TEXT)){{$reference->FIRST_TEXT}}@endif</textarea>
                                             </div>
                                             </div>

                                            <div  class="col-6">
                                             <p><b>Methodology Brief</b></p>
                                             <div class="input-group mb-3">
                                              <div class="input-group-prepend">
                                              </div>
                                              <textarea maxlength="1000" class="form-control" id="SECOND_TEXT" name="SECOND_TEXT" rows="4" cols="50">@if(!empty($reference->SECOND_TEXT)){{$reference->SECOND_TEXT}}@endif</textarea>
                                             </div>
                                                 </div>

                                            <div  class="col-6">
                                             <p><b>Limitation</b></p>
                                             <div class="input-group mb-3">
                                              <div class="input-group-prepend">
                                              </div>
                                              <textarea maxlength="1000" class="form-control" id="THIRD_TEXT" name="THIRD_TEXT" rows="4" cols="50">@if(!empty($reference->THIRD_TEXT)){{$reference->THIRD_TEXT}}@endif</textarea>
                                             </div>
                                                 </div>

                                                 <div  class="col-6">
                                                    <p><b>Disclaimer</b></p>
                                                    <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                    </div>
                                                    <textarea maxlength="1000" class="form-control" id="FOURTH_TEXT" name="FOURTH_TEXT" rows="4" cols="50">@if(!empty($reference->FOURTH_TEXT)){{$reference->FOURTH_TEXT}}@endif</textarea>
                                                    </div>
                                                 </div>

                                            </div>

                                        </div>
                                        <div id="inputArea-1">
                                        <br>
                                        <p><b>Normal </b></p>
                                            <div class="row">


                                        <div class="col-3">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">EN</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="MID_TITLE_EN4"
                                                value="@if(!empty($reference->MID_TITLE_EN)){{$reference->MID_TITLE_EN}}@endif"/>
                                        </div>
                                        </div>
                                        <div class="col-3">

                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">AR</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="MID_TITLE_AR4"
                                                value="@if(!empty($reference->MID_TITLE_AR)){{$reference->MID_TITLE_AR}}@endif"/>
                                        </div>
                                        </div>
                                        </div>
                                        <p><b>Low </b></p>
                                            <div class="row">


                                        <div class="col-3">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">EN</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="LOW_TITLE_EN3"
                                                value="@if(!empty($reference->LOW_TITLE_EN)){{$reference->LOW_TITLE_EN}}@endif"/>
                                        </div>
                                        </div>
                                        <div class="col-3">

                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">AR</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="LOW_TITLE_AR3"
                                                value="@if(!empty($reference->LOW_TITLE_AR)){{$reference->LOW_TITLE_AR}}@endif"/>
                                        </div>
                                        </div>
                                        </div>
                                        <p><b>High </b></p>
                                            <div class="row">


                                        <div class="col-3">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">EN</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="HIGH_TITLE_EN3"
                                                value="@if(!empty($reference->HIGH_TITLE_EN)){{$reference->HIGH_TITLE_EN}}@endif"/>
                                        </div>
                                        </div>
                                        <div class="col-3">

                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">AR</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="HIGH_TITLE_AR3"
                                                value="@if(!empty($reference->HIGH_TITLE_AR)){{$reference->HIGH_TITLE_AR}}@endif"/>
                                        </div>
                                        </div>
                                        </div>
                                        <br>
                                        </div>
                                        <div id="inputArea-5">
                                        <br>
                                        <p><b>Normal </b></p>
                                            <div class="row">


                                        <div class="col-3">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">EN</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="MID_TITLE_EN5"
                                                value="@if(!empty($reference->MID_TITLE_EN)){{$reference->MID_TITLE_EN}}@endif"/>
                                        </div>
                                        </div>
                                        <div class="col-3">

                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">AR</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="MID_TITLE_AR5"
                                                value="@if(!empty($reference->MID_TITLE_AR)){{$reference->MID_TITLE_AR}}@endif"/>
                                        </div>
                                        </div>
                                        </div>
                                        <p><b class="edit-text" >Low </b></p>
                                            <div class="row">


                                        <div class="col-3">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">EN</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="LOW_TITLE_EN4"
                                                value="@if(!empty($reference->LOW_TITLE_EN)){{$reference->LOW_TITLE_EN}}@endif"/>
                                        </div>
                                        </div>
                                        <div class="col-3">

                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">AR</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="LOW_TITLE_AR4"
                                                value="@if(!empty($reference->LOW_TITLE_AR)){{$reference->LOW_TITLE_AR}}@endif"/>
                                        </div>
                                        </div>
                                        </div>
                                        <br>
                                        </div>
                                        <div id="inputArea-6">
                                        <br>
                                        <p><b>Normal </b></p>
                                            <div class="row">


                                        <div class="col-3">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">EN</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="MID_TITLE_EN6"
                                                value="@if(!empty($reference->MID_TITLE_EN)){{$reference->MID_TITLE_EN}}@endif"/>
                                        </div>
                                        </div>
                                        <div class="col-3">

                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">AR</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="MID_TITLE_AR6"
                                                value="@if(!empty($reference->MID_TITLE_AR)){{$reference->MID_TITLE_AR}}@endif"/>
                                        </div>
                                        </div>
                                        </div>
                                        <p><b>High </b></p>
                                        <div class="row">
                                            <div class="col-3">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">EN</span>
                                                    </div>
                                                    <input type="text" class="form-control"
                                                        name="HIGH_TITLE_EN6"
                                                        value="@if(!empty($reference->HIGH_TITLE_EN)){{$reference->HIGH_TITLE_EN}} @endif" />
                                                </div>
                                            </div>
                                            <div class="col-3">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">AR</span>
                                                    </div>
                                                    <input  type="text" class="form-control"
                                                        name="HIGH_TITLE_AR6"
                                                        value="@if(!empty($reference->HIGH_TITLE_AR)){{$reference->HIGH_TITLE_AR}} @endif" />
                                                </div>
                                            </div>
                                            </div>
                                        <br>
                                        </div>
                                        <div id="inputArea-2">
                                        <br>
                                        <p><b>Normal </b></p>
                                            <div class="row">


                                        <div class="col-3">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">EN</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="MID_TITLE_EN1"
                                                value="@if(!empty($reference->MID_TITLE_EN)){{$reference->MID_TITLE_EN}} @endif" />
                                        </div>
                                        </div>
                                        <div class="col-3">

                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">AR</span>
                                            </div>
                                            <input  type="text" class="form-control"
                                                name="MID_TITLE_AR1"
                                                value="@if(!empty($reference->MID_TITLE_AR)){{$reference->MID_TITLE_AR}} @endif" />
                                        </div>
                                        </div>
                                        </div>
                                        <br>
                                        <p><b class="mid-text">Above Normal</b></p>
                                        <div class="row">
                                        <div class="col-2">

                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">EN</span>
                                            </div>
                                            <input  type="text" class="form-control" name="ABOVE_TITLE_EN"
                                                value="@if(!empty($reference->LOW_TITLE_EN)){{$reference->LOW_TITLE_EN}}@endif" />
                                        </div>
                                        </div>
                                        <div class="col-2">

                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">AR</span>
                                            </div>
                                            <input  type="text" class="form-control" name="ABOVE_TITLE_AR"
                                                value="@if(!empty($reference->LOW_TITLE_AR)){{$reference->LOW_TITLE_AR}}@endif" />
                                        </div>
                                        </div>
                                            <div class="col-2">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MIN</span>
                                                </div>
                                                <input step="0.001" type="number" class="form-control" name="ABOVE_MIN_LOW"
                                                    value="@if(!empty($reference->MIN_LOW)){{$reference->MIN_LOW}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-2">
                                            <select  class="form-control" name="LOW_SYMBOL1" id="LOW_SYMBOL1">
                                              <option value="">Select Symbol</option>
                                              @foreach($symbols as $symbol)
                                              <option
                                                  {{ !empty($reference->lowSymbol) && $reference->lowSymbol->ID == $symbol->ID ? 'selected' : ''}}
                                                  value="{{$symbol->ID}}">{{$symbol->SYMBOL_NAME}}</option>
                                              @endforeach
                                          </select>
                                            </div>
                                            <div class="col-2">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MAX</span>
                                                </div>
                                                <input  step="0.001" type="number" class="form-control" name="ABOVE_MAX_LOW"
                                                    value="@if(!empty($reference->MAX_LOW)){{$reference->MAX_LOW}}@endif" />
                                            </div>
                                            </div>
                                            </div>
                                            <p><b class="last-text">High</b></p>
                                        <div class="row">
                                        <div class="col-2">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">EN</span>
                                                </div>
                                                <input  type="text" class="form-control" name="ABOVE_HIGH_TITLE_EN"
                                                    value="@if(!empty($reference->HIGH_TITLE_EN)){{$reference->HIGH_TITLE_EN}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-2">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">AR</span>
                                                </div>
                                                <input  type="text" class="form-control" name="ABOVE_HIGH_TITLE_AR"
                                                    value="@if(!empty($reference->HIGH_TITLE_AR)){{$reference->HIGH_TITLE_AR}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-2">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MIN</span>
                                                </div>
                                                <input step="0.001" type="number" class="form-control" name="ABOVE_MIN_HIGH"
                                                    value="@if(!empty($reference->MIN_HIGH)){{$reference->MIN_HIGH}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-2">
                                            <select  class="form-control" name="HIGH_SYMBOL1" id="HIGH_SYMBOL1">
                                              <option value="">Select Symbol</option>
                                              @foreach($symbols as $symbol)
                                              <option
                                                  {{ !empty($reference->highSymbol) && $reference->highSymbol->ID == $symbol->ID ? 'selected' : ''}}
                                                  value="{{$symbol->ID}}">{{$symbol->SYMBOL_NAME}}</option>
                                              @endforeach
                                          </select>
                                            </div>
                                            <div class="col-2">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MAX</span>
                                                </div>
                                                <input  step="0.001" type="number" class="form-control" name="ABOVE_MAX_HIGH"
                                                    value="@if(!empty($reference->MAX_HIGH)){{$reference->MAX_HIGH}}@endif" />
                                            </div>
                                            </div>
                                            </div>
                                         </div>
                                        <div id="inputArea-7">
                                            <br>
                                            <p><b>Normal </b></p>
                                            <div class="row">


                                                <div class="col-3">
                                                    <div class="input-group mb-3">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text">EN</span>
                                                        </div>
                                                        <input  type="text" class="form-control"
                                                                name="MID_TITLE_EN7"
                                                                value="@if(!empty($reference->MID_TITLE_EN)){{$reference->MID_TITLE_EN}}@endif"/>
                                                    </div>
                                                </div>
                                                <div class="col-3">

                                                    <div class="input-group mb-3">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text">AR</span>
                                                        </div>
                                                        <input  type="text" class="form-control"
                                                                name="MID_TITLE_AR7"
                                                                value="@if(!empty($reference->MID_TITLE_AR)){{$reference->MID_TITLE_AR}}@endif"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <p><b>High </b></p>
                                            <div class="row">
                                                <div class="col-3">

                                                    <div class="input-group mb-3">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text">EN</span>
                                                        </div>
                                                        <input type="text" class="form-control"
                                                               name="HIGH_TITLE_EN7"
                                                               value="@if(!empty($reference->HIGH_TITLE_EN)){{$reference->HIGH_TITLE_EN}} @endif" />
                                                    </div>
                                                </div>
                                                <div class="col-3">

                                                    <div class="input-group mb-3">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text">AR</span>
                                                        </div>
                                                        <input  type="text" class="form-control"
                                                                name="HIGH_TITLE_AR7"
                                                                value="@if(!empty($reference->HIGH_TITLE_AR)){{$reference->HIGH_TITLE_AR}} @endif" />
                                                    </div>
                                                </div>
                                            </div>
                                            <p><b>Equivocal </b></p>
                                            <div class="row">
                                                <div class="col-3">

                                                    <div class="input-group mb-3">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text">EN</span>
                                                        </div>
                                                        <input type="text" class="form-control"
                                                               name="EQU_TITLE_EN7"
                                                               value="@if(!empty($reference->EQU_TITLE_EN)){{$reference->EQU_TITLE_EN}} @endif" />
                                                    </div>
                                                </div>
                                                <div class="col-3">

                                                    <div class="input-group mb-3">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text">AR</span>
                                                        </div>
                                                        <input  type="text" class="form-control"
                                                                name="EQU_TITLE_AR7"
                                                                value="@if(!empty($reference->EQU_TITLE_AR)){{$reference->EQU_TITLE_AR}} @endif" />
                                                    </div>
                                                </div>
                                            </div>
                                            <br>

                                        </div>
                                         @include('operations.reference-range-inputs')
                                        <div id="inputArea">
                                        <p><b>Low</b></p>
                                        <div class="row">
                                            <div class="col-2">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">EN</span>
                                                    </div>
                                                    <input  type="text" class="form-control" name="LOW_TITLE_EN"
                                                        value="@if(!empty($reference->LOW_TITLE_EN)){{$reference->LOW_TITLE_EN}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-2">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">AR</span>
                                                    </div>
                                                    <input  type="text" class="form-control" name="LOW_TITLE_AR"
                                                        value="@if(!empty($reference->LOW_TITLE_AR)){{$reference->LOW_TITLE_AR}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-2">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MIN</span>
                                                </div>
                                                <input step="0.001" type="number" class="form-control" name="MIN_LOW"
                                                    value="@if(!empty($reference->MIN_LOW)){{$reference->MIN_LOW}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-2">
                                            <select  class="form-control" name="LOW_SYMBOL" id="LOW_SYMBOL">
                                              <option value="">Select Symbol</option>
                                              @foreach($symbols as $symbol)
                                              <option
                                                  {{ !empty($reference->lowSymbol) && $reference->lowSymbol->ID == $symbol->ID ? 'selected' : ''}}
                                                  value="{{$symbol->ID}}">{{$symbol->SYMBOL_NAME}}</option>
                                              @endforeach
                                          </select>
                                            </div>
                                            <div class="col-2">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MAX</span>
                                                </div>
                                                <input  step="0.001" type="number" class="form-control" name="MAX_LOW"
                                                    value="@if(!empty($reference->MAX_LOW)){{$reference->MAX_LOW}}@endif" />
                                            </div>
                                            </div>
                                            </div>

                                        <p><b>Low Border</b></p>
                                        <div class="row">
                                            <div class="col-2">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">EN</span>
                                                    </div>
                                                    <input  type="text" class="form-control"
                                                        name="LOW_BORDER_TITLE_EN"
                                                        value="@if(!empty($reference->LOW_BORDER_TITLE_EN)){{$reference->LOW_BORDER_TITLE_EN}} @endif" />
                                                </div>
                                            </div>
                                            <div class="col-2">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">AR</span>
                                                    </div>
                                                    <input  type="text" class="form-control"
                                                        name="LOW_BORDER_TITLE_AR"
                                                        value="@if(!empty($reference->LOW_BORDER_TITLE_AR)){{$reference->LOW_BORDER_TITLE_AR}} @endif" />
                                                </div>
                                            </div>
                                            <div class="col-2">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MIN</span>
                                                </div>
                                                <input step="0.001" type="number" class="form-control" name="MIN_LOW_BORDERLINE"
                                                    value="@if(!empty($reference->MIN_LOW_BORDERLINE)){{$reference->MIN_LOW_BORDERLINE}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-2">
                                            <select  class="form-control" name="LOW_BORDERLINE_SYMBOL" id="LOW_BORDERLINE_SYMBOL">
                                              <option value="">Select Symbol</option>
                                              @foreach($symbols as $symbol)
                                              <option
                                                  {{!empty($reference->lowBorderSymbol) && $reference->lowBorderSymbol->ID == $symbol->ID ? 'selected' : ''}}
                                                  value="{{$symbol->ID}}">{{$symbol->SYMBOL_NAME}}</option>
                                              @endforeach
                                          </select>
                                            </div>
                                            <div class="col-2">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MAX</span>
                                                </div>
                                                <input  step="0.001" type="number" class="form-control" name="MAX_LOW_BORDERLINE"
                                                    value="@if(!empty($reference->MAX_LOW_BORDERLINE)){{$reference->MAX_LOW_BORDERLINE}}@endif" />
                                            </div>
                                            </div>
                                        </div>


                                        <p><b>Mid Border</b></p>
                                        <div class="row">
                                            <div class="col-2">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">EN</span>
                                                    </div>
                                                    <input  type="text" class="form-control"
                                                        name="MID_TITLE_EN"
                                                        value="@if(!empty($reference->MID_TITLE_EN)){{$reference->MID_TITLE_EN}} @endif" />
                                                </div>
                                            </div>
                                            <div class="col-2">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">AR</span>
                                                    </div>
                                                    <input  type="text" class="form-control"
                                                        name="MID_TITLE_AR"
                                                        value="@if(!empty($reference->MID_TITLE_AR)){{$reference->MID_TITLE_AR}} @endif" />
                                                </div>
                                            </div>
                                        </div>
                                        <p><b >High Border</b></p>
                                        <div class="row">
                                            <div class="col-2">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">EN</span>
                                                    </div>
                                                    <input  type="text" class="form-control"
                                                        name="HIGH_BORDER_TITLE_EN"
                                                        value="@if(!empty($reference->HIGH_BORDER_TITLE_EN)){{$reference->HIGH_BORDER_TITLE_EN}} @endif" />
                                                </div>
                                            </div>
                                            <div class="col-2">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">AR</span>
                                                    </div>
                                                    <input  type="text" class="form-control"
                                                        name="HIGH_BORDER_TITLE_AR"
                                                        value="@if(!empty($reference->HIGH_BORDER_TITLE_AR)){{$reference->HIGH_BORDER_TITLE_AR}} @endif" />
                                                </div>
                                            </div>

                                            <div class="col-2">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MIN</span>
                                                </div>
                                                <input step="0.001" type="number" class="form-control" name="MIN_HIGH_BORDERLINE"
                                                    value="@if(!empty($reference->MIN_HIGH_BORDERLINE)){{$reference->MIN_HIGH_BORDERLINE}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-2">
                                            <select  class="form-control" name="HIGH_BORDERLINE_SYMBOL" id="HIGH_BORDERLINE_SYMBOL">
                                              <option value="">Select Symbol</option>
                                              @foreach($symbols as $symbol)
                                              <option
                                                  {{!empty($reference->highBorderSymbol) && $reference->highBorderSymbol->ID == $symbol->ID ? 'selected' : ''}}
                                                  value="{{$symbol->ID}}">{{$symbol->SYMBOL_NAME}}</option>
                                              @endforeach
                                          </select>
                                            </div>
                                            <div class="col-2">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MAX</span>
                                                </div>
                                                <input  step="0.001" type="number" class="form-control" name="MAX_HIGH_BORDERLINE"
                                                    value="@if(!empty($reference->MAX_HIGH_BORDERLINE)){{$reference->MAX_HIGH_BORDERLINE}}@endif" />
                                            </div>
                                            </div>
                                        </div>

                                        <p><b>High </b></p>
                                        <div class="row">
                                            <div class="col-2">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">EN</span>
                                                    </div>
                                                    <input type="text" class="form-control"
                                                        name="HIGH_TITLE_EN"
                                                        value="@if(!empty($reference->HIGH_TITLE_EN)){{$reference->HIGH_TITLE_EN}} @endif" />
                                                </div>
                                            </div>
                                            <div class="col-2">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">AR</span>
                                                    </div>
                                                    <input  type="text" class="form-control"
                                                        name="HIGH_TITLE_AR"
                                                        value="@if(!empty($reference->HIGH_TITLE_EN)){{$reference->HIGH_TITLE_EN}} @endif" />
                                                </div>
                                            </div>
                                            <div class="col-2">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MIN</span>
                                                </div>
                                                <input step="0.001" type="number" class="form-control" name="MIN_HIGH"
                                                    value="@if(!empty($reference->MIN_HIGH)){{$reference->MIN_HIGH}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-2">
                                            <select  class="form-control" name="HIGH_SYMBOL" id="HIGH_SYMBOL">
                                              <option value="">Select Symbol</option>
                                              @foreach($symbols as $symbol)
                                              <option
                                                  {{!empty($reference->highSymbol) && $reference->highSymbol->ID == $symbol->ID ? 'selected' : ''}}
                                                  value="{{$symbol->ID}}">{{$symbol->SYMBOL_NAME}}</option>
                                              @endforeach
                                          </select>
                                            </div>
                                            <div class="col-2">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MAX</span>
                                                </div>
                                                <input  step="0.001" type="number" class="form-control" name="MAX_HIGH"
                                                    value="@if(!empty($reference->MAX_HIGH)){{$reference->MAX_HIGH}}@endif" />
                                            </div>
                                            </div>
                                        </div>

                                </div>
                                @permission('mange_administration_reference_ranges')
                                <div class="row">
                                    <div class="col" style="text-align: center">
                                        <input style="width:130px" type="submit" class="btn btn-info"
                                            value="@if(!empty($reference->NAME_EN)) Edit Reference @else Add Reference @endif" />
                                    </div>
                                </div>
                                @endpermission
                                </form>
                                </div>


                            <div class="tab-pane fade" id="custom-content-below-messages" role="tabpanel"
                                aria-labelledby="custom-content-below-messages-tab">
                                <div class="row">
                                    <div class="col table-responsive">
                                        <table id="reference-rules-table" class="table table-bordered table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Gender</th>
                                                    <th>AGE FROM</th>
                                                    <th>AGE TO</th>
                                                    <th>MIN NORMAL</th>
                                                    <th>MAX NORMAL</th>
                                                    <th>Critical Low Symbol</th>
                                                    <th>Critical Low</th>
                                                    <th>Critical High Symbol</th>
                                                    <th>Critical High</th>
                                                    <th>Critical Result</th>
                                                    <th>impossible Low</th>
                                                    <th>impossible High</th>
                                                    <th>Comment</th>
                                                    <th>Conversion Comment</th>
                                                    @if(isset($reference->REFRANGETYPE->TYPE) && $reference->REFRANGETYPE->TYPE == 'quant')
                                                    <th>Normal From</th>
                                                    <th>Normal To</th>
                                                    @endif
                                                    <th style="width: 130px;">Action</th>
                                                </tr>
                                            </thead>

                                        </table>
                                    </div>
                                </div>
                                @permission('mange_administration_reference_ranges')
                                <div class="row">
                                    <div class="col" style="text-align: center">
                                        <button style="width:130px;color:#fff" data-toggle="modal"
                                            data-target="#modal-item" id="add-test-item" class="btn btn-info">Add
                                            Rule</button>
                                    </div>
                                </div>
                                @endpermission
                            </div>

                            <div class="tab-pane fade" id="custom-content-below-units" role="tabpanel"
                                     aria-labelledby="custom-content-below-unit-tab">
                                    <div class="row">
                                        <div class="col">
                                            <table id="reference-units-table" class="table table-bordered table-striped">
                                                <thead>
                                                <tr>
                                                    <th>Name</th>
                                                    <th>Sign</th>
                                                    <th>Conservation Value</th>
                                                    <th>Referance Comment</th>
                                                    <th>Status</th>
                                                </tr>
                                                </thead>

                                            </table>
                                        </div>
                                    </div>
                                    @permission('mange_administration_reference_ranges')
                                    <div class="row">
                                        <div class="col" style="text-align: center">
                                            <button style="width:130px;color:#fff" data-toggle="modal"
                                                    data-target="#modal-unit-item" id="add-unit-item" class="btn btn-info">Add
                                                Unit</button>
                                        </div>
                                    </div>
                                    @endpermission
                                </div>
                            <div class="tab-pane fade" id="custom-content-below-tests" role="tabpanel"
                                     aria-labelledby="custom-content-below-test-tab">
                                    <div class="row">
                                        <div class="col">
                                            <table id="reference-tests-table" class="table table-bordered table-striped">
                                                <thead>
                                                <tr>
                                                    <th>Test ID</th>
                                                    <th>Test Code</th>
                                                    <th>Test Name</th>
                                                    <th>Test Type</th>
                                                    <th>Branch</th>
                                                    <th>Action</th>
                                                </tr>
                                                </thead>
                                            </table>
                                        </div>
                                    </div>
                                    @permission('mange_administration_reference_ranges')
                                    <div class="row">
                                        <div class="col" style="text-align: center">
                                            <button style="width:130px;color:#fff" data-toggle="modal"
                                                    data-target="#modal-test-item" id="add-unit-item" class="btn btn-info">Add Tests</button>
                                        </div>
                                    </div>
                                    @endpermission
                                </div>

                            </div>

                        </div>




                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
</div>
<!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->

<div class="modal fade" id="modal-item">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Add Rule</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="reference-modal-rules">
            <div class="modal-body">

                <div class="row">
                    <div class="col" style="text-align: center;">
                    <div class="alert alert-danger alert-danger-rule" role="alert" style="display: none;"></div>
                    </div>
                </div>
                <p><b>Age From</b></p>
                <div class="row" style="margin-top:20px">
                        <div class="col-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">Year</span>
                                </div>
                                <input type="number" class="form-control" name="AGE_FROM_YEAR" id="age-from-year">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">Month</span>
                                </div>
                                <input type="number" class="form-control" name="AGE_FROM_MONTH" id="age-from-month">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">Day</span>
                                </div>
                                <input type="number" class="form-control" name="AGE_FROM_DAY" id="age-from-day">
                            </div>
                        </div>
                </div>
                <p><b>Age To</b></p>
                <div class="row" style="margin-top:20px">
                    <div class="col-4">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text">Year</span>
                            </div>
                            <input type="number" class="form-control" name="AGE_TO_YEAR" id="age-to-year">
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text">Month</span>
                            </div>
                            <input type="number" class="form-control" name="AGE_TO_MONTH" id="age-to-month">
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text">Day</span>
                            </div>
                            <input type="number" class="form-control" name="AGE_TO_DAY" id="age-to-day">
                        </div>
                    </div>
                </div>
                <div class="row" style="margin-top:20px">

                    <div class="col-6">
                        <div class="form-group">
                            <label for="exampleInputEmail1">Min Normal</label>
                            <input step="0.001" required type="number" class="form-control" name="MIN_NORMAL" id="min_normal"
                               >
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-group">
                            <label for="exampleInputEmail1">Max Normal</label>
                            <input step="0.001" required type="number" class="form-control" name="MAX_NORMAL" id="max_normal"
                              >
                        </div>
                    </div>
                    <div class="col-6">
                    <div class="form-group">
                        <label for="exampleFormControlSelect1">Select Gender</label>
                        <select  class="form-control" id="gender_id" name="GENDER_ID" required>
                        <option value="">Select Gender</option>
                        <option value="1">Male</option>
                        <option value="2">Female</option>
                        <option value="3">Unknown</option>
                        </select>
                    </div>
                    </div>
                    </div>
                    @if(isset($reference->REFRANGETYPE) && isset($reference->REFRANGETYPE->TYPE) && $reference->REFRANGETYPE->TYPE == 'quant')
                    <p><b>Auto Verification Custom Range</b></p>
                    <div class="row" style="margin-top:20px">
                        <div class="col-6">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">From</span>
                                </div>
                                <input step="0.001" type="number" placeholder="Optional" class="form-control" name="RULE_NORMAL_RESULT_FROM" value="">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">To</span>
                                </div>
                                <input step="0.001" type="number" placeholder="Optional" class="form-control" name="RULE_NORMAL_RESULT_TO" value="">
                            </div>
                        </div>
                    </div>
                    @endif
                    <br>
                                            <p><b>Critical</b></p>
                                            <div  class="row">
                                            <div class="col-3">
                                                <select class="form-control" name="CRITICAL_LOW_SYMBOL">
                                                    <option value="" style="color: black;">Select Symbol</option>
                                                    <option value="2" style="color: rgb(223, 223, 223);">&lt;</option>
                                                    <option value="5" style="color: rgb(223, 223, 223);">≤</option>
                                                </select>
                                              </div>
                                            <div class="col-3">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">Low</span>
                                                    </div>
                                                    <input step="0.001" type="number" placeholder="Optional" class="form-control" name="CRITICAL_LOW" value="">
                                                </div>
                                            </div>

                                            <div class="col-3">
                                                <select class="form-control" name="CRITICAL_HIGH_SYMBOL" >
                                                    <option value="" style="color: black;">Select Symbol</option>
                                                    <option value="1" style="color: black;">&gt;</option>
                                                    <option value="4" style="color: black;">≥</option>
                                                </select>
                                              </div>
                                            <div class="col-3">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">High</span>
                                                    </div>
                                                    <input step="0.001" type="number" placeholder="Optional" class="form-control" name="CRITICAL_HIGH" value="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <select class="form-control" name="CRITICAL_QUALITATIVE">
                                                <option value="">Select Critical Result (Optional)</option>
                                                    <option
                                                    {{!empty($reference->CRITICAL_QUALITATIVE) && $reference->CRITICAL_QUALITATIVE == 2 ? 'selected' : ''}}
                                                    value="2">Positive</option>
                                                    <option
                                                    {{!empty($reference->CRITICAL_QUALITATIVE) && $reference->CRITICAL_QUALITATIVE == 1 ? 'selected' : ''}}
                                                    value="1">Negative</option>
                                                </select>
                                            </div>
                                        </div>
                                            <br>
                                            <p><b>impossible</b></p>
                                            <div class="row">
                                            <div class="col-3">
                                                <select class="form-control" name="IMPOSSIBLE_LOW_SYMBOL">
                                                    <option value="" style="color: black;">Select Symbol</option>
                                                    <option value="2" style="color: rgb(223, 223, 223);">&lt;</option>
                                                    <option value="5" style="color: rgb(223, 223, 223);">≤</option>
                                                </select>
                                              </div>
                                            <div class="col-3">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">Low</span>
                                                    </div>
                                                    <input step="0.001" type="number" placeholder="Optional" class="form-control" name="IMPOSSIBLE_LOW" value="">
                                                </div>
                                            </div>

                                            <div class="col-3">
                                                <select class="form-control" name="IMPOSSIBLE_HIGH_SYMBOL" >
                                                    <option value="" style="color: black;">Select Symbol</option>
                                                    <option value="1" style="color: black;">&gt;</option>
                                                    <option value="4" style="color: black;">≥</option>
                                                </select>
                                              </div>
                                            <div class="col-3">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">High</span>
                                                    </div>
                                                    <input step="0.001" type="number" placeholder="Optional" class="form-control" name="IMPOSSIBLE_HIGH" value="">
                                                </div>
                                            </div>
                                            <div id="reference-comment" class="col-6">
                                      <p><b>Reference comment ( overwrite medical report )</b></p>
                                          <div class="input-group mb-3">
                                              <div class="input-group-prepend">
                                              </div>
                                              <textarea class="form-control" id="REFERENCE_COMMENT" name="REFERENCE_COMMENT" rows="4" cols="50">@if(!empty($reference->REFERENCE_COMMENT)){{$reference->REFERENCE_COMMENT}}@endif</textarea>
                                          </div>
                                      </div>
                                                <div id="conversion-reference-comment" class="col-6">
                                      <p><b>Conversion Reference comment</b></p>
                                          <div class="input-group mb-3">
                                              <div class="input-group-prepend">
                                              </div>
                                              <textarea maxlength="500" class="form-control" id="CONVERSION_REFERENCE_COMMENT" name="CONVERSION_REFERENCE_COMMENT" rows="4" cols="50">@if(!empty($reference->CONVERSION_REFERENCE_COMMENT)){{$reference->CONVERSION_REFERENCE_COMMENT}}@endif</textarea>
                                          </div>
                                      </div>

            <div class="row">
            <div id="inputAreaModal" class="col-12">
                                        <p><b>Low</b></p>
                                        <div class="row">
                                            <div class="col-6">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MIN</span>
                                                </div>
                                                <input step="0.001" type="number" class="form-control" name="MIN_LOW"
                                                    value="@if(!empty($reference->MIN_LOW)){{$reference->MIN_LOW}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-6">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MAX</span>
                                                </div>
                                                <input  step="0.001" type="number" class="form-control" name="MAX_LOW"
                                                    value="@if(!empty($reference->MAX_LOW)){{$reference->MAX_LOW}}@endif" />
                                            </div>
                                            </div>
                                            </div>

                                        <p><b>Low Border</b></p>
                                        <div class="row">
                                            <div class="col-6">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MIN</span>
                                                </div>
                                                <input step="0.001" type="number" class="form-control" name="MIN_LOW_BORDERLINE"
                                                    value="@if(!empty($reference->MIN_LOW_BORDERLINE)){{$reference->MIN_LOW_BORDERLINE}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-6">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MAX</span>
                                                </div>
                                                <input  step="0.001" type="number" class="form-control" name="MAX_LOW_BORDERLINE"
                                                    value="@if(!empty($reference->MAX_LOW_BORDERLINE)){{$reference->MAX_LOW_BORDERLINE}}@endif" />
                                            </div>
                                            </div>
                                        </div>





                                        <p><b>High Border</b></p>
                                        <div class="row">

                                            <div class="col-6">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MIN</span>
                                                </div>
                                                <input step="0.001" type="number" class="form-control" name="MIN_HIGH_BORDERLINE"
                                                    value="@if(!empty($reference->MIN_HIGH_BORDERLINE)){{$reference->MIN_HIGH_BORDERLINE}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-6">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MAX</span>
                                                </div>
                                                <input  step="0.001" type="number" class="form-control" name="MAX_HIGH_BORDERLINE"
                                                    value="@if(!empty($reference->MAX_HIGH_BORDERLINE)){{$reference->MAX_HIGH_BORDERLINE}}@endif" />
                                            </div>
                                            </div>
                                        </div>

                                        <p><b>High </b></p>
                                        <div class="row">

                                            <div class="col-6">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MIN</span>
                                                </div>
                                                <input step="0.001" type="number" class="form-control" name="MIN_HIGH"
                                                    value="@if(!empty($reference->MIN_HIGH)){{$reference->MIN_HIGH}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-6">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MAX</span>
                                                </div>
                                                <input  step="0.001" type="number" class="form-control" name="MAX_HIGH"
                                                    value="@if(!empty($reference->MAX_HIGH)){{$reference->MAX_HIGH}}@endif" />
                                            </div>
                                            </div>
                                        </div>
                                    </div>
                                    </div>
                                    </div>
                            <div id="inputAreaModal-2" class="col-12">
                                        <p><b class="mid-text">Above Normal</b></p>
                                        <div class="row">
                                            <div class="col-6">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MIN</span>
                                                </div>
                                                <input step="0.001" type="number" class="form-control" name="ABOVE_MIN_LOW"
                                                    value="@if(!empty($reference->MIN_LOW)){{$reference->MIN_LOW}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-6">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MAX</span>
                                                </div>
                                                <input  step="0.001" type="number" class="form-control" name="ABOVE_MAX_LOW"
                                                    value="@if(!empty($reference->MAX_LOW)){{$reference->MAX_LOW}}@endif" />
                                            </div>
                                            </div>
                                            </div>

                                        <p><b class="last-text">High</b></p>
                                        <div class="row">
                                            <div class="col-6">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MIN</span>
                                                </div>
                                                <input step="0.001" type="number" class="form-control" name="ABOVE_MIN_HIGH"
                                                    value="@if(!empty($reference->MIN_HIGH)){{$reference->MIN_HIGH}}@endif" />
                                            </div>
                                            </div>
                                            <div class="col-6">

                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">MAX</span>
                                                </div>
                                                <input  step="0.001" type="number" class="form-control" name="ABOVE_MAX_HIGH"
                                                    value="@if(!empty($reference->MAX_HIGH)){{$reference->MAX_HIGH}}@endif" />
                                            </div>

                                </div>
            </div>
            </div>
</form>
</div>
            <div class="modal-footer justify-content-between">
                <button style="width:130px;" type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button style="width:130px;color:#fff" type="submit"
                id="add-new-reference-rule"
                    class="btn btn-info">Save</button>
            </div>
        </div>

        <!-- /.modal-content -->
    </div>
</div>

<div class="modal fade" id="modal-unit-item">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Add Unit</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="reference-modal-unit">
            <div class="modal-body">

                <div class="row">
                    <div class="col" style="text-align: center;">
                    <div class="alert alert-danger alert-danger-unit" role="alert" style="display: none;"></div>
                    </div>
                </div>
                <div class="row" style="margin-top:20px">
                    <div class="col-6">
                        <div class="form-group">
                            <label for="exampleInputEmail1">Unit Name</label>
                            <input required type="text" class="form-control" name="unit_name" id="unit-name">
                        </div>
                    </div>

                    <div class="col-6">
                        <div class="form-group">
                            <label for="exampleInputEmail1">Sign</label>
                            <select  class="form-control" id="sign" name="SIGN" required>
                                <option value="">Select Sign</option>
                                <option value="/">/</option>
                                <option value="*">*</option>
                                <option value="+">+</option>
                                <option value="-">-</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-group">
                            <label class="sr-only" for="exampleInputEmail1">CONVERSION VALUE</label>

                                <div class="input-group mb-2">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">@if(!empty($reference->UNIT)){{$reference->UNIT}} @endif</div>
                                        <div class="input-group-text" id="symbol-text"></div>
                                    </div>
                                    <input required type="number" class="form-control" name="CONVERSION_VALUE" id="conversion-value">
                                </div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="form-group">
                            <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                <input name="is_active" type="checkbox" class="custom-control-input"  checked="checked"  id="is-active">
                                <label class="custom-control-label" for="is-active">Active</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                <div class="col-6">
                                        <br>
                                      <p><b>Reference comment ( overwrite medical report )</b></p>
                                          <div class="input-group mb-3">
                                              <div class="input-group-prepend">
                                              </div>
                                              <textarea class="form-control" placeholder="Optional" id="reference-unit-comment" name="reference-unit-comment" rows="4" cols="50">@if(!empty($reference->REFERENCE_COMMENT)){{$reference->REFERENCE_COMMENT}}@endif</textarea>
                                          </div>
                                      </div>

                </div>
</form>
</div>
            <div class="modal-footer justify-content-between">
                <button style="width:130px;" type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button style="width:130px;color:#fff" type="submit"
                id="add-new-reference-unit"
                    class="btn btn-info">Save</button>
            </div>
        </div>

        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>



<div class="modal fade" id="modal-rule-age-from">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="rule-age-title">Age</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="rule-age-form" method="post"  action="/operations/samples/">
                <div class="modal-body">

                    <div class="row">
                        <div class="col" style="text-align: center;">
                            <div class="alert alert-danger alert-danger-rule-age" role="alert" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="row" style="margin-top:20px">
                        <div class="col-md-6">
                            <input type="hidden"  id="reference_rule_id" value=""/>
                            <input type="hidden"  id="rule_age_field" value=""/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            <div class="form-group">
                                <label for="exampleInputEmail1">Year</label>
                                <input required type="number" class="form-control"  id="rule_age_year">
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-group">
                                <label for="exampleInputEmail1">Month</label>
                                <input required type="number" class="form-control"  id="rule_age_month">
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-group">
                                <label for="exampleInputEmail1">Day</label>
                                <input required type="number" class="form-control"  id="rule_age_day">
                            </div>
                        </div>



                    </div>
                </div>

                <div class="modal-footer justify-content-between">
                    <button style="width:130px;" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button style="width:130px;color:#fff" class="btn btn-info" id="update-rule-age"  type="button" >Save</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>


<div class="modal fade" id="modal-test-item">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="rule-age-title">Add Test</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="reference-test-form" method="post"  action="/operations/samples/">
                <div class="modal-body">

                    <div class="row">
                        <div class="col" style="text-align: center;">
                            <div class="alert alert-danger alert-reference-test" role="alert" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="row" style="margin-top:20px">
                        <div class="col">
                            <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Tests</p>
                            <select  class="form-control rhospital_id" id="reference-test-id" name="reference_test_id" >
                                @foreach($packages as $package)
                                    <option value="{{$package->ID}}" has-template="{{$package->HAS_TEMPLATE}}" has-reference="@if($package->ANALYSIS_WITH_REFERENCE && $package->IS_ANALYSIS) 1 @elseif($package->IS_PACKAGE || $package->IS_ANALYSIS || $package->IS_SERVICE) 0 @else 1 @endif">{{$package->NAME_EN}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="row" style="margin-top:20px">
                        <div class="col-md-6">
                            <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Type</p>
                            <select  class="form-control" id="reference-test-type" name="reference_test_type">
                                <option value="1" >Normal</option>
                                <option value="2" >Home Visit</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Price</p>
                            <input style="padding:15px" class="form-control" required step="0.01" type="number" id="reference-test-price" name="test_price" />
                        </div>
                    </div>
                    <div class="row" style="margin-top:20px">
                        <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Branches</p>
                                <select  class="form-control" id="reference-branch-id">
                                    <option value="">Select Branch</option>
                                    @foreach($hospitals as $hospital)
                                        <option value="{{$hospital->ID}}" >{{$hospital->NAME_EN}}</option>
                                    @endforeach
                                </select>
                        </div>
                    </div>
                </div>

                <div class="modal-footer justify-content-between">
                    <button style="width:130px;" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button style="width:130px;color:#fff" class="btn btn-info" id="add-reference-test"  type="button" >Save</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>


@endsection

@section('footer-scripts')
<script>
    $('#sign').change(function () {
        $('#symbol-text').text($(this).val());
    })

    $("#auto-validate-reference").change(function(){
        this.value = this.checked ? 1 : 0;
    }).change();
    $("#ref-qc-flag").change(function(){
        this.value = this.checked ? 1 : 0;
    }).change();

    $("#ref-delta-check").change(function(){
        this.value = this.checked ? 1 : 0;
    }).change();

    $("#is-only-normal-result").change(function(){
        $("#show-rule-is-normal-result").hide()
        this.value = this.checked ? 1 : 0;
        if(this.checked) $("#show-rule-is-normal-result").show()
    }).change();

    @isset($reference->ID)
        $("#reference-tests-table").DataTable({
            "autoWidth": false,
            "searching": true,
            "paging": true,
            "bInfo" : false,
            "lengthChange": false,
            "language": {
                "emptyTable": "There are no Units added to this reference yet"
            },
            serverSide: true,
            "processing": true,
            ajax: '/operations/data/reference-test/{{$reference->ID}}',
            "order": [[ 0, "desc" ]],
            columns: [
                { data: "ID", name: "ID", searchable: false },
                { data: "CODE", name: "CODE" },
                { data: "NAME_EN", name: "NAME_EN" },
                { data: "TYPE_TITLE", name: "TYPE_TITLE" },
                { data: "hospital_name", name: "hospital_name"},
                { data: "ID", name: "ID", searchable: false,'render': function(data, type, full, meta){
                        var result = '';
                        @permission('mange_administration_reference_ranges')
                            result = '<a style="color:white !important;" class="reference-remove-hospital-test form-control btn btn-danger" test-hospital-id="'+full["test_hospital_id"]+'">Remove</a>';
                        @endpermission
                        return result;
                    } },
            ],
        });
        $("body").on("click", "#add-reference-test",function(){
            $('#add-reference-test').html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
            var ref_id = '{{$reference->ID}}';
            var test_id = $("#reference-test-id").val();
            var hospital_id = $("#reference-branch-id").val();
            var test_type =  $("#reference-test-type").val();
            var test_price =  $("#reference-test-price").val();
            var data = {
                test_id,
                test_type,
                test_price,
                hospital_id,
            }
            $.ajax({
                type: "POST",
                url: "/operations/reference-range/"+ref_id+"/test",
                data: JSON.stringify(data),
                contentType: "application/json; charset=utf-8",
            }).done(function(data ) {
                $(".alert-reference-test").hide()
                $('#add-reference-test').prop("disabled",false);
                $('#modal-test-item').modal('hide');
                $('#add-reference-test').html('Save').attr('disabled', false);
                $('#reference-tests-table').DataTable().ajax.reload();
            }).fail(function(jqXHR, textStatus, errorThrown) {
                $(".alert-reference-test").html(jqXHR.responseJSON.errorMessage);
                $(".alert-reference-test").slideDown( "slow", function() {});
                $('#add-reference-test').prop("disabled",false);
                $('#add-reference-test').html('Save').attr('disabled', false);
            });
        });
        $("body").on("click", ".reference-remove-hospital-test",function(){
            var test_hospital_id = $(this).attr("test-hospital-id");
            $.ajax({
                type: "DELETE",
                url: "/operations/test_hospitals/"+test_hospital_id,
                contentType: "application/json; charset=utf-8",
            }).done(function(data ) {
                $('#reference-tests-table').DataTable().ajax.reload();
            }).fail(function(jqXHR, textStatus, errorThrown) {
                alert("Error while deleting test");
            });
            return false;
        });
    @endisset

    document.getElementById('dc').addEventListener('change', function () {
        this.value = this.checked ? 1 : 0;
        document.getElementById('dc-section').style.display = this.checked ? 'flex' : 'none';
    });

</script>
@endsection