@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 card-body">
                    <h1 class="m-0 text-dark" style="color: #e35a80!important;">@if(!empty($test->NAME_EN)){{$test->NAME_EN}} @else Add Test @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">Test 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-8">

                    <!-- /.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: #e35a80 !important;@if(empty($test->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">Test Information</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($test->NAME_EN)) disabled @endif" style="color: #e35a80 !important;@if(empty($test->NAME_EN)) color:#a9a9a9 !important; @endif" id="custom-content-below-profile-tab" data-toggle="pill" href="#custom-content-below-profile" role="tab" aria-controls="custom-content-below-profile" aria-selected="false">Branches Configuration</a>
                                </li>
                                @if(!empty($test->IS_RESULT_OPTION))
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($test->NAME_EN)) disabled @endif" style="color: #e35a80 !important;@if(empty($test->NAME_EN)) color:#a9a9a9 !important; @endif" id="custom-content-parameters-control-tab" data-toggle="pill" href="#custom-content-parameters-control" role="tab" aria-controls="custom-content-parameters-control" aria-selected="false">Parameters Control</a>
                                </li>
                                @endif

                                <li class="nav-item">
                                    <a class="nav-link @if(empty($test->NAME_EN)) disabled @endif" style="color: #e35a80 !important;@if(empty($test->NAME_EN)) color:#a9a9a9 !important; @endif" id="custom-content-clients-tab" data-toggle="pill" href="#custom-content-clients" role="tab" aria-controls="custom-content-clients" aria-selected="false">Clients Configuration</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link @if(empty($test->NAME_EN)) disabled @endif" style="color: #e35a80 !important;@if(empty($test->NAME_EN)) color:#a9a9a9 !important; @endif" id="custom-content-linked-test-tab" data-toggle="pill" href="#custom-content-linked-test" role="tab" aria-controls="custom-content-linked-test" aria-selected="false">Test Linked</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($test->NAME_EN)) disabled @endif" style="color: #e35a80 !important;@if(empty($test->NAME_EN)) color:#a9a9a9 !important; @endif" id="custom-content-linked-results-tab" data-toggle="pill" href="#custom-content-linked-results" role="tab" aria-controls="custom-content-linked-results" aria-selected="false">Linked Results</a>
                                </li>
                                @permission('view_sample_generation_by_test')
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($test->NAME_EN)) disabled @endif" style="color: #e35a80 !important;" id="custom-content-below-sample-generation-tab" data-toggle="pill" href="#custom-content-below-sample-generation" role="tab" aria-controls="custom-content-below-sample-generation" aria-selected="false">Sample Generation</a>
                                </li>
                                @endpermission

                                @permission('view_sample_condition_by_test')
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($test->NAME_EN)) disabled @endif" style="color: #e35a80 !important;" id="custom-content-below-sample-condition-tab" data-toggle="pill" href="#custom-content-below-sample-condition" role="tab" aria-controls="custom-content-below-sample-condition" aria-selected="false">Sample Condition</a>
                                </li>
                                @endpermission
                                @if (!empty($test->IS_GENETIC))
                                    <li class="nav-item">
                                        <a class="nav-link @if(empty($test->NAME_EN)) disabled @endif" style="color: #e35a80 !important;" id="custom-content-below-genetic-test-setup-tab" data-toggle="pill" href="#custom-content-below-genetic-test-setup" role="tab" aria-controls="custom-content-below-genetic-test-setup" aria-selected="false">Genetic Test Setup</a>
                                    </li>
                                @endif
                            </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" action="/operations/individual-test" enctype="multipart/form-data">
                                        <input id="indivisual_test_id" type="hidden" name="indivisual_test_id" value="@if(!empty($test->ID)){{$test->ID}}@endif">

                                    <div class="row">
                                        <div class="col-md-3">
                                            <p><b>Card Image (EN)</b></p>
                                            @if(!empty($test->IMAGE_URL))
                                                <img src="{{$test->IMAGE_URL}}?t={{rand()}}" style="width:100%"/><br /><br />
                                            @endif
                                            <div class="input-group">
                                                <div class="input-group-append">
                                                    <span class="input-group-text"><i class="fas fa-image"></i></span>
                                                </div>
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="exampleInputFile" name="test_image">
                                                    <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <p><b>Card Image (AR)</b></p>
                                            @if(!empty($test->IMAGE_URL_AR))
                                                <img src="{{$test->IMAGE_URL_AR}}?t={{rand()}}" style="width:100%"/><br /><br />
                                            @endif
                                            <div class="input-group">
                                                <div class="input-group-append">
                                                    <span class="input-group-text"><i class="fas fa-image"></i></span>
                                                </div>
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="exampleInputFile2" name="test_image_ar">
                                                    <label class="custom-file-label" for="exampleInputFile2">Choose file</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <p><b>Mobile Image (EN)</b></p>
                                            @if(!empty($test->MOBILE_IMAGE_URL_EN))
                                                <img src="{{$test->MOBILE_IMAGE_URL_EN}}?t={{rand()}}" style="width:100%"/><br /><br />
                                            @endif
                                            <div class="input-group">
                                                <div class="input-group-append">
                                                    <span class="input-group-text"><i class="fas fa-image"></i></span>
                                                </div>
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="exampleInputFile" name="mobile_image_en">
                                                    <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <p><b>Mobile Image (AR)</b></p>
                                            @if(!empty($test->MOBILE_IMAGE_URL_AR))
                                                <img src="{{$test->MOBILE_IMAGE_URL_AR}}?t={{rand()}}" style="width:100%"/><br /><br />
                                            @endif
                                            <div class="input-group">
                                                <div class="input-group-append">
                                                    <span class="input-group-text"><i class="fas fa-image"></i></span>
                                                </div>
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="exampleInputFile" name="mobile_image_ar">
                                                    <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                                                </div>

                                            </div>
                                        </div>
                                    </div><br />
                                    <p><b>Name</b></p>
                                    <div class="row">
                                        <div class="col">

                                            <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" name="name_en" value="@if(!empty($test->NAME_EN)){{$test->NAME_EN}}@endif" />
                                            </div>
                                        </div>
                                        <div class="col">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">AR</span>
                                                </div>
                                                <input style="direction: rtl" required type="text" class="form-control" name="name_ar" value="@if(!empty($test->NAME_AR)){{$test->NAME_AR}}@endif" />
                                            </div>
                                        </div>
                                    </div>
                                        <p><b>Display Report Name</b></p>
                                        <div class="row">
                                            <div class="col">

                                                <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" name="report_name_en" value="@if(!empty($test->REPORT_DISPLAY_NAME_EN)){{$test->REPORT_DISPLAY_NAME_EN}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">AR</span>
                                                    </div>
                                                    <input style="direction: rtl" required type="text" class="form-control" name="report_name_ar" value="@if(!empty($test->REPORT_DISPLAY_NAME_AR)){{$test->REPORT_DISPLAY_NAME_AR}}@endif" />
                                                </div>
                                            </div>
                                        </div>
                                        <p><b>Client Test Name</b></p>
                                        <div class="row">
                                            <div class="col">

                                                <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="client_test_name_en" value="@if(!empty($test->CLIENT_TEST_NAME_EN)){{$test->CLIENT_TEST_NAME_EN}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">AR</span>
                                                    </div>
                                                    <input style="direction: rtl"  type="text" class="form-control" name="client_test_name_ar" value="@if(!empty($test->CLIENT_TEST_NAME_AR)){{$test->CLIENT_TEST_NAME_AR}}@endif" />
                                                </div>
                                            </div>
                                        </div>
                                        <p><b>Short Description</b></p>
                                        <div class="row">
                                            <div class="col">

                                                <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="short_desc_en" value="@if(!empty($test->DESC_EN)){{$test->DESC_EN}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">AR</span>
                                                    </div>
                                                    <input style="direction: rtl" type="text" class="form-control" name="short_desc_ar" value="@if(!empty($test->DESC_AR)){{$test->DESC_AR}}@endif" />
                                                </div>
                                            </div>
                                        </div>
                                        <p><b>Smart Report Description</b></p>
                                        <div class="row">
                                            <div class="col">

                                                <textarea class="form-control" rows="3" placeholder="English Description" name="long_desc_en">{{$test->SMART_DESC_EN??''}}</textarea>
                                            </div>
                                            <div class="col">

                                                <textarea style="direction: rtl" class="form-control" rows="3" placeholder="Arabic Description" name="long_desc_ar">{{$test->SMART_DESC_AR??''}}</textarea>
                                            </div>
                                        </div>
                                    <br>
                                    <div class="row">
                                         <div class="col-6">
                                         <p><b>Category</b></p>
                                            <select required class="form-control rhospital_id" name="category" id="category">
                                                 <option value="">Select Category</option>
                                                    @foreach($categories as $category)
                                                        <option @if(!empty($test) && $category->ID == $test->LAB_CATEGORY_ID) selected @endif value="{{$category->ID}}">{{$category->NAME_EN}}</option>
                                                     @endforeach
                                           </select>
                                         </div>

                                        <div class="col-6">
                                            <p><b>Test Code</b></p>
                                            <div class="input-group mb-3">
                                                <input type="text"  class="form-control @error('test_code') is-invalid @enderror" name="test_code" value="{{ old('test_code', $test->CODE ?? '') }}" />
                                            </div>
                                            <div style="color:red">@error('test_code'){{ $message }}@enderror</div>
                                        </div>
                                        <div class="col-6">
                                            <p><b>Test Integration Code</b></p>
                                            <div class="input-group mb-3">
                                                <input type="text" class="form-control" name="integration_code" value="@if(!empty($test->INTEGRATION_CODE)){{$test->INTEGRATION_CODE}}@endif" />
                                            </div>
                                        </div>

                                        <div class="col-6">
                                            <p><b>Loinc Code</b></p>
                                            <div class="input-group mb-3">
                                                <input type="text" class="form-control" name="loinc_code" value="@if(!empty($test->LOINC_CODE)){{$test->LOINC_CODE}}@endif" />
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <p><b>Client Test Code</b></p>
                                            <div class="input-group mb-3">
                                                <input type="text" class="form-control" name="client_test_code" value="@if(!empty($test->CLIENT_TEST_CODE)){{$test->CLIENT_TEST_CODE}}@endif" />
                                            </div>
                                        </div>

                                        <div class="col-6">
                                        <p><b>His Test Code</b></p>
                                        <div class="input-group mb-3">
                                                    <input type="text" class="form-control" name="his_test_code" value="@if(!empty($test->HIS_CODE)){{$test->HIS_CODE}}@endif" />
                                                </div>
                                        </div>
                                        <div class="col-6">
                                        <p><b>Test Symbol</b></p>
                                        <div class="input-group mb-3">
                                                    <input type="text" class="form-control" name="test_symbol" value="@if(!empty($test->SYMBOL)){{$test->SYMBOL}}@endif" />
                                                </div>
                                        </div>
                                        <div class="col-6">
                                        <p><b>Report Priority</b></p>
                                        <div class="input-group mb-3">
                                                    <input type="number" step="0.01" class="form-control" name="report_priority" value="@if(!empty($test->REPORT_PRIORITY)){{$test->REPORT_PRIORITY}}@endif" />
                                                </div>
                                        </div>
                                        <div class="col-6">
                                            <p><b>Website Priority</b></p>
                                            <div class="input-group mb-3">
                                                <input type="number" step="0.01" class="form-control" name="priority" value="@if(!empty($test->PRIORITY)){{$test->PRIORITY}}@endif" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col">
                                            <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                <input type="checkbox" class="custom-control-input" @if(!empty($test->ACTIVE_STATUS) && $test->ACTIVE_STATUS==1) checked="checked" @endif id="customSwitch1" name="active_status">
                                                <label class="custom-control-label" for="customSwitch1"> Active</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                <input type="checkbox" class="custom-control-input" @if(!empty($test->HAS_TEMPLATE) && $test->HAS_TEMPLATE==1) checked="checked" @endif id="has-template" name="has_template">
                                                <label class="custom-control-label" for="has-template"> Has Template</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                <input type="checkbox" class="custom-control-input" @if(!empty($test->IS_SERVICE) && $test->IS_SERVICE==1) checked="checked" @endif id="is-service" name="is_service">
                                                <label class="custom-control-label" for="is-service">Is Service</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                <input type="checkbox" class="custom-control-input" @if(!empty($test->IS_GENETIC) && $test->IS_GENETIC==1) checked="checked" @endif id="is-genetic" name="is_genetic">
                                                <label class="custom-control-label" for="is-genetic">Is Genetic</label>
                                            </div>
                                        </div>
                                    </div>
                                        <div class="row">
                                            <div class="col">
                                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                    <input type="checkbox" class="custom-control-input" @if(!empty($test->IS_CONFIDENTIAL) && $test->IS_CONFIDENTIAL==1) checked="checked" @endif id="is-confidential" name="is_confidential">
                                                    <label class="custom-control-label" for="is-confidential">Confidential</label>
                                                </div>
                                            </div>
                                        </div>
                                    <div class="row">
                                        <div class="col">
                                            <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                <input type="checkbox" class="custom-control-input" @if(!empty($test->IS_HIDE_SMART_REPORT) && $test->IS_HIDE_SMART_REPORT==1) checked="checked" @endif id="is-hide-smart-report" name="is_hide_smart_report">
                                                <label class="custom-control-label" for="is-hide-smart-report">Hide Smart Report</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                <input type="checkbox" class="custom-control-input" @if(!empty($test->AI_RECOMMENDABLE) && $test->AI_RECOMMENDABLE==1) checked="checked" @endif id="ai-recommendable" name="ai_recommendable">
                                                <label class="custom-control-label" for="ai-recommendable">AI Recommendable</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                <input type="checkbox" class="custom-control-input" @if(!empty($test->IS_OFFER) && $test->IS_OFFER==1) checked="checked" @endif id="is-offer" name="is_offer">
                                                <label class="custom-control-label" for="is-offer"> Is Offer</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                <input type="checkbox" class="custom-control-input" @if(!empty($test->IS_RESULT_OPTION) && $test->IS_RESULT_OPTION==1) checked="checked" @endif id="is-result-option" name="is_result_option">
                                                <label class="custom-control-label" for="is-result-option">Result Option</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                <input type="checkbox" class="custom-control-input" @if(!empty($test->IS_INTERNAL) && $test->IS_INTERNAL==1) checked="checked" @endif id="is-internal" name="is_internal">
                                                <label class="custom-control-label" for="is-internal">Multi Sample ID</label>
                                            </div>
                                        </div>
                                    </div>
                                        <div class="row">
                                        <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" @if(!empty($test->HIDE_HISTORICAL_REPORT) && $test->HIDE_HISTORICAL_REPORT==1) checked="checked" @endif id="is_hide_historical_report" name="is_hide_historical_report">
                                                <label class="custom-control-label" for="is_hide_historical_report">Hide Historical Report</label>
                                            </div>
                                        </div>
                                            </div>
                                        <div class="row">
                                            <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" @if(!empty($test->HIDE_COUNT) && $test->HIDE_COUNT==1) checked="checked" @endif id="HIDE_COUNT" name="hide_count">
                                                    <label class="custom-control-label" for="HIDE_COUNT">Hide Count</label>
                                                </div>
                                            </div>
                                        </div>

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

                                <div class="tab-pane fade" id="custom-content-below-profile" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
                                    <div class="row">
                                        <div class="col">
                                                <table id="test-hospital-table" class="table table-bordered table-striped table-hover">
                                                    <thead>
                                                    <tr>
                                                        <th>Branch</th>
                                                        <th>Type</th>
                                                        <th>Price</th>
                                                        <th>Cost Price</th>
                                                        <th>Operation Disable Booking</th>
                                                        <th>Website Disable Booking</th>
                                                        <th>Mobile Disable Booking</th>
                                                        <th>Reference Range</th>
                                                        <th>Template</th>
                                                        <th style="width: 130px;">Action</th>
                                                    </tr>
                                                    </thead>
                                                    @permission('mange_administration_tests')
                                                    <tfoot>
                                                    <tr>
                                                        <td colspan="9"></td>
                                                        <td>
                                                            <button  class="btn btn-danger btn-block rounded" style="display: none"  id="confirmDeleteAllTests" test-id="{{$test->ID??null}}" title="remove all tests">Remove All</button>
                                                        </td>
                                                    </tr>
                                                    </tfoot>
                                                    @endpermission
                                                </table>

                                        </div>
                                    </div>
                                    @permission('mange_administration_tests')
                                    <div class="row">
                                        <div class="col" style="text-align: center">
                                            <button style="width:130px;color:#fff" data-toggle="modal" data-target="#modal-lg" id="add-test" class="btn btn-info">Add Branch</button>
                                        </div>
                                    </div>
                                    @endpermission
                                </div>
                                @if(!empty($test->IS_RESULT_OPTION))
                                <div class="tab-pane fade" id="custom-content-parameters-control" role="tabpanel" aria-labelledby="custom-content-parameters-control-tab">
                                    <div class="row">
                                        <div class="col">
                                            <table id="test-parameters-table" class="table table-bordered table-striped table-hover" style="width:100%;">
                                                <thead>
                                                <tr>
                                                    <th>Name (EN)</th>
                                                    <th>Type</th>
                                                    <th>Unit</th>
                                                    <th>Code</th>
                                                    <th>Normal Range</th>
                                                    <th style="width: 130px;">Action</th>
                                                </tr>
                                                </thead>
                                            </table>
                                        </div>
                                    </div>
                                    @permission('mange_administration_tests')
                                    <div class="row">
                                        <div class="col" style="text-align: center">
                                            <button style="width:160px;color:#fff" id="add-parameter" class="btn btn-info"><i class="fas fa-plus mr-1"></i>Add Parameter</button>
                                        </div>
                                    </div>
                                    @endpermission
                                </div>
                                @endif

                                <div class="tab-pane fade" id="custom-content-clients" role="tabpanel" aria-labelledby="custom-content-clients-tab">
                                    <div class="row">
                                        <div class="col">
                                                <table id="test-client-table" class="table table-bordered table-striped table-hover">
                                                    <thead>
                                                    <tr>
                                                        <th>Client</th>
                                                        <th>Type</th>
                                                        <th>Price</th>
                                                        <th>Cost Price</th>
                                                        <th>Exclude</th>
                                                        <th>QTY Limit</th>
                                                        <th>Client Group</th>
                                                        <th>Client Code</th>
                                                        <th style="width: 130px;">Action</th>
                                                    </tr>
                                                    </thead>
                                                </table>

                                        </div>
                                    </div>
                                    @permission('mange_administration_tests')
                                    <div class="row">
                                        <div class="col" style="text-align: center">
                                            <button style="width:130px;color:#fff" data-toggle="modal" data-target="#modal-lg-client" id="add-test-client" class="btn btn-info">Add Client</button>
                                            <button style="width:130px;color:#fff" id="remove-all-clients" class="btn btn-danger">Remove All</button>
                                        </div>
                                    </div>
                                    @endpermission
                                </div>
                                <div class="tab-pane fade" id="custom-content-linked-test" role="tabpanel" aria-labelledby="custom-content-linked-test-tab">
                                    <div class="row">
                                        <div class="col">
                                           <table id="test-linked-table" class="table table-bordered table-striped">
                                                <thead>
                                                <tr>
                                                    <th>Test</th>
                                                    <th>Enable Other Price</th>
                                                    <th>Other Price</th>
                                                    <th>Hide Result</th>
                                                    <th style="width: 130px;">Action</th>
                                                </tr>
                                                </thead>

                                            </table>
                                        </div>
                                    </div>
                                    @permission('mange_administration_tests')
                                    <div class="row">
                                        <div class="col" style="text-align: center">
                                            <button style="width:130px;color:#fff" data-toggle="modal"
                                            data-target="#modal-test-link" id="link-test-item" class="btn btn-info">Link Test</button>
                                        </div>
                                    </div>
                                    @endpermission
                                </div>
                                <div class="tab-pane fade" id="custom-content-linked-results" role="tabpanel" aria-labelledby="custom-content-linked-results-tab">
                                    <div class="row">
                                        <div class="col">
                                           <table id="linked-result-table" class="table table-bordered table-striped">
                                                <thead>
                                                <tr>
                                                    <th>Test</th>
                                                    <th style="width: 130px;">Action</th>
                                                </tr>
                                                </thead>
                                            </table>
                                        </div>
                                    </div>
                                    @permission('mange_administration_tests')
                                    <div class="row">
                                        <div class="col" style="text-align: center">
                                            <button style="width:160px;color:#fff" data-toggle="modal"
                                            data-target="#modal-linked-result" id="add-linked-result-item" class="btn btn-info">Add Test</button>
                                        </div>
                                    </div>
                                    @endpermission
                                </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 id="test-item-table" class="table table-bordered table-striped">
                                                <thead>
                                                <tr>
                                                    <th>Test English Name</th>
                                                    <th>Test Arabic name</th>
                                                    <th style="width: 130px;">Action</th>
                                                </tr>
                                                </thead>

                                            </table>
                                        </div>
                                    </div>
                                    <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 Item</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="custom-content-below-sample-generation" role="tabpanel" aria-labelledby="custom-content-below-sample-generation-tab">
                                    <div class="card-body">
                                        <table id="tests-sample-generation-datatable" class="table table-bordered table-striped">
                                            <thead>
                                            <tr>
                                                <th>Sample generation</th>
                                                <th>Registration Branch</th>
                                                <th>Processing Unit</th>
                                                <th>Barcode Label </th>
                                                <th>Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                        <div class="row">
                                            <div class="col" style="text-align: center">
                                                @permission('view_sample_generation_by_test')
                                                <button style="width:200px;color:#fff" data-toggle="modal" data-target="#modal-test-sample-generation" id="sample-generation-test-modal" class="btn btn-info">Add Sample Generation</button>
                                                @endpermission
                                            </div>
                                        </div>
                                        <!-- Delete Confirmation Modal -->
                                        <div class="modal fade" id="deleteConfirmationModal" tabindex="-1" role="dialog" aria-labelledby="deleteConfirmationModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="deleteConfirmationModalLabel">Confirm Delete</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        Are you sure you want to delete this sample generation?
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                                                        <button type="button" class="btn btn-danger" id="confirmDeleteButton">Delete</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <div class="tab-pane fade" id="custom-content-below-sample-condition" role="tabpanel" aria-labelledby="custom-content-below-sample-condition-tab">
                                    <div class="card-body">
                                        <table id="tests-sample-condition-datatable" class="table table-bordered table-striped">
                                            <thead>
                                            <tr>
                                                <th>Text EN</th>
                                                <th>Text AR</th>
                                                <th>Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                        <div class="row">
                                            <div class="col" style="text-align: center">
                                                @permission('view_sample_condition_by_test')
                                                <button style="width:200px;color:#fff" data-toggle="modal" data-target="#modal-test-sample-condition" id="sample-condition-test-modal" class="btn btn-info">Add Sample Condition</button>
                                                @endpermission
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="custom-content-below-genetic-test-setup" role="tabpanel" aria-labelledby="custom-content-below-genetic-test-setup-tab">
                                    <div class="card-body">
                                        <form method="post" action="/operations/genetic-family-members" enctype="multipart/form-data">
                                            <input id="indivisual_test_id" type="hidden" name="indivisual_test_id" value="@if(!empty($test->ID)){{$test->ID}}@endif">
                                            <div class="row">
                                                <div class="col-6">
                                                    <label for="REQUIRE_FAMILY_MEMBERS">Require Family Members</label>
                                                    <select id="REQUIRE_FAMILY_MEMBERS" name="REQUIRE_FAMILY_MEMBERS" class="form-control">
                                                        <option value="0" {{ !empty($test->ID) && $test->REQUIRE_FAMILY_MEMBERS == 0 ? 'selected' : '' }}>No</option>
                                                        <option value="1" {{ !empty($test->ID) && $test->REQUIRE_FAMILY_MEMBERS == 1 ? 'selected' : '' }}>Yes</option>
                                                    </select>
                                                </div>

                                                <div class="col-6" id="family_members_count_field" style="display: {{  !empty($test->ID) && $test->REQUIRE_FAMILY_MEMBERS == 1 ? 'block' : 'none' }};">
                                                    <label for="FAMILY_MEMBERS_COUNT">Number of Family Members</label>
                                                    <input type="number" id="FAMILY_MEMBERS_COUNT" name="FAMILY_MEMBERS_COUNT" class="form-control" min="1" value="{{  !empty($test->ID) ? $test->FAMILY_MEMBERS_COUNT :''}}">
                                                </div>
                                            </div>
                                            <div class="row mt-3">
                                                <div class="col-6" id="price_per_all_field" style="display: {{ !empty($test->ID) && $test->REQUIRE_FAMILY_MEMBERS == 1 ? 'block' : 'none' }};">
                                                    <div class="form-check" style="margin-bottom: 10px;">
                                                        <input class="form-check-input" type="checkbox" id="PRICE_PER_MEMBER_ENABLED" name="PRICE_PER_MEMBER_ENABLED" value="1"
                                                               {{  !empty($test->ID) && $test->PRICE_PER_MEMBER_ENABLED ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="PRICE_PER_MEMBER_ENABLED">
                                                            Enable Price Per Member
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="col-6">
                                                    <div id="price_per_member_input_field" style="display: {{  !empty($test->ID) && $test->PRICE_PER_MEMBER_ENABLED ? 'block' : 'none' }};">
                                                        <label for="PRICE_PER_MEMBER">Price Per Member</label>
                                                        <input type="number" name="PRICE_PER_MEMBER" id="PRICE_PER_MEMBER" class="form-control"
                                                               value="{{  !empty($test->ID) ? $test->PRICE_PER_MEMBER :'' }}">
                                                    </div>
                                                </div>
                                            </div>
                                            </div>
                                            <div class="row mt-5">
                                                <div class="col" style="text-align: center">
                                                    @permission('mange_administration_tests')
                                                        <input type="submit" class="btn btn-info" value="Update Genetic Setup" />
                                                    @endpermission
                                                </div>
                                            </div>
                                        </form>

                                        <!-- NG Codes Table -->
                                        <div class="row mt-5">
                                            <div class="col">
                                                <h4>NG Codes</h4>
                                                <table id="ng-codes-table" class="table table-bordered table-striped">
                                                    <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Name</th>
                                                        <th>Code</th>
                                                        <th>Start Number</th>
                                                        <th>Action</th>
                                                    </tr>
                                                    </thead>
                                                </table>
                                            </div>
                                        </div>
                                        @permission('mange_administration_tests')
                                        <div class="row">
                                            <div class="col" style="text-align: center">
                                                <button style="width:130px;color:#fff" data-toggle="modal" data-target="#modal-lg-ng-code" id="add-ng-code" class="btn btn-info">Add NG Code</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-lg">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Add Branch</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="collection-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-hospital" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Branch</p>
                                <select class="form-control rhospital_id" multiple id="test-hospital-id" name="test_hospital_id[]">
                                    @foreach($hospitals as $hospital)
                                        <option class="hospital-option" value="{{$hospital->ID}}">{{$hospital->NAME_EN}}</option>
                                    @endforeach
                                </select>
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input"  id="select-all">
                                    <label class="custom-control-label" for="select-all" style="margin-right: 10px;font-weight: 300;">Select All</label>
                                </div>
                            </div>
                            <div class="col-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Type</p>
                                <select  class="form-control" id="test-type" name="test_type">
                                    <option value="1" >Normal</option>
                                    <option value="2" >Home Visit</option>
                                </select>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-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" value="0" type="number" id="test-price" name="test_price" />
                            </div>
                            <div class="col-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Cost Price</p>
                                <input style="padding:15px" class="form-control" required step="0.01" value="0" type="number" id="test-cost-price" name="test_cost_price" />
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col">
                                @if(isset($test->HAS_TEMPLATE) && $test->HAS_TEMPLATE)
                                    <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Templates </p>
                                    <select required class="form-control rhospital_id" id="test-template">
                                        <option value="">Select Template</option>
                                        @foreach($templates as $template)
                                            <option @if(!empty($test) && $template->ID == $test->TEMPLATE_ID) selected @endif value="{{$template->ID}}">{{$template->NAME_EN}}</option>
                                        @endforeach
                                    </select>
                                @else
                                    <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Profile Reference Range </p>
                                    <select required class="form-control rhospital_id" name="test-ref-range" id="test-ref-range">
                                        <option value="">Select Reference Range</option>
                                        @foreach($ref_ranges as $ref_range)
                                            <option @if(!empty($test) && $ref_range->ID == $test->REF_RANGE_TYPE_ID) selected @endif value="{{$ref_range->ID}}">{{$ref_range->NAME_EN}}</option>
                                        @endforeach
                                    </select>
                                @endif
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-6">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="disable-booking" name="disable_booking">
                                    <label class="custom-control-label" for="disable-booking" style="margin-right: 10px;font-weight: 300;">Operation Disable Booking</label>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="website-disable-booking" name="disable_booking" checked>
                                    <label class="custom-control-label" for="website-disable-booking" style="margin-right: 10px;font-weight: 300;">Website Disable Booking</label>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="mobile-disable-booking" name="disable_booking" checked>
                                    <label class="custom-control-label" for="mobile-disable-booking" style="margin-right: 10px;font-weight: 300;">Mobile Disable Booking</label>
                                </div>
                            </div>
                        </div>
                    </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" id="add-new-hospital-package"  type="button" class="btn btn-info">Save</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <div class="modal fade" id="modal-lg-client">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Add Client</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="collection-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-client" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Client Group</p>
                                <select class="form-control" id="client-group-filter" name="client_group_filter">
                                    <option value="">All Groups</option>
                                    @foreach($clientGroups as $group)
                                        <option value="{{$group->ID}}">{{$group->NAME}}-{{$group->CODE}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Type</p>
                                <select  class="form-control" id="test-client-type" name="test_type">
                                    <option value="1" >Normal</option>
                                    <option value="2" >Home Visit</option>
                                </select>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Client</p>
                                <select class="form-control rhospital_id" multiple id="test-client-id" name="test_client_id[]">
                                    @foreach($clients as $client)
                                        <option class="client-option" value="{{$client->ID}}" data-group-id="{{$client->CLIENT_GROUP_ID}}">{{$client->CLIENT_NAME}}</option>
                                    @endforeach
                                </select>
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input"  id="select-all-clients">
                                    <label class="custom-control-label" for="select-all-clients" style="margin-right: 10px;font-weight: 300;">Select All</label>
                                </div>
                            </div>
                            <div class="col-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" value="0" type="number" id="test-client-price" name="test_price" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Cost Price</p>
                                <input style="padding:15px" class="form-control" required step="0.01" value="0" type="number" id="test-client-cost-price" name="test_cost_price" />
                            </div>
                        </div>
                    </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" id="add-new-client-package"  type="button" class="btn btn-info">Save</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <div class="modal fade" id="modal-test-link">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Link Test</h3>
                <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-md-12" style="text-align: center;">
                    <div class="alert alert-danger alert-danger-rule" role="alert" style="display: none;"></div>
                    </div>
                </div>
                <div class="row" style="margin-top:20px">

                    <div class="col-md-12">
                    <div class="form-group">
                        <label for="exampleFormControlSelect1">Select Test</label>
                        <select  class="form-control rhospital_id" id="test_id" name="test_id" required>
                        <option value="">Select Test</option>
                        @foreach($tests as $package)
                            <option value="{{$package->ID}}">{{$package->NAME_EN}}</option>
                        @endforeach
                        </select>
                    </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <div class="custom-control custom-switch mt-2">
                                <input type="checkbox" class="custom-control-input" id="customSwitchWithPrice" name="empty_price">
                                <label class="custom-control-label" for="customSwitchWithPrice">Other Price</label>
                            </div>
                            <input type="number" class="form-control mt-3" name="other_price" id="other_price" placeholder="Enter Price" style="display: none;">
                        </div>
                    </div>

                    <div class="col col-4">
                       <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                          <input type="checkbox" class="custom-control-input" id="customSwitchDisableReport" name="disable_report">
                        <label class="custom-control-label" for="customSwitchDisableReport"> Hide Result</label>
                         </div>
                     </div>
                </div>

            </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="link-new-test"
                    class="btn btn-info">Save</button>
            </div>
        </div>

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

<div class="modal fade" id="modal-linked-result">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Add Linked Result Test</h3>
                <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-md-12" style="text-align: center;">
                        <div class="alert alert-danger alert-danger-linked-result" role="alert" style="display: none;"></div>
                    </div>
                </div>
                <div class="row" style="margin-top:20px">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label>Select Tests</label>
                            <select class="form-control rhospital_id" id="linked_result_test_id" name="linked_result_test_id[]" multiple required>
                                @foreach($tests as $package)
                                    <option value="{{$package->ID}}">{{$package->NAME_EN}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </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" id="save-linked-result" class="btn btn-info">Save</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-test-sample-generation">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Add Sample Generation</h3>
                <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-md-12" style="text-align: center;">
                        <div class="alert alert-danger alert-danger-sample" role="alert" style="display: none;"></div>
                    </div>
                </div>
                <div class="row" style="margin-top:20px">

                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="sample-registration-branch-id">Select Registration Branch</label>
                            <select class="form-control rhospital_id" id="sample-registration-branch-id">
                                @foreach($primary_hospitals as $primary)
                                    <option value="{{$primary->ID}}">{{$primary->NAME_EN}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="sample-process-unit-id">Select Process Unit</label>
                            <select class="form-control rhospital_id" id="sample-process-unit-id">
                                <option value="">Select Process Unit</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="test-sample-generation-id">Select Sample Generation</label>
                            <select class="form-control rhospital_id" id="test-sample-generation-id">
                                <option value="">Select Sample Generation</option>
                            </select>
                        </div>
                    </div>
                </div>

            </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-test-sample-generation" class="btn btn-info">Save</button>
            </div>
        </div>

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

<div class="modal fade" id="modal-test-sample-condition">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Add Sample Condition</h3>
                <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-md-12" style="text-align: center;">
                        <div class="alert alert-danger alert-danger-sample-condition" role="alert" style="display: none;"></div>
                    </div>
                </div>
                <div class="row" style="margin-top:20px">

                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="sample-condition-text-en">Text EN</label>
                            <input type="text" class="form-control" id="sample-condition-text-en">
                        </div>
                        <div class="form-group">
                            <label for="sample-condition-text-ar">Text AR</label>
                            <input type="text" class="form-control" id="sample-condition-text-ar">
                        </div>
                    </div>
                </div>

            </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-test-sample-condition" class="btn btn-info">Save</button>
            </div>
        </div>

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

@if(!empty($test->IS_RESULT_OPTION))
<div class="modal fade" id="modal-parameter">
    <div class="modal-dialog modal-lg modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header" style="background:#ba395e;color:#fff;">
                <h5 class="modal-title"><i class="fas fa-vial mr-2"></i><span id="parameter-modal-title">Add Parameter</span></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#fff;opacity:.9;"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <div class="row"><div class="col"><div class="alert alert-danger alert-danger-parameter" role="alert" style="display:none;"></div></div></div>
                <input type="hidden" id="parameter-id" value="">
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label><b>Name (EN) <span class="text-danger">*</span></b></label>
                        <input type="text" class="form-control" id="parameter-name-en">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label><b>Name (AR)</b></label>
                        <input type="text" class="form-control" id="parameter-name-ar" style="direction:rtl;">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 mb-3">
                        <label><b>Type</b></label>
                        <select class="form-control" id="parameter-type">
                            <option value="DOUBLE">Numeric (Double)</option>
                            <option value="TEXT">Text</option>
                            <option value="TEXTAREA">Text Area</option>
                            <option value="TIME">Time</option>
                            <option value="SELECT">Select (single)</option>
                            <option value="MULTIPLE">Select (multiple)</option>
                        </select>
                    </div>
                    <div class="col-md-4 mb-3">
                        <label><b>Unit</b></label>
                        <input type="text" class="form-control" id="parameter-unit">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label><b>Sort</b></label>
                        <input type="number" class="form-control" id="parameter-sort">
                    </div>
                </div>
                <div class="row parameter-normal-range">
                    <div class="col-md-6 mb-3">
                        <label><b>Min Normal</b></label>
                        <input type="number" step="any" class="form-control" id="parameter-min-normal">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label><b>Max Normal</b></label>
                        <input type="number" step="any" class="form-control" id="parameter-max-normal">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label><b>Description (EN)</b></label>
                        <input type="text" class="form-control" id="parameter-desc-en">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label><b>Description (AR)</b></label>
                        <input type="text" class="form-control" id="parameter-desc-ar" style="direction:rtl;">
                    </div>
                </div>
                <div id="parameter-code-wrap" class="row" style="display:none;">
                    <div class="col-md-6 mb-3">
                        <label><b>Code (auto)</b></label>
                        <input type="text" class="form-control" id="parameter-code" readonly>
                    </div>
                </div>
                <div id="parameter-options-wrap" style="display:none;">
                    <hr>
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <h6 class="mb-0"><b>Options</b></h6>
                        <button type="button" class="btn btn-sm btn-outline-info" id="add-parameter-option"><i class="fas fa-plus mr-1"></i>Add Option</button>
                    </div>
                    <table class="table table-sm" id="parameter-options-table">
                        <thead><tr><th>Name (EN)</th><th>Name (AR)</th><th style="width:90px;text-align:center;">Normal</th><th style="width:50px;"></th></tr></thead>
                        <tbody></tbody>
                    </table>
                </div>
            </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="button" id="save-parameter" class="btn btn-info">Save</button>
            </div>
        </div>
    </div>
</div>
@endif

@endsection
@section('footer-scripts')
    <script>
        @if(!empty($test->IS_RESULT_OPTION))
        // ===== Parameters Control (result-option test) =====
        (function () {
            var testId = {{ $test->ID ?? 0 }};
            var $modal = $('#modal-parameter');
            var SELECT_TYPES = ['SELECT', 'MULTIPLE'];

            var parametersTable = $('#test-parameters-table').DataTable({
                responsive: true,
                autoWidth: false,
                serverSide: true,
                processing: true,
                ajax: '/operations/data/tests/' + testId + '/parameters',
                order: [[0, 'asc']],
                columns: [
                    { data: 'NAME_EN', name: 'NAME_EN' },
                    { data: 'TYPE', name: 'TYPE', defaultContent: '' },
                    { data: 'UNIT', name: 'UNIT', defaultContent: '' },
                    { data: 'CODE', name: 'CODE', defaultContent: '' },
                    { data: null, orderable: false, searchable: false, render: function (d, t, row) {
                        var min = (row.MIN_NORMAL !== null && row.MIN_NORMAL !== undefined) ? row.MIN_NORMAL : '';
                        var max = (row.MAX_NORMAL !== null && row.MAX_NORMAL !== undefined) ? row.MAX_NORMAL : '';
                        return (min === '' && max === '') ? '-' : (min + ' - ' + max);
                    }},
                    { data: 'ID', orderable: false, searchable: false, render: function (id) {
                        @permission('mange_administration_tests')
                        return '<button class="btn btn-sm btn-info edit-parameter" data-id="' + id + '"><i class="fas fa-edit"></i></button> '
                             + '<button class="btn btn-sm btn-danger delete-parameter" data-id="' + id + '"><i class="fas fa-trash"></i></button>';
                        @else
                        return '';
                        @endpermission
                    }}
                ]
            });

            function reloadParameters() { parametersTable.ajax.reload(null, false); }

            function toggleTypeFields() {
                var type = $('#parameter-type').val();
                var isSelect = SELECT_TYPES.indexOf(type) !== -1;
                $('#parameter-options-wrap').toggle(isSelect);
                $('.parameter-normal-range').toggle(type === 'DOUBLE');
            }
            $('#parameter-type').on('change', toggleTypeFields);

            function esc(v) { return v ? $('<div>').text(v).html() : ''; }
            function optionRow(opt) {
                opt = opt || {};
                return '<tr>'
                    + '<td><input type="text" class="form-control form-control-sm opt-name-en" value="' + esc(opt.NAME_EN) + '" data-id="' + (opt.ID || '') + '"></td>'
                    + '<td><input type="text" class="form-control form-control-sm opt-name-ar" style="direction:rtl;" value="' + esc(opt.NAME_AR) + '"></td>'
                    + '<td style="text-align:center;"><input type="checkbox" class="opt-is-normal" ' + (opt.IS_NORMAL ? 'checked' : '') + '></td>'
                    + '<td style="text-align:center;"><button type="button" class="btn btn-sm btn-outline-danger remove-option"><i class="fas fa-times"></i></button></td>'
                    + '</tr>';
            }
            $('#add-parameter-option').on('click', function () { $('#parameter-options-table tbody').append(optionRow()); });
            $('#parameter-options-table').on('click', '.remove-option', function () { $(this).closest('tr').remove(); });

            function resetModal() {
                $('#parameter-id').val('');
                $('#parameter-name-en, #parameter-name-ar, #parameter-unit, #parameter-sort, #parameter-min-normal, #parameter-max-normal, #parameter-desc-en, #parameter-desc-ar, #parameter-code').val('');
                $('#parameter-type').val('DOUBLE');
                $('#parameter-options-table tbody').empty();
                $('#parameter-code-wrap').hide();
                $('.alert-danger-parameter').hide().html('');
                toggleTypeFields();
            }

            $('#add-parameter').on('click', function () {
                resetModal();
                $('#parameter-modal-title').text('Add Parameter');
                $modal.modal('show');
            });

            $('#test-parameters-table tbody').on('click', '.edit-parameter', function () {
                var id = $(this).data('id');
                resetModal();
                $.get('/operations/tests/parameters/' + id).done(function (p) {
                    $('#parameter-modal-title').text('Edit Parameter');
                    $('#parameter-id').val(p.ID);
                    $('#parameter-name-en').val(p.NAME_EN || '');
                    $('#parameter-name-ar').val(p.NAME_AR || '');
                    $('#parameter-type').val(p.TYPE || 'DOUBLE');
                    $('#parameter-unit').val(p.UNIT || '');
                    $('#parameter-sort').val(p.SORT != null ? p.SORT : '');
                    $('#parameter-min-normal').val(p.MIN_NORMAL != null ? p.MIN_NORMAL : '');
                    $('#parameter-max-normal').val(p.MAX_NORMAL != null ? p.MAX_NORMAL : '');
                    $('#parameter-desc-en').val(p.DESC_EN || '');
                    $('#parameter-desc-ar').val(p.DESC_AR || '');
                    $('#parameter-code').val(p.CODE || '');
                    $('#parameter-code-wrap').toggle(!!p.CODE);
                    (p.LABCATEGORYPACKAGERESULTOPTIONS || []).forEach(function (o) { $('#parameter-options-table tbody').append(optionRow(o)); });
                    toggleTypeFields();
                    $modal.modal('show');
                }).fail(function (x) { toastr.error((x.responseJSON && x.responseJSON.errorMessage) || 'Error loading parameter'); });
            });

            $('#save-parameter').on('click', function () {
                var nameEn = $.trim($('#parameter-name-en').val());
                if (!nameEn) { $('.alert-danger-parameter').html('Name (EN) is required').show(); return; }
                var id = $('#parameter-id').val();
                var payload = {
                    NAME_EN: nameEn,
                    NAME_AR: $('#parameter-name-ar').val(),
                    TYPE: $('#parameter-type').val(),
                    UNIT: $('#parameter-unit').val(),
                    SORT: $('#parameter-sort').val(),
                    MIN_NORMAL: $('#parameter-min-normal').val(),
                    MAX_NORMAL: $('#parameter-max-normal').val(),
                    DESC_EN: $('#parameter-desc-en').val(),
                    DESC_AR: $('#parameter-desc-ar').val(),
                    options: []
                };
                if (SELECT_TYPES.indexOf(payload.TYPE) !== -1) {
                    $('#parameter-options-table tbody tr').each(function () {
                        var n = $.trim($(this).find('.opt-name-en').val());
                        if (!n) return;
                        payload.options.push({
                            ID: $(this).find('.opt-name-en').data('id') || '',
                            NAME_EN: n,
                            NAME_AR: $(this).find('.opt-name-ar').val(),
                            IS_NORMAL: $(this).find('.opt-is-normal').is(':checked') ? 1 : 0
                        });
                    });
                }
                var url = id ? ('/operations/tests/parameters/' + id) : ('/operations/tests/' + testId + '/parameters');
                var $btn = $(this);
                $btn.html('<span class="spinner-border spinner-border-sm"></span>').prop('disabled', true);
                $.ajax({ type: 'POST', url: url, data: JSON.stringify(payload), contentType: 'application/json; charset=utf-8' })
                    .done(function () { $modal.modal('hide'); reloadParameters(); toastr.success('Parameter saved'); })
                    .fail(function (x) { $('.alert-danger-parameter').html((x.responseJSON && x.responseJSON.errorMessage) || 'Error saving parameter').show(); })
                    .always(function () { $btn.html('Save').prop('disabled', false); });
            });

            $('#test-parameters-table tbody').on('click', '.delete-parameter', function () {
                var id = $(this).data('id');
                if (!confirm('Delete this parameter and its options?')) return;
                $.ajax({ type: 'DELETE', url: '/operations/tests/parameters/' + id, contentType: 'application/json; charset=utf-8' })
                    .done(function () { reloadParameters(); toastr.success('Parameter deleted'); })
                    .fail(function (x) { toastr.error((x.responseJSON && x.responseJSON.errorMessage) || 'Error deleting parameter'); });
            });
        })();
        @endif
        $('#select-all').on("click", function (e) {
            if($("#select-all").is(':checked'))
            {
                $(".rhospital_id > .hospital-option").prop("selected","selected");
                $(".rhospital_id").trigger("change");
            }
            else{
                $(".rhospital_id > .hospital-option").prop("selected","");
                $(".rhospital_id").trigger("change");
            }

        });
        $('#select-all-clients').on("click", function (e) {
            if($("#select-all-clients").is(':checked'))
            {
                $(".rhospital_id > .client-option").prop("selected","selected");
                $(".rhospital_id").trigger("change");
            }
            else{
                $(".rhospital_id > .client-option").prop("selected","");
                $(".rhospital_id").trigger("change");
            }

        });
        $('#client-group-filter').on("change", function (e) {
            var groupId = $(this).val();
            $(".rhospital_id > .client-option").prop("selected","");
            if(groupId) {
                $(".rhospital_id > .client-option[data-group-id='" + groupId + "']").prop("selected", "selected");
            }
            $(".rhospital_id").trigger("change");
        });
        @if(!empty($test->ID))
            @permission('view_sample_generation_by_test')
            function testSampleGenerationDatatable() {
                const table = $("#tests-sample-generation-datatable").DataTable({
                    "searchDelay": 600,
                    "responsive": true,
                    dom: 'lBfrtip',
                    "buttons": ['copy', 'csv', 'excel', 'pdf', 'print'],
                    "lengthMenu": [[10, 25, 50, 100, 500, 1000], [10, 25, 50, 100, 500, 1000]],
                    "autoWidth": false,
                    serverSide: true,
                    "processing": true,
                    ajax: {
                        url: '/operations/test/{{$test->ID}}/sample-generation',
                    },
                    "order": [[0, "desc"]],
                    columns: [
                        { data: "NAME_EN", name: "NAME_EN" },
                        { data: "hospital_name", name: "HOSPITAL.NAME_EN" },
                        { data: "profile_name", name: "PROFILE_UNIT.NAME_EN" },
                        { data: "BARCODE_LABEL", name: "SAMPLE_GENERATION.BARCODE_LABEL" },
                        {
                            data: null,
                            orderable: false,
                            searchable: false,
                            render: function (data, type, row) {
                                return `<button class="btn btn-danger btn-sm remove-btn" data-id="${row.sample_test_id}">Remove</button>`;
                            }
                        }
                    ],
                });

                let deleteId = null;
                let isRemoveAll = false;

                // Hide or show the remove all button based on the table records
                table.on('draw', function () {
                    if (table.data().count() === 0) {
                        $("#removeAllButton").hide();
                    } else {
                        $("#removeAllButton").show();
                    }

                    // Unbind any previous event handlers and bind the event only once
                    $("#tests-sample-generation-datatable").off("click", ".remove-btn").on("click", ".remove-btn", function () {
                        deleteId = $(this).data("id");
                        $("#deleteConfirmationModal .modal-body").text(
                            "Are you sure you want to delete this sample generation test?"
                        );
                        $("#deleteConfirmationModal").modal("show");
                    });
                });

                $("<button class='btn btn-danger mb-3' id='removeAllButton'>Remove All</button>")
                    .insertAfter("#tests-sample-generation-datatable");

                // Remove All button
                $("#removeAllButton").off("click").on("click", function () {
                    isRemoveAll = true;
                    $("#deleteConfirmationModal .modal-body").text(
                        "Are you sure you want to remove all sample generation tests for this test?"
                    );
                    $("#deleteConfirmationModal").modal("show");
                });

                // Confirm delete action
                $("#confirmDeleteButton").off("click").on("click", function () {
                    if (isRemoveAll) {
                        // Handle Remove All
                        $.ajax({
                            url: `/operations/test/{{$test->ID}}/sample-generation/remove-all`,
                            method: "DELETE",
                            success: function (response) {
                                $("#deleteConfirmationModal").modal("hide");
                                toastr.success(response.message || "All items removed successfully.");
                                table.ajax.reload();
                            },
                            error: function (xhr) {
                                $("#deleteConfirmationModal").modal("hide");
                                toastr.error(xhr.responseJSON?.message || "An error occurred while removing all items.");
                            }
                        });
                    } else if (deleteId) {
                        // Handle single delete
                        $.ajax({
                            url: `/operations/test/sample-generation/${deleteId}/remove`,
                            method: "DELETE",
                            success: function (response) {
                                $("#deleteConfirmationModal").modal("hide");
                                toastr.success(response.message || "Item removed successfully.");
                                table.ajax.reload();
                            },
                            error: function (xhr) {
                                $("#deleteConfirmationModal").modal("hide");
                                toastr.error(xhr.responseJSON?.message || "An error occurred while removing the item.");
                            }
                        });
                    }

                    // Reset modal state
                    isRemoveAll = false;
                    deleteId = null;
                });
            }






        testSampleGenerationDatatable();




        $('#add-test-sample-generation').click(function(){
            $(".alert-danger-sample").slideUp( "slow", function() {});
            $('#add-test-sample-generation').html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
            var test_id = "{{$test->ID}}";
            var sample_generation_id = $("#test-sample-generation-id").val();
            var data = {
                test_id,
                sample_generation_id
            }
            $.ajax({
                type: "POST",
                url: "/operations/test/sample-generation",
                data: JSON.stringify(data),
                contentType: "application/json; charset=utf-8",
            }).done(function(data ) {
                $("#customSwitchWithPrice").prop("checked",false);
                $("#customSwitchDisableReport").prop("checked",false);
                $('#add-test-sample-generation').prop("disabled",false);
                $('#tests-sample-generation-datatable').DataTable().clear().destroy();
                testSampleGenerationDatatable();
                $('#modal-test-sample-generation').modal('hide');
                $("#removeAllButton").show();
                $('#add-test-sample-generation').html('Save').attr('disabled', false);
            }).fail(function(jqXHR, textStatus, errorThrown) {
                $('#add-test-sample-generation').prop("disabled",false);
                $(".alert-danger-sample").html(jqXHR.responseJSON.errorMessage);
                $(".alert-danger-sample").slideDown( "slow", function() {});
                $('#add-test-sample-generation').html('Save').attr('disabled', false);
            });
            return false;
        });





        function addProcessUnit() {
            $.ajax({
                type: "GET",
                url: "/operations/storage/get-process-unit-py-branch",
                data: {
                    branch_id: $("#sample-registration-branch-id").val()
                },
                contentType: "application/json; charset=utf-8",
            }).done(function (data) {
                var unit = $("#sample-process-unit-id");
                unit.empty();
                unit.append('<option value="">Select Process Unit</option>');
                $.each(data, function(index, process_unit) {
                    unit.append(`<option value="${process_unit.ID}" >${process_unit.NAME_EN}</option>`);
                });
                unit.trigger('change');
            });
        }
        addProcessUnit();


        function addSampleGeneration() {
            $.ajax({
                type: "GET",
                url: "/operations/storage/get-sample-generation-py-filter-data",
                data: {
                    branch_id: $("#sample-registration-branch-id").val(),
                    unit_id: $("#sample-process-unit-id").val()
                },
                contentType: "application/json; charset=utf-8",
            }).done(function (data) {
                var sample = $("#test-sample-generation-id");
                sample.empty();
                sample.append('<option value="">Select Sample Generation</option>');
                $.each(data, function(index, sample_generation) {
                    sample.append(`<option value="${sample_generation.ID}" >${sample_generation.NAME_EN}</option>`);
                });
                sample.trigger('change');
            });
        }

        $("#sample-registration-branch-id").change(function (){
            addProcessUnit();
        });
        $("#sample-process-unit-id").change(function (){
            addSampleGeneration();
        });


        @endpermission


        @permission('view_sample_condition_by_test')
        function testSampleConditionDatatable(){
            $("#tests-sample-condition-datatable").DataTable({
                "searchDelay": 600,
                "responsive": true,
                dom: 'lBfrtip',
                "buttons" : ['copy', 'csv', 'excel', 'pdf', 'print'],
                "lengthMenu": [[10, 25, 50, 100,500,1000], [10, 25, 50, 100,500,1000]],
                "autoWidth": false,
                serverSide: true,
                "processing": true,
                ajax: {
                    url :'/operations/test/{{$test->ID}}/sample-condition',
                },
                "order": [[ 0, "desc" ]],
                columns: [
                    { data: "TEXT_EN", name: "TEXT_EN" },
                    { data: "TEXT_AR", name: "TEXT_AR" },
                    { data: "ID", name: "ID" },
                ],
                "rowCallback": function( row, data ) {
                    $('td:eq(0)', row).html(`<a href="#" class="xedit-text-en" data-pk="${data["ID"]}" data-title="Enter Text">${data["TEXT_EN"]}</a>`);
                    $('td:eq(1)', row).html(`<a href="#" class="xedit-text-ar" data-pk="${data["ID"]}" data-title="Enter Text">${data["TEXT_AR"]}</a>`);
                    $('td:eq(2)', row).html('<a style="color:white !important;width: 130px;" class="remove-sample-condition form-control btn btn-danger" sample-condition-id="'+data["ID"]+'">Remove</a>');
                },
                "drawCallback": function( settings ) {
                    $(".xedit-text-en").editable({
                        type: 'text',
                        url: "/operations/test/sample-condition/text-en",
                    });
                        $(".xedit-text-ar").editable({
                            type: 'text',
                            url: "/operations/test/sample-condition/text-ar",
                        })
                }
            })
        }
        testSampleConditionDatatable();

        $("body").on("click", ".remove-sample-condition",function(){
            var sampleConditionId = $(this).attr("sample-condition-id");
            var testId = "{{$test->ID}}";

            $.ajax({
                type: "DELETE",
                url: "/operations/test/"+testId+"/sample-condition/"+sampleConditionId+"/delete",
                contentType: "application/json; charset=utf-8",
            }).done(function(data ) {
                $('#tests-sample-condition-datatable').DataTable().clear().destroy();
                testSampleConditionDatatable();
            }).fail(function(jqXHR, textStatus, errorThrown) {
                alert("Error while deleting sample condition test");
            });
            return false;
        });



        $("#sample-condition-test-modal").click(function (){
            $("#sample-condition-text-en").val('');
            $("#sample-condition-text-ar").val('');
        })

        $('#add-test-sample-condition').click(function(){
            $(".alert-danger-sample-condition").slideUp( "slow", function() {});
            $('#add-test-sample-condition').html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
            var test_id = "{{$test->ID}}";
            var text_en = $("#sample-condition-text-en").val();
            var text_ar = $("#sample-condition-text-ar").val();
            var data = {
                test_id,
                text_en,
                text_ar
            }
            $.ajax({
                type: "POST",
                url: "/operations/test/sample-condition",
                data: JSON.stringify(data),
                contentType: "application/json; charset=utf-8",
            }).done(function(data ) {
                $("#customSwitchWithPrice").prop("checked",false);
                $("#customSwitchDisableReport").prop("checked",false);
                $('#add-test-sample-condition').prop("disabled",false);
                $('#tests-sample-condition-datatable').DataTable().clear().destroy();
                testSampleConditionDatatable();
                $('#modal-test-sample-condition').modal('hide');
                $('#add-test-sample-condition').html('Save').attr('disabled', false);
            }).fail(function(jqXHR, textStatus, errorThrown) {
                $('#add-test-sample-condition').prop("disabled",false);
                $(".alert-danger-sample-condition").html(jqXHR.responseJSON.errorMessage);
                $(".alert-danger-sample-condition").slideDown( "slow", function() {});
                $('#add-test-sample-condition').html('Save').attr('disabled', false);
            });
            return false;
        });


        @endpermission
        @endif

        $(document).ready(function () {
            function toggleFamilyFields() {
                let requireFamily = $('#REQUIRE_FAMILY_MEMBERS').val();

                if (requireFamily == "1") {
                    $('#family_members_count_field').show();
                    $('#price_per_all_field').show();
                } else {
                    $('#family_members_count_field').hide();
                    $('#price_per_all_field').hide();
                }

                togglePricePerMember(); // call the toggle logic for price field as well
            }

            function togglePricePerMember() {
                if ($('#PRICE_PER_MEMBER_ENABLED').is(':checked')) {
                    $('#price_per_member_input_field').show();
                } else {
                    $('#price_per_member_input_field').hide();
                }
            }

            // Run on page load
            toggleFamilyFields();

            // Bind event listeners
            $('#REQUIRE_FAMILY_MEMBERS').change(toggleFamilyFields);
            $('#PRICE_PER_MEMBER_ENABLED').change(togglePricePerMember);
        });

        $('#customSwitchWithPrice').change(function(){
            $("#other_price").val('');
            if($(this).is(':checked')){
                $("#other_price").show();
            } else {
                $("#other_price").hide();
            }
        });

        // #test-ref-range and #test-template live inside the "Add Branch" modal. The global
        // .rhospital_id select2 init runs while that modal is still display:none, so select2
        // resolves the control to 0px wide and attaches its dropdown to <body>, where the
        // modal renders on top of it. Re-init them against the modal once it is visible.
        $('#modal-lg').on('shown.bs.modal', function () {
            $(this).find('#test-ref-range, #test-template').each(function () {
                var $select = $(this);
                if ($select.data('select2')) $select.select2('destroy');
                $select.select2({
                    width: '100%',
                    dropdownParent: $('#modal-lg')
                });
            });
        });
    </script>

    <!-- NG Code Modal -->
    <div class="modal fade" id="modal-lg-ng-code">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Add NG Code</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="add-ng-code-form">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col" style="text-align: center;">
                                <div class="alert alert-danger alert-danger-ng-code" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Name</p>
                                <input style="padding:15px" class="form-control" required type="text" id="ng-code-name" name="name" />
                            </div>
                            <div class="col-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Code</p>
                                <input style="padding:15px" class="form-control" required type="text" id="ng-code-code" name="code" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Start Number</p>
                                <input style="padding:15px" class="form-control" required type="number" id="ng-code-start-number" name="start_number" min="1" value="1" />
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer justify-content-between">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="submit" id="add-ng-code-submit" class="btn btn-info">Save</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
@endsection