@extends('operations.layout.mainlayout')

@section('content')
    <style>
        .select2-dropdown  {
            min-width:200px;
            margin-top: .5%;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            color: #020202;
        }
        .avatar-upload {
            position: relative;
            max-width: 205px;
            margin: 50px auto;
        }

        .avatar-upload .avatar-edit {
            position: absolute;
            right: 12px;
            z-index: 1;
            top: 10px;
        }

        .avatar-upload .avatar-edit input {
            display: none;
        }

        .avatar-upload .avatar-edit input + label {
            display: inline-block;
            width: 34px;
            height: 34px;
            margin-bottom: 0;
            border-radius: 100%;
            background: #FFFFFF;
            border: 1px solid transparent;
            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
            cursor: pointer;
            font-weight: normal;
            transition: all .2s ease-in-out;
        }

        .avatar-upload .avatar-edit input + label:hover {
            background: #f1f1f1;
            border-color: #d6d6d6;
        }

        .avatar-upload .avatar-edit input + label:after {
            content: "\f304";
            font-weight: 900;
            font-family: "Font Awesome 5 Free";
            color: #757575;
            position: absolute;
            top: 10px;
            left: 0;
            right: 0;
            text-align: center;
            margin: auto;
        }

        .avatar-upload .avatar-preview {
            width: 192px;
            height: 192px;
            position: relative;
            border: 6px solid #F8F8F8;
            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
        }

        .avatar-upload .avatar-preview > div {
            width: 100%;
            height: 100%;
            border-radius: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
    </style>
{{--    @if(session('role') != 4 && session('role') != 8)--}}
{{--        {{exit("<h1>Unauthorized access</h1>")}}--}}
{{--    @endif--}}
    @if(!empty($hospital->PROFILE_ID) && $hospital->PROFILE_ID != session('profile_id')) {{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: var(--blazma-text)!important;">Branch Details</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">

                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">

                    <!-- /.card -->

                    <div class="card">

                        <!-- /.card-header -->
                        <div class="card-body">
                            <ul class="nav nav-tabs" id="custom-content-below-tab" role="tablist" style="margin-bottom: 15px;">
                                <li class="nav-item">
                                    <a class="nav-link active" style="color: #007bff !important" 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">Branch Information</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($hospital->NAME_EN)) disabled @endif" style="color: #007bff !important;@if(empty($hospital->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">Branch Service</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($hospital->NAME_EN)) disabled @endif" style="color: #007bff !important;@if(empty($hospital->NAME_EN)) color:#a9a9a9 !important; @endif" id="custom-content-below-profile-tab" data-toggle="pill" href="#custom-content-below-profile2" role="tab" aria-controls="custom-content-below-profile" aria-selected="false">Client Accounts</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($hospital->NAME_EN)) disabled @endif" style="color: #007bff !important;@if(empty($hospital->NAME_EN)) color:#a9a9a9 !important; @endif" id="custom-content-below-profile-tab" data-toggle="pill" href="#custom-content-below-profile3" role="tab" aria-controls="custom-content-below-profile" aria-selected="false">Branch Locations</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($hospital->NAME_EN)) disabled @endif" style="color: #007bff !important;@if(empty($hospital->NAME_EN)) color:#a9a9a9 !important; @endif" id="custom-content-below-profile-tab" data-toggle="pill" href="#pos-tab" role="tab" aria-controls="custom-content-below-profile" aria-selected="false">POS</a>
                                </li>

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

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


                                @if(!empty($hospital->ID) && $hospital->SHOW_APPOINTMENT)
                                    <li class="nav-item">
                                        <a class="nav-link @if(empty($hospital->NAME_EN)) disabled @endif" style="color: #007bff !important;@if(empty($hospital->NAME_EN)) color:#a9a9a9 !important; @endif" id="custom-content-below-profile-tab" data-toggle="pill" href="#custom-content-below-profile5" role="tab" aria-controls="custom-content-below-profile5" aria-selected="false">Appointment</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/hospital"  enctype="multipart/form-data">
                                        <input required type="hidden" id="lab_id" name="hospital_id" value="@if(!empty($hospital->ID)){{$hospital->ID}}@endif">
                                        <p><b>Logo</b></p>
                                        <div class="row">
                                            <div class="col-md-3">
                                                @if(!empty($hospital->IMAGE_URL))
                                                    <img src="{{$hospital->IMAGE_URL}}" style="width:200px"/><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="logo">
                                                        <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-md-6">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">EN</span>
                                                    </div>
                                                    <input required type="text" class="form-control" name="name_en" value="@if(!empty($hospital->NAME_EN)){{$hospital->NAME_EN}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">AR</span>
                                                    </div>
                                                    <input required type="text" class="form-control" name="name_ar" value="@if(!empty($hospital->NAME_AR)){{$hospital->NAME_AR}}@endif" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <p><b>Branch State</b></p>
                                                <select name="city" class="form-control rhospital_id">
                                                    @foreach($states as $state)
                                                        <option @if(!empty($hospital->ID) && $state->STATE_ID == $hospital->STATE) selected @endif value="{{$state->STATE_ID}}">{{$state->ENG_NAME}}</option>
                                                    @endforeach
                                                </select><br />
                                            </div>
                                            <div class="col-md-4">
                                                <p><b>Coordinates</b></p>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">Lat</span>
                                                    </div>
                                                    <input required type="text" class="form-control" name="lat" value="@if(!empty($hospital->GPS_LATITUDE)){{$hospital->GPS_LATITUDE}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <p><b><br /></b></p>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">Lon</span>
                                                    </div>
                                                    <input required type="text" class="form-control" name="long" value="@if(!empty($hospital->GPS_LONGITUDE)){{$hospital->GPS_LONGITUDE}}@endif" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <p><b>VAT Number</b></p>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">Vat No.</span>
                                                    </div>
                                                    <input type="text" class="form-control" name="vat_number" value="@if(!empty($hospital->VAT_NUMBER)){{$hospital->VAT_NUMBER}}@endif" />
                                                </div>
                                            </div>
{{--                                            <div class="col-md-3">--}}
{{--                                                <p><b>Discount Mobile No (ex : 500******)</b></p>--}}
{{--                                                <div class="input-group mb-3">--}}
{{--                                                    <div class="input-group-prepend">--}}
{{--                                                        <span class="input-group-text">Discount Mobile No</span>--}}
{{--                                                    </div>--}}
{{--                                                    <input type="text" class="form-control" name="discount_mobile" value="@if(!empty($hospital->DISCOUNT_CODE_MOBILE)){{$hospital->DISCOUNT_CODE_MOBILE}}@endif" />--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
                                            <div class="col-md-3">
                                                <p><b>Discount Mobile No (ex : 500******)</b></p>
                                                <div class="input-group mb-3">
                                                    <select class="form-control mobiles_code" name="discount_mobile[]" multiple="multiple">
                                                    @if(!empty($hospitals_phones_code))
                                                        @foreach($hospitals_phones_code as $hospital_phone_code)
                                                            <option selected>{{$hospital_phone_code}}</option>
                                                    @endforeach
                                                            @endif
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <p><b>Change Payment Approval Mobile No (ex : 500******)</b></p>
                                                <div class="input-group mb-3">
                                                    <select class="form-control mobiles_code" name="approval_mobile[]" multiple="multiple">
                                                        @if(!empty($hospital_approval_phone))
                                                            @foreach($hospital_approval_phone as $hospital_approve_phone)
                                                                <option selected>{{$hospital_approve_phone}}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-3">
                                                <p><b>Change Client Approval Mobile No (ex : 500******)</b></p>
                                                <div class="input-group mb-3">
                                                    <select class="form-control mobiles_code" name="change_client_mobile[]" multiple="multiple">
                                                        @if(!empty($changeClientsPhone))
                                                            @foreach($changeClientsPhone as $changeClientPhone)
                                                                <option selected>{{$changeClientPhone}}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>


                                            <div class="col-md-3">
                                                <p><b>Contact Number</b></p>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">Contact No.</span>
                                                    </div>
                                                    <input type="text" class="form-control" name="contact_number" value="@if(!empty($hospital->CONTACT_NUMBER)){{$hospital->CONTACT_NUMBER}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <p><b>Integration Code</b></p>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">Integration Code</span>
                                                    </div>
                                                    <input type="text" class="form-control" name="integration_code" value="@if(!empty($hospital->HOSPITAL_INTEGRATION_CODE)){{$hospital->HOSPITAL_INTEGRATION_CODE}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-md-3 d-none">
                                                <p><b>Notification Mobile Numbers</b></p>
                                                <div class="input-group mb-3">
                                                    <select class="form-control mobiles_code" name="notification_mobile[]" multiple="multiple">
                                                        @if(!empty($notification_mobile_numbers))
                                                            @foreach($notification_mobile_numbers as $notification_mobile_number)
                                                                <option selected>{{$notification_mobile_number}}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>

                                            @if($hospital && empty($hospital->IS_PRIMARY))
                                            <div class="col-md-3">
                                                <p><b>Branch Processing</b></p>
                                                <select name="processing_hospital_id" class="form-control">
                                                <option value="">Select Branch Processing</option>
                                                    @foreach($primary_hospitals as $primary)
                                                        <option @if(!empty($hospital->PROCESSING_HOSPITAL_ID) && $primary->ID == $hospital->PROCESSING_HOSPITAL_ID) selected @endif value="{{$primary->ID}}">{{$primary->NAME_EN}}</option>
                                                    @endforeach
                                                </select><br />
                                            </div>
                                            @endif

                                            <div class="col-md-3">
                                                <p><b>Branch Manager</b></p>
                                                <select name="branch_manager_id" class="form-control rhospital_id">
                                                    <option value="">Select Branch Manager</option>
                                                    @foreach($users as $manager)
                                                        <option @if(!empty($hospital->BRANCH_MANAGER_ID) && $manager->ID == $hospital->BRANCH_MANAGER_ID) selected @endif value="{{$manager->ID}}">{{$manager->USERNAME}}</option>
                                                    @endforeach
                                                </select><br />
                                            </div>

                                            <div class="col-md-3">
                                                <p><b>Branch Financial Code</b></p>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">Branch Financial Code</span>
                                                    </div>
                                                    <input type="text" class="form-control" name="branch_financial_code" value="@if(!empty($hospital->BRANCH_FINANCIAL_CODE)){{$hospital->BRANCH_FINANCIAL_CODE}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <p><b>Branch Opening Date</b></p>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">Branch Opening Date</span>
                                                    </div>
                                                    <input type="date" class="form-control" name="branch_opening_date" value="@if(!empty($hospital->OPENING_DATE)){{$hospital->OPENING_DATE}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <p><b>Daily Target</b></p>
                                                <input type="number" class="form-control" name="daily_target" min="0" step="0.01" value="{{ $hospital->DAILY_TARGET ?? 0 }}" />
                                            </div>
                                            <div class="col-md-3">
                                                <p><b>Home Visit Area</b></p>
                                                <select name="home_visit_area_id" class="form-control">
                                                    <option value="">Select Home Visit Area</option>
                                                    @foreach($home_visit_areas as $area)
                                                        <option @if(!empty($hospital->HOME_VISIT_AREA_ID) && $area->ID == $hospital->HOME_VISIT_AREA_ID) selected @endif value="{{$area->ID}}">{{$area->NAME}}</option>
                                                    @endforeach
                                                </select><br />
                                            </div>

                                            @if(!empty($multiple_hesn))
                                            <div class="col-md-3">
                                                    <p><b>HESN+ Directorate</b></p>
                                                    <select name="hesn_profile" class="form-control rhospital_id">
                                                        <option value="-1">Default</option>
                                                        @foreach($hesn_users as $user)
                                                            <option @if(!empty($hospital->DIRECTORATE_ID) && $user->ID == $hospital->DIRECTORATE_ID) selected @endif value="{{$user->ID}}">{{$user->EN_NAME}}</option>
                                                        @endforeach
                                                    </select><br />
                                            </div>
                                            @endif
                                        </div>

                                        <div class="row">
                                            <div class="col">
                                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                    <input name="has_cod" type="checkbox" class="custom-control-input" @if(!empty($hospital->HAS_COD) && $hospital->HAS_COD==1) checked="checked" @endif id="customSwitch1">
                                                    <label class="custom-control-label" for="customSwitch1"> Cash on delivery</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 name="has_prepaid" type="checkbox" class="custom-control-input" @if(!empty($hospital->HAS_PREPAID) && $hospital->HAS_PREPAID==1) checked="checked" @endif id="customSwitch2">
                                                    <label class="custom-control-label" for="customSwitch2"> Prepaid</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 name="is_primary" type="checkbox" class="custom-control-input" @if(!empty($hospital->IS_PRIMARY) && $hospital->IS_PRIMARY==1) checked="checked" @endif id="customSwitch4">
                                                    <label class="custom-control-label" for="customSwitch4"> Is Primary</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 name="is_branch" type="checkbox" class="custom-control-input" @if(!empty($hospital->IS_BRANCH) && $hospital->IS_BRANCH==1) checked="checked" @endif id="customSwitch5">
                                                    <label class="custom-control-label" for="customSwitch5"> Is Branch</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 name="show_in_income_dashboard" type="checkbox" class="custom-control-input" @if(!empty($hospital->SHOW_IN_INCOME_DASHBOARD) && $hospital->SHOW_IN_INCOME_DASHBOARD==1) checked="checked" @endif id="customSwitchIncome">
                                                    <label class="custom-control-label" for="customSwitchIncome"> Show In Income Dashboard</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 name="split_home_visit_revenue_equally" type="checkbox" class="custom-control-input" @if(!empty($hospital->SPLIT_HOME_VISIT_REVENUE_EQUALLY) && $hospital->SPLIT_HOME_VISIT_REVENUE_EQUALLY==1) checked="checked" @endif id="customSwitchSplitHomeVisitRevenue">
                                                    <label class="custom-control-label" for="customSwitchSplitHomeVisitRevenue"> Split Home Visit Revenue Equally</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 name="enable_location" type="checkbox" class="custom-control-input" @if(!empty($hospital->ENABLE_LOCATION) && $hospital->ENABLE_LOCATION==1) checked="checked" @endif id="customSwitch6">
                                                    <label class="custom-control-label" for="customSwitch6"> Enable Locations</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 name="manual_hesn" type="checkbox" class="custom-control-input" @if(!empty($hospital->MANUAL_HESN) && $hospital->MANUAL_HESN==1) checked="checked" @endif id="customSwitch7">
                                                    <label class="custom-control-label" for="customSwitch7"> Manual HESN</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 name="active_status" type="checkbox" class="custom-control-input" @if(!empty($hospital->ACTIVE_STATUS) && $hospital->ACTIVE_STATUS==1) checked="checked" @endif id="customSwitch3">
                                                    <label class="custom-control-label" for="customSwitch3"> 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 name="send_invoice" type="checkbox" class="custom-control-input" @if(!empty($hospital->SEND_INVOICE) && $hospital->SEND_INVOICE==1) checked="checked" @endif id="customSwitch8">
                                                    <label class="custom-control-label" for="customSwitch8"> Enable SMS Invoices</label>
                                                </div>
                                            </div>
                                        </div>
                                        @if(!empty($hospital->ID) && $hospital->TYPE==2)
                                        <div class="row">
                                            <div class="col">
                                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                    <input name="enable_home_visit_fees" type="checkbox" class="custom-control-input" @if(!empty($hospital->ENABLE_HOME_VISIT_FEES) && $hospital->ENABLE_HOME_VISIT_FEES==1) checked="checked" @endif id="customSwitch9">
                                                    <label class="custom-control-label" for="customSwitch9"> Enable Home Visit Fees</label>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                        <div class="row">
                                            <div class="col">
                                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                    <input name="enable_appointment" type="checkbox" class="custom-control-input" @if(!empty($hospital->SHOW_APPOINTMENT) && $hospital->SHOW_APPOINTMENT==1) checked="checked" @endif id="customSwitch10">
                                                    <label class="custom-control-label" for="customSwitch10">Enable Appointment</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 name="enable_internal_tabby_payment" type="checkbox" class="custom-control-input" @if(!empty($hospital->ENABLE_INTERNAL_TABBY_PAYMENT) && $hospital->ENABLE_INTERNAL_TABBY_PAYMENT==1) checked="checked" @endif id="customSwitchTabby">
                                                    <label class="custom-control-label" for="customSwitchTabby">Enable Internal Tabby Payment</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 name="enable_internal_tamara_payment" type="checkbox" class="custom-control-input" @if(!empty($hospital->ENABLE_INTERNAL_TAMARA_PAYMENT) && $hospital->ENABLE_INTERNAL_TAMARA_PAYMENT==1) checked="checked" @endif id="customSwitchTamara">
                                                    <label class="custom-control-label" for="customSwitchTamara">Enable Internal Tamara Payment</label>
                                                </div>
                                            </div>
                                        </div>

                                        @permission('mange_administration_hospitals')
                                        <div class="row">
                                            <div class="col" style="text-align: center">
                                                    <input type="submit" class="btn btn-info" value="@if(!empty($hospital->NAME_EN)) Edit Branch @else Add Branch @endif" />
                                            </div>
                                        </div>
                                        @endpermission
                                    </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="hospital-test-table" class="table table-bordered table-striped">
                                                <thead>
                                                <tr>
                                                    <th>Service</th>
                                                    <th>Type</th>
                                                    <th>Service Type</th>
                                                    <th>Sale Price</th>
                                                    <th>Cost Price</th>
                                                    <th>Old Price</th>
                                                    {{--<th>AutoV</th>
                                                    <th>AutoV Min value</th>
                                                    <th>AutoV Max value</th>
                                                    <th>AutoA</th>
                                                    <th>AutoA wait minutes</th>
                                                    <th>AutoA Min value</th>
                                                    <th>AutoA Max value</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>

                                            </table>
                                        </div>
                                    </div>
                                    @permission('mange_administration_hospitals')
                                    <div class="row">
                                        <div class="col" style="text-align: center">
                                            <button style=color:#fff" data-toggle="modal" data-target="#modal-lg" id="add-test" class="btn btn-info">
                                                <i class="fas fa-lg fa-plus-circle"></i>
                                                &nbsp;Add Package</button>
                                            <button class="btn btn-secondary  clone-price-list" data-id="1" data-toggle="modal" data-target="#import-from-price-list">
                                                <i class="fas fa-lg fa-upload"></i>
                                                &nbsp;Import From Price List</button>
                                        </div>
                                    </div>
                                    @endpermission
                                </div>
                                <div class="tab-pane fade" id="custom-content-below-profile2" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
                                    <div class="row">
                                        <div class="col table-responsive">
                                            <table id="hospital-account-table" class="table table-bordered table-striped">
                                                <thead>
                                                <tr>
                                                    <th>Branch</th>
                                                    <th>Name</th>
                                                    <th>Mobile#</th>
{{--                                                    <th>Name</th>--}}
{{--                                                    <th>VAT</th>--}}
{{--                                                    <th>Building#</th>--}}
{{--                                                    <th>St.</th>--}}
{{--                                                    <th>District</th>--}}
{{--                                                    <th>City</th>--}}
{{--                                                    <th>Country</th>--}}
{{--                                                    <th>Postal</th>--}}
                                                    <th>Credit Limit</th>
                                                    <th>Contracted Price</th>
                                                    <th>Wallet</th>
                                                    <th>Email</th>
                                                    <th>Client Code</th>
                                                    <th>Integration Code</th>
                                                    <th>Contract Code</th>
                                                    <th>Group</th>
                                                    <th>Finance Email</th>
                                                    <th>Settings</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-account" id="add-account" class="btn btn-info">Add Account</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="custom-content-below-profile3" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
                                    <div class="row">
                                        <div class="col">
                                            <table id="hospital-location-table" class="table table-bordered table-striped">
                                                <thead>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>English Name</th>
                                                    <th>Arabic Name</th>
                                                    <th>Latitude</th>
                                                    <th>Longitude</th>
                                                    <th>Active</th>
                                                    <th>QR Code</th>
                                                </tr>
                                                </thead>

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

                                <div class="tab-pane fade" id="pos-tab" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
                                    <div class="row">
                                        <div class="col">
                                            <table id="hospital-pos-datatable" class="table table-bordered table-striped">
                                                <thead>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>Serial Number</th>
                                                    <th>Bank Name</th>
                                                    <th>Active</th>
                                                    @if ($enableNearPay)
                                                        <th>Reconnect</th>
                                                    @endif
                                                    <th>Is NearPay</th>
                                                    <th>Is NeoLeap</th>
                                                </tr>
                                                </thead>

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

                                <div class="tab-pane fade" id="bank-tab" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
                                    <div class="row">
                                        <div class="col">
                                            <table id="hospital-bank-datatable" class="table table-bordered table-striped">
                                                <thead>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>Bank Name</th>
                                                    <th>Bank Name (AR)</th>
                                                    <th>Account Number</th>
                                                    <th>IBAN</th>
                                                    <th>Active</th>
                                                    <th>Show On B2B Invoice</th>
                                                </tr>
                                                </thead>

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

                                <div class="tab-pane fade" id="custom-content-below-profile4" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
                                    <div class="row">
                                        <div class="col">
                                            <div class="card">

                                                <!-- /.card-header -->
                                                <div class="card-body">
                                                    <form method="post" action="/operations">
                                                        <div class="row">
                                                            <div class="col-md-12" style="text-align: center;">
                                                                <div class="alert alert-success alert-success-role-fees" role="alert" style="display: none;"></div>
                                                            </div>
                                                            <div class="col-md-12" style="text-align: center;">
                                                                <div class="alert alert-danger alert-danger-role-fees" role="alert" style="display: none;"></div>
                                                            </div>
                                                        </div>
                                                        <div class="row"  style="margin-bottom: 20px">
                                                            <div class="col-md-6">
                                                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Fees Type</p>
                                                                <select  class="form-control rhospital_id" id="visit-fees-type" >
                                                                    <option value="0" >select type </option>
                                                                    <option value="1" @if(!empty($hospital->ID) && ($hospital->FEES_TYPE == 1)) selected @endif>Per Patient</option>
                                                                    <option value="2" @if(!empty($hospital->ID) && ($hospital->FEES_TYPE == 2)) selected @endif>Per Visit</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                                    <input type="checkbox" @if(!empty($hospital->ID) && ($hospital->IS_FREE_FEES == 1)) checked @endif class="custom-control-input"  id="visit-is-free">
                                                                    <label class="custom-control-label" for="visit-is-free">Is Free</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div id="per-patient-section" style="display: none">
                                                            <div class="row">

                                                                <div class="col-md-12">
                                                                    <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                                        <input type="checkbox" @if(!empty($hospital->ID) && ($hospital->IS_TOTAL_FEES == 1)) checked @endif class="custom-control-input" id="specific-fees">
                                                                        <label class="custom-control-label" for="specific-fees">Fees by total</label>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                                        <input type="checkbox" @if(!empty($hospital->ID) && ($hospital->IS_PATIENT_FEES == 1)) checked @endif class="custom-control-input" id="fees-patient">
                                                                        <label class="custom-control-label" for="fees-patient">Fees by each patient</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div style="display: none" id="specific-fees-form">
                                                                <div class="row"  style="margin-top: 20px">
                                                                    <div class="col-md-3">
                                                                        <div class="input-group mb-3">
                                                                            <div class="input-group-prepend">
                                                                                <span class="input-group-text">Less than total</span>
                                                                            </div>
                                                                            <input required type="number" class="form-control" id="visit-subtotal-fee" value="@if(!empty($hospital->MAX_TOTAL_FEES)){{$hospital->MAX_TOTAL_FEES}}@endif" /> <br />
                                                                            <div class="input-group-append">
                                                                                <span class="input-group-text">@if(isset($global_symbol['is_html']) && $global_symbol['is_html'] && isset($global_symbol['currency']))
                                                                                        {!! $global_symbol['currency'] !!}
                                                                                    @else
                                                                                        {{ $global_symbol['currency'] ?? 'SAR' }}
                                                                                    @endif</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-3">
                                                                        <div class="input-group mb-3">
                                                                            <div class="input-group-prepend">
                                                                                <span class="input-group-text">Fees</span>
                                                                            </div>
                                                                            <input id="visit-specific-fee" required type="number" class="form-control"  value="@if(!empty($hospital->TOTAL_FEES)){{$hospital->TOTAL_FEES}}@endif" /> <br />
                                                                            <div class="input-group-append">
                                                                                <span class="input-group-text">@if(isset($global_symbol['is_html']) && $global_symbol['is_html'] && isset($global_symbol['currency']))
                                                                                        {!! $global_symbol['currency'] !!}
                                                                                    @else
                                                                                        {{ $global_symbol['currency'] ?? 'SAR' }}
                                                                                    @endif</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div style="display: none" id="fees-patient-form">
                                                                <div class="row" style="margin-top: 20px">
                                                                    <div class="col-md-4">
                                                                        <div class="input-group mb-3">
                                                                            <div class="input-group-prepend">
                                                                                <span class="input-group-text">First Patient</span>
                                                                            </div>
                                                                            <input required type="text" class="form-control" id="visit-first-patient" value="@if(!empty($hospital->FIRST_PATIENT_FEES)){{$hospital->FIRST_PATIENT_FEES}}@endif" /> <br />
                                                                            <div class="input-group-append">
                                                                                <span class="input-group-text">@if(isset($global_symbol['is_html']) && $global_symbol['is_html'] && isset($global_symbol['currency']))
                                                                                        {!! $global_symbol['currency'] !!}
                                                                                    @else
                                                                                        {{ $global_symbol['currency'] ?? 'SAR' }}
                                                                                    @endif</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-md-4">
                                                                        <div class="input-group mb-3">
                                                                            <div class="input-group-prepend">
                                                                                <span class="input-group-text">Second Patient</span>
                                                                            </div>
                                                                            <input required type="text" class="form-control" id="visit-second-patient" value="@if(!empty($hospital->SECOND_PATIENT_FEES)){{$hospital->SECOND_PATIENT_FEES}}@endif" /> <br />
                                                                            <div class="input-group-append">
                                                                                <span class="input-group-text">@if(isset($global_symbol['is_html']) && $global_symbol['is_html'] && isset($global_symbol['currency']))
                                                                                        {!! $global_symbol['currency'] !!}
                                                                                    @else
                                                                                        {{ $global_symbol['currency'] ?? 'SAR' }}
                                                                                    @endif</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-md-4">
                                                                        <div class="input-group mb-3">
                                                                            <div class="input-group-prepend">
                                                                                <span class="input-group-text">Third Patient</span>
                                                                            </div>
                                                                            <input required type="text" class="form-control" id="visit-third-patient" value="@if(!empty($hospital->THIRD_PATIENT_FEES)){{$hospital->THIRD_PATIENT_FEES}}@endif" /> <br />
                                                                            <div class="input-group-append">
                                                                                <span class="input-group-text">@if(isset($global_symbol['is_html']) && $global_symbol['is_html'] && isset($global_symbol['currency']))
                                                                                        {!! $global_symbol['currency'] !!}
                                                                                    @else
                                                                                        {{ $global_symbol['currency'] ?? 'SAR' }}
                                                                                    @endif</span>
                                                                            </div>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-md-4">
                                                                        <div class="input-group mb-3">
                                                                            <div class="input-group-prepend">
                                                                                <span class="input-group-text">More than three patient</span>
                                                                            </div>
                                                                            <input required type="text" class="form-control" id="visit-patient-fee" value="@if(!empty($hospital->PATIENT_FEES)){{$hospital->PATIENT_FEES}}@endif" /> <br />
                                                                            <div class="input-group-append">
                                                                                <span class="input-group-text">@if(isset($global_symbol['is_html']) && $global_symbol['is_html'] && isset($global_symbol['currency']))
                                                                                        {!! $global_symbol['currency'] !!}
                                                                                    @else
                                                                                        {{ $global_symbol['currency'] ?? 'SAR' }}
                                                                                    @endif</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>


                                                        <div id="per-visit-section" style="display: none">
                                                            <div class="row" style="margin-top: 20px">
                                                                <div class="col-md-3">
                                                                    <div class="input-group mb-3">
                                                                        <div class="input-group-prepend">
                                                                            <span class="input-group-text">Visit Fees</span>
                                                                        </div>
                                                                        <input required type="text" class="form-control" id="visit-home-visit-fees" value="@if(!empty($hospital->VISIT_FEES)){{$hospital->VISIT_FEES}}@endif" /> <br />
                                                                        <div class="input-group-append">
                                                                            <span class="input-group-text">@if(isset($global_symbol['is_html']) && $global_symbol['is_html'] && isset($global_symbol['currency']))
                                                                                    {!! $global_symbol['currency'] !!}
                                                                                @else
                                                                                    {{ $global_symbol['currency'] ?? 'SAR' }}
                                                                                @endif</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @permission('mange_administration_hospitals')
                                                        <hr>
                                                        <div class="row">
                                                            <div class="col-md-6" style="text-align: left">
                                                                <button id="home-visit-fees-role" class="btn btn-info">Edit Fees</button>
                                                            </div>
                                                        </div>
                                                        @endpermission

                                                    </form>
                                                </div>
                                                <!-- /.card-body -->
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="custom-content-below-profile5" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
                                    <div class="row">
                                        <div class="col">
                                            <div class="card">

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

                                                    <div class="row">
                                                        <div class="col-lg-12">
                                                            <div id="calendar2" tabindex="-1"></div>
                                                        </div>
                                                    </div>
                                                    @permission('mange_administration_hospitals')
                                                    <div class="row" style="margin-top: 10px">
                                                        <div class="col" style="text-align: center">
                                                            <button style="width:200px;color:#fff" data-toggle="modal" data-target="#modal-appointment" id="add-appointment" class="btn btn-info">Add Appointment</button>
                                                            <button style="width:200px;color:#fff; " data-toggle="modal" data-target="#modal-minimum-hours" id="add-minimum-hours" class="btn btn-secondary text-nowrap">Add Minimum Hours</button>
                                                        </div>
                                                    </div>
                                                    @endpermission
                                                </div>
                                                <!-- /.card-body -->
                                            </div>
                                        </div>
                                    </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">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Packages</p>
                                <select  class="form-control rhospital_id" id="hospital-test-id" name="hospital_test_id" >
                                    @foreach($packages as $package)
                                        <option value="{{$package->ID}}" has-template="{{$package->HAS_TEMPLATE}}" has-reference="@if($package->ANALYSIS_WITH_REFERENCE && $package->IS_ANALYSIS) 1 @elseif($package->IS_PACKAGE || $package->IS_ANALYSIS || $package->IS_SERVICE) 0 @else 1 @endif">{{$package->NAME_EN}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Type</p>
                                <select  class="form-control" id="test-type" name="test_type">
                                    <option value="1" >Normal</option>
                                    <option value="2" >Home Visit</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Price</p>
                                <input style="padding:15px" class="form-control" required step="0.01" type="number" id="test-price" name="test_price" />
                            </div>
                            <div class="col-md-6 mt-3">
                                <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="cost-price" name="cost_price" />
                            </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 class="col-6">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="auto-calculate-cost" name="auto_calculate_cost">
                                    <label class="custom-control-label" for="auto-calculate-cost" style="margin-right: 10px;font-weight: 300;">Auto Calculate Cost Price</label>
                                </div>
                            </div>
                        </div>

                        <div class="row" style="margin-top:20px" id="ref-range-section">
                        @if(!empty($hospital->IS_PRIMARY))
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Profile Reference Range </p>
                                <select  class="form-control" id="test-ref-range" name="test-ref-range">
                                    <option value="">Select Reference Range</option>
                                    @foreach($ref_ranges as $ref_range)
                                        <option value="{{$ref_range->ID}}" >{{$ref_range->NAME_EN}}</option>
                                    @endforeach
                                </select>
                            </div>
                            @endif
                        </div>

                        <div class="row" style="margin-top:20px;display: none" id="template-section">
                            @if(!empty($hospital->IS_PRIMARY))
                                <div class="col-md-6">
                                    <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Templates</p>
                                    <select  class="form-control" id="test-template" name="test-template">
                                        <option value="">Select Template</option>
                                        @foreach($templates as $template)
                                            <option value="{{$template->ID}}" >{{$template->NAME_EN}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            @endif
                        </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-package-hospital"  type="button" class="btn btn-info">Save</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-location">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Add Location</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-location" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">English Name</p>
                                <input style="padding:15px" class="form-control" required type="text" id="location-name-en" name="location-name-en" />
                            </div>
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Arabic Name</p>
                                <input style="padding:15px" class="form-control" required type="text" id="location-name-ar" name="location-name-ar" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Latitude</p>
                                <input style="padding:15px" class="form-control" required type="text" id="location-lat" name="location-lat" />
                            </div>
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Longitude</p>
                                <input style="padding:15px" class="form-control" required type="text" id="location-lon" name="location-lon" />
                            </div>
                        </div>

                        <div class="row" style="margin-top:20px">
                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Active Status</p>
                                <select id="location-active" name="location-active" class="form-control">
                                    <option value="0">No</option>
                                    <option value="1">Yes</option>
                                </select>
                            </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-location"  type="button" class="btn btn-info">Save</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>


    <div class="modal fade" id="modal-pos">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Add POS</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-pos" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-12">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Serial Number</p>
                                <input style="padding:15px" class="form-control" required type="text" id="pos-serial-number" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-12">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Bank Name</p>
                                <input style="padding:15px" class="form-control" required type="text" id="pos-bank-name" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Active Status</p>
                                <select id="pos-active" name="pos-active" class="form-control">
                                    <option value="0">No</option>
                                    <option value="1">Yes</option>
                                </select>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-12">
                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                    <input type="checkbox" class="custom-control-input" name="is-nearpay" id="is-nearpay">
                                    <label class="custom-control-label" for="is-nearpay">Is NearPay</label>
                                </div>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-12">
                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                    <input type="checkbox" class="custom-control-input" name="is-neoleap" id="is-neoleap">
                                    <label class="custom-control-label" for="is-neoleap">Is NeoLeap</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-pos"  type="button" class="btn btn-info">Save</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-bank">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Add Bank</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="#">--}}
                    <div class="modal-body">
                        <div class="row">
                            <div class="col" style="text-align: center;">
                                <div class="alert alert-danger alert-danger-bank" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Bank Name</p>
                                <input style="padding:15px" class="form-control" required type="text" id="bank-name" />
                            </div>
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Bank Name (AR)</p>
                                <input style="padding:15px" class="form-control" type="text" id="bank-name-ar" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Account Number</p>
                                <input style="padding:15px" class="form-control" type="text" id="bank-account-number" />
                            </div>
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">IBAN</p>
                                <input style="padding:15px" class="form-control" type="text" id="bank-iban" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Active Status</p>
                                <select id="bank-active" name="bank-active" class="form-control">
                                    <option value="0">No</option>
                                    <option value="1">Yes</option>
                                </select>
                            </div>
                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Show On B2B Invoice</p>
                                <select id="bank-show-in-b2b-invoice" name="bank-show-in-b2b-invoice" class="form-control">
                                    <option value="0">No</option>
                                    <option value="1">Yes</option>
                                </select>
                                <small class="form-text text-muted">Only one bank per branch can be shown on the B2B invoice.</small>
                            </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-bank"  type="button" class="btn btn-info">Save</button>
                    </div>
{{--                </form>--}}
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-account">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Add Account</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-account" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Account Name</p>
                                <input style="padding:15px" class="form-control" required type="text" id="account-name" name="account-name" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">

                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Client Groups</p>
                                <select class="form-control"  id="account-client-group" name="account-client-group" >
                                    @foreach($clientGroups as $group)
                                        <option value="{{$group->ID}}" >{{$group->NAME}}-{{$group->CODE}}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Dial Code</p>
                                <select class="form-control" type="text" id="account-dial-code" name="account-dial-code" >
                                    @foreach($countries as $country)
                                        <option @if($country->id == 140) selected @endif value="{{$country->id}}" >{{$country->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col">
                                <p style="font-size:13px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Email</p>
                                <input style="padding:15px" class="form-control" type="email" id="account-email" name="account-email" />
                            </div>
                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Mobile Number (ex : 500******)</p>
                                <input class="form-control" type="number" id="account-mobile-number" name="account-mobile-number" value="" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Enable Cod</p>
                                <select id="has-cod" name="has-cod" class="form-control">
                                    <option value="0">No</option>
                                    <option value="1">Yes</option>
                                </select>
                            </div>
                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Enable Prepaid</p>
                                <select id="has-prepaid" name="has-prepaid" class="form-control">
                                    <option value="0">No</option>
                                    <option value="1">Yes</option>
                                </select>
                            </div>
                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Enable Credit</p>
                                <select id="has-credit" name="has-credit" class="form-control">
                                    <option value="0">No</option>
                                    <option value="1">Yes</option>
                                </select>
                            </div>
                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Enable Transfer</p>
                                <select id="has-transfer" name="has-transfer" class="form-control">
                                    <option value="0">No</option>
                                    <option value="1">Yes</option>
                                </select>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Credit Limit</p>
                                <input style="padding:15px" class="form-control" type="number" id="account-credit-limit" name="account-credit-limit" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Start Date</p>
                                <input style="padding:15px" class="form-control" type="date" id="account-start-date" name="account-start-date" />
                            </div>
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">End Date</p>
                                <input style="padding:15px" class="form-control" type="date" id="account-expired-date" name="account-expired-date" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Legal Name</p>
                                <input style="padding:15px" class="form-control" type="text" id="account-invoice-name" name="account-invoice-name" />
                            </div>
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Invoice Vat No.</p>
                                <input style="padding:15px" class="form-control" type="text" id="account-vat" name="account-vat" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-4">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Invoice Building #</p>
                                <input style="padding:15px" class="form-control" type="text" id="account-building" name="account-building" />
                            </div>
                            <div class="col-md-4">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Invoice Street</p>
                                <input style="padding:15px" class="form-control" type="text" step="1" id="account-street" name="account-street" />
                            </div>
                            <div class="col-md-4">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Invoice District</p>
                                <input style="padding:15px" class="form-control" type="text" id="account-district" name="account-district" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-4">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Invoice City</p>
                                <input style="padding:15px" class="form-control" type="text" id="account-city" name="account-city" />
                            </div>
                            <div class="col-md-4">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Invoice Country</p>
                                <input style="padding:15px" class="form-control" type="text" id="account-country" name="account-country" />
                            </div>
                            <div class="col-md-4">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Invoice Postal Code</p>
                                <input style="padding:15px" class="form-control" type="text" id="account-postal" name="account-postal" />
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px;margin-left:0px">
                        <div class="text-right">
                            <input type="checkbox"  name="is-sendout"  id="add-send-out-account">
                            <label for="send-out" style="font-weight: 300;">Would you like to make this send out account  ?</label>
                        </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-account"  type="button" class="btn btn-info">Save</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <div class="modal fade" id="modal-price-list">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Price List</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-price-list" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                        <div class="col-md-6">
                        <input type="hidden" name="account_id" id="account_id" value=""/>
                        <input type="hidden" name="account_hhospital_id" id="account_hhospital_id" value="@if(!empty($hospital->ID)){{$hospital->ID}}@endif"/>
                            <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;" id="price-list-title">Price Lists ( Price with {{$global_symbol['tax'] ?? 'TAX'}} )</p>
                                <select id="account_price_list_id" name="account_price_list_id" class="form-control rhospital_id">
                                <option value="">Select Price List</option>
                                                    @foreach($price_lists as $list)
                                                        <option value="{{$list->ID}}">{{$list->NAME_EN}}</option>
                                                    @endforeach
                                </select>
                            </div>
                            @permission('mange_administration_hospitals')
                            <div class="col-md-6" style="display: flex;align-items: flex-end; justify-content:space-between">
                                <button style="width:130px;color:#fff" id="import-tests-from-price-list-account"  type="button" class="btn btn-secondary">
                                    <i class="fas fa-lg fa-upload"></i>
                                    &nbsp;Import List</button>
                                </button>
                                <button style="width:130px;color:#fff" id="export-tests-from-price-list-account"  type="button" class="btn btn-secondary">
                                    <i class="fas fa-lg fa-download"></i>
                                    &nbsp;Download</button>
                                </button>
                            </div>
                            @endpermission
                            </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col">
                                <table id="account-price-list-table" class="table table-bordered table-striped">
                                    <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Code</th>
                                        <th>Package</th>
                                        <th>Service Type</th>
                                        <th>Type</th>
                                        <th id="price-datatable-title">Price</th>
                                        <th>Cost Price</th>
                                        <th id="price-list-exclude">Exclude</th>
                                        <th>QTY Limit</th>
                                    </tr>
                                    </thead>

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

                    </div>
                    <div class="modal-footer justify-content-between">
                        <button style="width:130px;" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-hospital-setting">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Account Setting</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="hospital-setting-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-setting" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-md-6">
                                <input type="hidden"  id="setting_account_id" value=""/>
                            </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" id="setting_has_cod">
                                    <label class="custom-control-label" for="setting_has_cod">COD</label>
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                    <input type="checkbox" class="custom-control-input" id="setting_has_credit">
                                    <label class="custom-control-label" for="setting_has_credit">Credit</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" id="setting_is_sendout">
                                    <label class="custom-control-label" for="setting_is_sendout"> SendOut</label>
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                    <input type="checkbox" class="custom-control-input" id="setting_send_invoice">
                                    <label class="custom-control-label" for="setting_send_invoice">Send Invoice</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" id="setting_is_nationality">
                                    <label class="custom-control-label" for="setting_is_nationality"> Nationality {{$global_symbol['tax'] ?? 'TAX'}} <small>(Price list should be without {{$global_symbol['tax'] ?? 'TAX'}} added)</small></label>
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                    <input type="checkbox" class="custom-control-input" id="setting_is_info">
                                    <label class="custom-control-label" for="setting_is_info"> Use Info </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" id="setting_is_blocked">
                                    <label class="custom-control-label" for="setting_is_blocked"> Is Blocked</label>
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                    <input type="checkbox" class="custom-control-input"  id="setting_is_local">
                                    <label class="custom-control-label" for="setting_is_local"> Is Local</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"  id="setting_mrn_is_mandatory">
                                    <label class="custom-control-label" for="setting_mrn_is_mandatory"> MRN Mandatory</label>
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                    <input type="checkbox" class="custom-control-input"  id="setting_invoice_ready">
                                    <label class="custom-control-label" for="setting_invoice_ready"> Enable Invoice Ready</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"  id="disable_reservation_notification">
                                    <label class="custom-control-label" for="disable_reservation_notification"> Disable Reservation Notification</label>
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                    <input type="checkbox" class="custom-control-input" id="setting_transfer_payment">
                                    <label class="custom-control-label" for="setting_transfer_payment">Transfer Payment to Pre-analytical / Receiving</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"  id="is-client-test-details">
                                    <label class="custom-control-label" for="is-client-test-details">Client Test Details</label>
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                    <input type="checkbox" class="custom-control-input"  id="is-client-out-patient">
                                    <label class="custom-control-label" for="is-client-out-patient">B2B Cash Client</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"  id="hide-historical-report">
                                    <label class="custom-control-label" for="hide-historical-report">Hide Historical Report</label>
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                    <input type="checkbox" class="custom-control-input" id="setting_is_verified_reservation">
                                    <label class="custom-control-label" for="setting_is_verified_reservation">Need Verification OTP</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" id="setting_is_verification_reference_order">
                                    <label class="custom-control-label" for="setting_is_verification_reference_order">Need Verification Reference Order</label>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-4">
                            <div class="col-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Dial Code</p>
                                <select class="form-control" id="account-dial-code-u" name="account-dial-code" >
                                    @foreach($countries as $country)
                                        <option value="{{$country->id}}" >{{$country->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        <div class="col-md-6">
                                        <p><b>Discount % For Packages (example : 30)</b></p>
                                        <input required type="number" step="0.01" class="form-control" name="setting_packages_discount" id="setting_packages_discount" value="0"/> <br />
                            </div>
                            <div class="col-md-6">
                                        <p><b>Discount % For Individual Tests (example : 10)</b></p>
                                        <input required type="number" step="0.01" class="form-control" name="setting_tests_discount" id="setting_tests_discount" value="0" /> <br />
                            </div>

                            <div class="col-md-6">
                                <p><b>Legal Name</b></p>
                                <input type="text" class="form-control" id="setting_account_inv_name" /> <br/>
                            </div>
                            <div class="col-md-6">
                                <p><b>Invoice Vat No.</b></p>
                                <input type="text" class="form-control" id="setting_account_vat_num" /> <br/>
                            </div>
                            <div class="col-md-6">
                                <p><b>Invoice Building #</b></p>
                                <input type="text" class="form-control" id="setting_account_building_no" /> <br/>
                            </div>
                            <div class="col-md-6">
                                <p><b>Invoice Street</b></p>
                                <input type="text" class="form-control" id="setting_account_street" /> <br/>
                            </div>
                            <div class="col-md-6">
                                <p><b>Invoice District</b></p>
                                <input type="text" class="form-control" id="setting_account_district" /> <br/>
                            </div>
                            <div class="col-md-6">
                                <p><b>Invoice City</b></p>
                                <input type="text" class="form-control" id="setting_account_city" /> <br/>
                            </div>
                            <div class="col-md-6">
                                <p><b>Invoice Country</b></p>
                                <input type="text" class="form-control" id="setting_account_country" /> <br/>
                            </div>
                            <div class="col-md-6">
                                <p><b>Invoice Postal Code</b></p>
                                <input type="text" class="form-control" id="setting_account_post_code" /> <br/>
                            </div>
                            <div class="col-md-6">
                                <p><b>Account Manger</b></p>
                                <select class="form-control rhospital_id" id="setting_account_manger">
                                    <option value="0" disabled selected>Select Account Manager</option>
                                    @foreach($accoutsManagers as $manager)
                                        <option value="{{$manager->ID}}">{{$manager->USERNAME}}</option>
                                    @endforeach
                                </select>
                                <br/>
                            </div>
                            <div class="col-md-6">
                                <p><b>Contract NO</b></p>
                                <input type="text" class="form-control" id="setting_account_contract_no" /> <br/>
                            </div>

                            <div class="col-md-6">
                                <p><b>Tender NO</b></p>
                                <input type="text" class="form-control" id="setting_account_tender_no" /> <br/>
                            </div>

                            <div class="col-md-6">
                                <p><b>Start Date</b></p>
                                <input type="date" class="form-control" id="setting_account_start_date" /> <br/>
                            </div>

                            <div class="col-md-6">
                                <p><b>End Date</b></p>
                                <input type="date" class="form-control" id="setting_account_expired_date" /> <br/>
                            </div>
                            <div class="col-md-6">
                                <button type="button" class="btn btn-secondary" id="btn-manage-emails" account-id="" style="margin-top: 40px">
                                    <i class="fa fa-envelope"></i> Manage Verified Emails
                                </button>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="avatar-upload">
                                    <div class="avatar-edit">
                                        <input type='file' id="logoUpload" accept=".png, .jpg, .jpeg" />
                                        <label for="logoUpload"></label>
                                    </div>
                                    <div class="avatar-preview">
                                        <div id="imagePreview" style="background-image: url(https://s3.eu-west-1.amazonaws.com/blazma.com/profile-images/defualt.png);">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="modal-footer justify-content-between">
                        <button style="width:130px;" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        @permission('mange_administration_hospitals')
                        <div>
                            @permission('sync_invoice_details')
                            <button style="width:200px;color:#fff"
                                    class="btn btn-success"
                                    id="hospital-resync-setting"
                                    type="button">
                                Sync Invoice Details
                            </button>
                            @endpermission
                            <button style="width:130px;color:#fff" class="btn btn-info" id="hospital-update-setting"  type="button" >Save</button>
                        </div>
                        @endpermission
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-email-verification">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Manage Verified Emails & Phones</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" style="text-align: center;">
                            <div class="alert alert-danger alert-danger-email-verification" role="alert"
                                 style="display: none;"></div>
                            <div class="alert alert-success alert-success-email-verification" role="alert"
                                 style="display: none;"></div>
                        </div>
                    </div>

                    <div class="row" style="margin-top:20px">
                        <div class="col-md-6">
                            <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Email</p>
                            <div class="input-group">
                                <input type="email" class="form-control" id="new-email-input" placeholder="Enter email address"/>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Phone (59****)</p>
                            <div class="input-group">
                                <input type="text" class="form-control" id="new-phone-input" placeholder="Enter phone number" maxlength="10"/>
                            </div>
                        </div>
                        <div class="col-md-2" style="display: flex; align-items: flex-end;">
                            <button class="btn btn-info btn-block" type="button" id="btn-add-email">
                                <i class="fa fa-plus"></i> Add
                            </button>
                        </div>
                    </div>

                    <div class="row" style="margin-top:20px">
                        <div class="col">
                            <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Existing Emails & Phones</p>
                            <table id="email-verification-table" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>Email</th>
                                    <th>Phone</th>
                                    <th>Actions</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-between">
                    <button style="width:130px;" type="button" class="btn btn-default" data-dismiss="modal">Close
                    </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
<div class="modal fade" id="import-from-price-list">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Import From Price List</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form>
                    <div class="modal-body">
                        <div class="row">

                        <input type="hidden" name="hhospital_id" id="hhospital_id" value="@if(!empty($hospital->ID)){{$hospital->ID}}@endif"/>
                            <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-md-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Price Lists</p>
                                <select id="price_list_id" name="price_list_id" class="form-control rhospital_id">
                                <option value="">Select Price List</option>
                                                    @foreach($price_lists as $list)
                                                        <option @if(!empty($hospital->PRICE_LIST_ID) && $list->ID == $hospital->PRICE_LIST_ID) selected @endif value="{{$list->ID}}">{{$list->NAME_EN}}</option>
                                                    @endforeach
                                </select>
                            </div>
                            </div>
                    </div>
                    <div class="modal-footer justify-content-between">
                        <button style="width:130px;" type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                        <button style="width:130px;color:#fff" id="import-tests-from-price-list"  type="button" class="btn btn-info">Save</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-appointment">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Appointment</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form>
                    <div class="row">
                        <div class="col" style="text-align: center;">
                            <div class="alert alert-danger alert-danger-hospital-appointment" role="alert" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-4">
                                <p><b>Day of week</b></p>
                                <select name="day_of_week_id" id="appointment-day" class="form-control">
                                    @foreach($days as $day)
                                        <option value="{{$day->DAY_OF_WEEK_ID}}">{{$day->NAME}}</option>
                                    @endforeach
                                </select><br />
                            </div>
                        </div>
                        <div class="row">
                            <input type="hidden" name="appointment-hospital-id" id="appointment-hospital-id" value="@if(!empty($hospital->ID)){{$hospital->ID}}@endif"/>
                            <div class="col-md-4">
                                <div class="bootstrap-timepicker">
                                    <div class="form-group">
                                        <label>From time: (24 Hours)</label>
                                        <input autocomplete="off" required name="from_time" type="text" class="form-control datetimepicker-input" id="appointment-from" data-toggle="datetimepicker" data-target="#appointment-from"/>

                                    </div>
                                    <!-- /.input group -->
                                </div>
                                <!-- /.form group -->
                            </div>
                            <div class="col-md-4">
                                <div class="bootstrap-timepicker">
                                    <div class="form-group">
                                        <label>To time: (24 Hours)</label>
                                        <input autocomplete="off" required name="to_time" type="text" class="form-control datetimepicker-input" id="appointment-to" data-toggle="datetimepicker" data-target="#appointment-to"/>

                                    </div>
                                    <!-- /.input group -->
                                </div>
                                <!-- /.form group -->
                            </div>
                            <div class="col-md-4">
                                <div class="bootstrap-timepicker">
                                    <div class="form-group">
                                        <label>Interval: (Minutes)</label>
                                        <input autocomplete="off" required name="interval" type="text" class="form-control datetimepicker-input" id="appointment-interval" data-toggle="datetimepicker" data-target="#appointment-interval"/>

                                    </div>
                                    <!-- /.input group -->
                                </div>
                                <!-- /.form group -->
                            </div>
                        </div>


                        <div class="row">

                        </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-appointment-form"  type="button" class="btn btn-info">Save</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-minimum-hours">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Minimum Appointment Hours</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form>
                    <div class="row">
                        <div class="col" style="text-align: center;">
                            <div class="alert alert-danger alert-danger-hospital-appointment" role="alert" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <input type="hidden" name="appointment-hospital-id" id="appointment-hospital-id" value="@if(!empty($hospital->ID)){{$hospital->ID}}@endif"/>
                                <div class="col-md-6">
                                <div class="bootstrap-timepicker">
                                    <div class="form-group">
                                        <label>Closest appointment after (3 Hours):</label>
                                        <input autocomplete="off" required name="hours" id="appointment-hours" type="number" class="form-control datetimepicker-input"  data-toggle="datetimepicker" />

                                    </div>
                                </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-appointment-minimum-hours-form"  type="button" class="btn btn-info">Save</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

@endsection

@section('footer-scripts')
    <script>
        $('.mobiles_code').select2({
            tags: true,
            minimumResultsForSearch: -1
        });
        // $('#setting_has_cod').change(function () {
        //     if ($(this).is(':checked')) {
        //         $('#setting_has_credit').prop('checked', false);
        //     } else {
        //         $('#setting_has_credit').prop('disabled', false);
        //     }
        // });
        //
        // $('#setting_has_credit').change(function () {
        //     if ($(this).is(':checked')) {
        //         $('#setting_has_cod').prop('checked', false);
        //     } else {
        //         $('#setting_has_cod').prop('disabled', false);
        //     }
        // });

    </script>
    <link rel="stylesheet" href="/css/fullcalendar.css" />
    <script src="/js/fullcalendar.js"></script>
    <style>
        span.fc-time {
            color: #fff !important;
        }
        .removeEvent {
            position: absolute;
            right: 5px;
            top: 5px;
            z-index: 50;
            cursor: pointer;
            font-weight: bold;
        }
    </style>
    @if(!empty($hospital->ID))
    <script>

        $('a[data-toggle="pill"]').on('shown.bs.tab', function (e) {

            if (e.target.getAttribute("aria-controls") === "custom-content-below-profile5") {

                $('#calendar2').fullCalendar({
                    events: "/operations/hospitals/{{$hospital->ID}}/appointment",
                    defaultView: 'agendaWeek',
                    header: {
                        left: '',
                        center: 'title',
                        right: ''
                    },
                    views: {
                        week: {
                            columnFormat: 'dddd'
                        },
                        agenda: {
                            columnFormat: 'dddd'
                        }
                    },
                    color: 'yellow',
                    textColor: 'black',
                    eventRender: function(event, element) {
                        element.append("<span class='removeEvent'>x</span>");

                        element.find('.removeEvent').on('click', function(e) {
                            e.stopPropagation();
                            var eventId = event.id;
                            $.ajax({
                                url: '/operations/hospitals/{{$hospital->ID}}/events/' + eventId,
                                type: 'POST',
                                success: function(response) {
                                    if(response.success) {
                                        $('#calendar2').fullCalendar('removeEvents', eventId);
                                    }
                                },
                                error: function(jqXHR) {
                                    if(jqXHR && jqXHR.responseJSON && jqXHR.responseJSON.errorMessage) {
                                        toastr.error(jqXHR.responseJSON.errorMessage);
                                    } else {
                                        toastr.error("Internal error encountered");
                                    }
                                }

                            });

                            return false;
                        });
                    }
                });

                if ($('#calendar2').fullCalendar) {

                } else {
                    $('#calendar2').fullCalendar('render');
                }

                $('#add-appointment-minimum-hours-form').click(function(){

                    $('#add-appointment-minimum-hours-form').html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
                    var hours = $("#appointment-hours").val();
                    var hospital_id = $("#appointment-hospital-id").val();
                    var data = {
                        hours:hours,
                    }
                    $.ajax({
                        type: "POST",
                        url: '/operations/hospitals/'+hospital_id+'/appointment/add-minimum-hours',
                        data: JSON.stringify(data),
                        contentType: "application/json; charset=utf-8",
                    }).done(function(data ) {
                        $('#add-appointment-minimum-hours-form').prop("disabled",false);
                        $('#modal-minimum-hours').modal('hide');
                        $('#add-appointment-minimum-hours-form').html('Save').attr('disabled', false);

                    }).fail(function(jqXHR, textStatus, errorThrown) {
                        $('#add-appointment-minimum-hours-form').prop("disabled",false);
                        $(".alert-danger-hospital-appointment").html(jqXHR.responseJSON.errorMessage);
                        $(".alert-danger-hospital-appointment").slideDown( "slow", function() {});
                        $('#add-appointment-minimum-hours-form').html('Save').attr('disabled', false);

                    });
                    return false;
                });

            }
        })

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#imagePreview').css('background-image', 'url('+e.target.result +')');
                    $('#imagePreview').hide();
                    $('#imagePreview').fadeIn(650);
                }
                reader.readAsDataURL(input.files[0]);
            }
        }
        $("#logoUpload").change(function() {
            readURL(this);
        });


        @isset($hospital->ID)
            HospitalPOS();
        function HospitalPOS() {
            let columns = [
                { data: "ID", name: "ID" },
                {
                    data: "SERIAL_NUMBER",
                    name: "SERIAL_NUMBER",
                    render: function(data, type, row) {
                        return '<a href="#" class="name @permission('mange_administration_hospitals') pos-xedit-serial-number @endpermission" data-pk="' + row["ID"] + '" data-title="Enter Serial Number">' + (row["SERIAL_NUMBER"] ? row["SERIAL_NUMBER"] : '') + '</a>';
                    }
                },
                {
                    data: "BANK_NAME",
                    name: "BANK_NAME",
                    render: function(data, type, row) {
                        return '<a href="#" class="name @permission('mange_administration_hospitals') pos-xedit-bank-name @endpermission" data-pk="' + row["ID"] + '" data-title="Enter Bank Name">' + (row["BANK_NAME"] ? row["BANK_NAME"] : '') + '</a>';
                    }
                },
                {
                    data: "IS_ACTIVE",
                    name: "IS_ACTIVE",
                    render: function(data, type, row) {
                        let active = 'No';
                        let active_value = 0;
                        if (row['IS_ACTIVE'] == 1) {
                            active = 'Yes';
                            active_value = 1;
                        }
                        return '<a href="#" class="name @permission('mange_administration_hospitals') pos-xedit-active @endpermission" data-value="' + active_value + '" data-pk="' + row["ID"] + '" data-title="Active Status">' + active + '</a>';
                    }
                }
            ];

            if ({{ $enableNearPay }} == 1) {
                columns.push({
                    data: "reconnect",
                    name: "reconnect",
                    render: function(data, type, row) {
                        let isNearPayCandidate = row["IS_NEAR_PAY"] == 1;
                        let disabled = !isNearPayCandidate || row['IS_ACTIVE'] == 0 ? 'disabled' : '';
                        return '<button class="btn btn-sm btn-outline-info reconnect-btn" data-id="' + row["ID"] + '" ' + disabled + '><i class="fa fa-link"></i> Reconnect</button>';
                    }
                });
            }
            columns.push({
                data: "IS_NEAR_PAY",
                name: "IS_NEAR_PAY",
                render: function(data, type, row) {
                    let isNearPay = 'Off';
                    let isNearPayValue = 0;
                    if (row['IS_NEAR_PAY'] == 1) {
                        isNearPay = 'On';
                        isNearPayValue = 1;
                    }
                    return '<a href="#" class="name @permission('mange_administration_hospitals') pos-xedit-is-near-pay @endpermission" data-value="' + isNearPayValue + '" data-pk="' + row["ID"] + '" data-title="Is NearPay">' + isNearPay + '</a>';
                }
            });
            columns.push({
                data: "IS_NEOPLEAP",
                name: "IS_NEOPLEAP",
                render: function(data, type, row) {
                    let is_neoleap = 'Off';
                    let is_neoleap_value = 0;
                    if (row['IS_NEOPLEAP'] == 1) {
                        is_neoleap = 'On';
                        is_neoleap_value = 1;
                    }
                    return '<a href="#" class="name @permission('mange_administration_hospitals') pos-xedit-is-neoleap @endpermission" data-value="' + is_neoleap_value + '" data-pk="' + row["ID"] + '" data-title="Is NeoLeap">' + is_neoleap + '</a>';
                }
            });

            $("#hospital-pos-datatable").DataTable({
                "responsive": true,
                "autoWidth": false,
                "searching": true,
                "paging": true,
                "bInfo": false,
                "lengthChange": false,
                "language": {
                    "emptyTable": "There are no POS added to this hospital yet"
                },
                serverSide: true,
                "processing": true,
                ajax: '/operations/hospital/pos/datatable/' + {{$hospital->ID}},
                "order": [[0, "desc"]],
                columns: columns,
                "drawCallback": function(settings) {
                    $('.pos-xedit-serial-number').editable({
                        type: 'text',
                        url: "/operations/pos/serial-number",
                    });
                    $('.pos-xedit-bank-name').editable({
                        type: 'text',
                        url: "/operations/pos/bank-name",
                    });
                    $('.pos-xedit-active').editable({
                        type: 'select',
                        url: '/operations/pos/active-status',
                        source: [
                            { value: 0, text: 'No' },
                            { value: 1, text: 'Yes' }
                        ],
                        success: function(response, newValue) {
                            var $row = $(this).closest('tr');
                            toggleReconnectButton($row, newValue);
                        }
                    });

                    $('.pos-xedit-is-near-pay').editable({
                        type: 'select',
                        url: '/operations/pos/is-near-pay',
                        source: [
                            { value: 0, text: 'Off' },
                            { value: 1, text: 'On' }
                        ]
                    });

                    $('.pos-xedit-is-neoleap').editable({
                        type: 'select',
                        url: '/operations/pos/is-neoleap',
                        source: [
                            { value: 0, text: 'Off' },
                            { value: 1, text: 'On' }
                        ]
                    });

                    $('.reconnect-btn').on('click', function(e) {
                        e.preventDefault();

                        let id = $(this).data('id');
                        let $button = $(this);

                        $button.html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...')
                            .attr('disabled', true);

                        $.ajax({
                            url: '/operations/' + {{$hospital->ID}} + '/pos/reconnect',
                            type: 'POST',
                            data: { id: id },
                            success: function(response) {
                                toastr.success('Reconnected successfully', 'Success');
                            },
                            error: function(xhr) {
                                var errorMessage = xhr.responseJSON && xhr.responseJSON.errorMessage ? xhr.responseJSON.errorMessage : 'An error occurred';
                                toastr.error(errorMessage, 'Error');
                            },
                            complete: function() {
                                $button.html('<i class="fa fa-link"></i> Reconnect').attr('disabled', false);
                            }
                        });
                    });
                }
            });
        }

        function toggleReconnectButton($row, activeValue) {
            var table = $('#hospital-pos-datatable').DataTable();
            var rowData = table.row($row).data();
            if (!rowData) return;
            let isNearPayCandidate = rowData['IS_NEAR_PAY'] == 1;
            if (activeValue == 1 && isNearPayCandidate) {
                $row.find('.reconnect-btn').attr('disabled', false);
            } else {
                $row.find('.reconnect-btn').attr('disabled', true);
            }
        }

        $('#add-hospital-pos').click(function(){
            $("#pos-serial-number").val("");
            $("#pos-bank-name").val("");
            $("#pos-active").val(1);
            $("#is-nearpay").prop("checked", false);
            $("#is-neoleap").prop("checked", false);
            $(this).prop("disabled",false);
        });

        $('#add-new-pos').click(function(){
            $(".alert-danger-pos").slideUp( "slow", function() {});
            $('#add-new-pos').html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
            let hospital_id = {{$hospital->ID}};
            let serial_number = $("#pos-serial-number").val();
            let bank_name = $("#pos-bank-name").val();
            let active = $("#pos-active").val();
            let is_nearpay = $("#is-nearpay").is(":checked");
            let is_neoleap = $("#is-neoleap").is(":checked");

            let data = {
                serial_number: serial_number,
                active: active,
                bank_name: bank_name,
                is_nearpay: is_nearpay ? 1 : 0,
                is_neoleap: is_neoleap ? 1 : 0
            }
            $.ajax({
                type: "POST",
                url: "/operations/hospitals/"+hospital_id+"/pos",
                data: JSON.stringify(data),
                contentType: "application/json; charset=utf-8",
            }).done(function(data ) {
                $('#add-new-pos').prop("disabled",false);
                $('#hospital-pos-datatable').DataTable().clear().destroy();
                HospitalPOS();
                $('#modal-pos').modal('hide');
                $('#add-new-pos').html('Save').attr('disabled', false);
            }).fail(function(jqXHR, textStatus, errorThrown) {
                $('#add-new-pos').prop("disabled",false);
                $(".alert-danger-pos").html(jqXHR.responseJSON.errorMessage);
                $(".alert-danger-pos").slideDown( "slow", function() {});
                $('#add-new-pos').html('Save').attr('disabled', false);
            });
            return false;
        });




        HospitalBank();
        function HospitalBank() {
            $("#hospital-bank-datatable").DataTable({
                "responsive": true,
                "autoWidth": false,
                "searching": true,
                "paging": true,
                "bInfo": false,
                "lengthChange": false,
                "language": {
                    "emptyTable": "There are no Bank added to this hospital yet"
                },
                serverSide: true,
                "processing": true,
                ajax: '/operations/hospital/bank/datatable/' + {{$hospital->ID}},
                "order": [[0, "desc"]],
                columns: [
                    {data: "ID", name: "ID"},
                    { data: "BANK_NAME", name: "BANK_NAME",render: function ( data, type, row ) {
                            return '<a href="#" class="name @permission('mange_administration_hospitals') bank-xedit-name @endpermission" data-pk="' + row["ID"] + '" data-title="Enter Bank Name">' + (row["BANK_NAME"] ? row["BANK_NAME"] : '') + '</a>';
                        }
                    },
                    { data: "BANK_NAME_AR", name: "BANK_NAME_AR",render: function ( data, type, row ) {
                            return '<a href="#" class="name @permission('mange_administration_hospitals') bank-xedit-name-ar @endpermission" data-pk="' + row["ID"] + '" data-title="Enter Bank Name (AR)">' + (row["BANK_NAME_AR"] ? row["BANK_NAME_AR"] : '') + '</a>';
                        }
                    },
                    { data: "BANK_ACCOUNT_NUMBER", name: "BANK_ACCOUNT_NUMBER",render: function ( data, type, row ) {
                            return '<a href="#" class="name @permission('mange_administration_hospitals') bank-xedit-account-number @endpermission" data-pk="' + row["ID"] + '" data-title="Enter Account Number">' + (row["BANK_ACCOUNT_NUMBER"] ? row["BANK_ACCOUNT_NUMBER"] : '') + '</a>';
                        }
                    },
                    { data: "BANK_IBAN", name: "BANK_IBAN",render: function ( data, type, row ) {
                            return '<a href="#" class="name @permission('mange_administration_hospitals') bank-xedit-iban @endpermission" data-pk="' + row["ID"] + '" data-title="Enter IBAN">' + (row["BANK_IBAN"] ? row["BANK_IBAN"] : '') + '</a>';
                        }
                    },
                    { data: "IS_ACTIVE", name: "IS_ACTIVE",render: function ( data, type, row ) {
                            let active = 'No';
                            let active_value = 0;
                            if(row['IS_ACTIVE'] == 1) {
                                active = 'Yes';
                                active_value = 1;
                            }
                            return '<a href="#" class="name @permission('mange_administration_hospitals') bank-xedit-active @endpermission" data-value="'+active_value+'" data-pk="'+row["ID"]+'" data-title="Active Status">'+active+'</a>';
                        }
                    },
                    { data: "SHOW_IN_B2B_INVOICE", name: "SHOW_IN_B2B_INVOICE",render: function ( data, type, row ) {
                            let show = 'No';
                            let show_value = 0;
                            if(row['SHOW_IN_B2B_INVOICE'] == 1) {
                                show = 'Yes';
                                show_value = 1;
                            }
                            return '<a href="#" class="name @permission('mange_administration_hospitals') bank-xedit-b2b-invoice @endpermission" data-value="'+show_value+'" data-pk="'+row["ID"]+'" data-title="Show On B2B Invoice">'+show+'</a>';
                        }
                    },
                ],
                "drawCallback": function( settings ) {
                    $('.bank-xedit-name').editable({
                        type: 'text',
                        url: "/operations/bank/name",
                    });
                    $('.bank-xedit-name-ar').editable({
                        type: 'text',
                        url: "/operations/bank/name-ar",
                    });
                    $('.bank-xedit-account-number').editable({
                        type: 'text',
                        url: "/operations/bank/account-number",
                    });
                    $('.bank-xedit-iban').editable({
                        type: 'text',
                        url: "/operations/bank/iban",
                    });
                    $('.bank-xedit-active').editable({
                        type: 'select',
                        url: '/operations/bank/active-status',
                        source: [
                            {value: 0, text: 'No'},
                            {value: 1, text: 'Yes'}
                        ],
                        success: function () {
                            // Deactivating a bank also drops it from the B2B invoice, so redraw.
                            reloadHospitalBank();
                        }
                    });
                    $('.bank-xedit-b2b-invoice').editable({
                        type: 'select',
                        url: '/operations/bank/show-in-b2b-invoice',
                        source: [
                            {value: 0, text: 'No'},
                            {value: 1, text: 'Yes'}
                        ],
                        success: function () {
                            // Only one bank per hospital may be shown, so the other rows change too.
                            reloadHospitalBank();
                        }
                    });
                }
            });
        }

        function reloadHospitalBank() {
            // Redraw on the next tick so x-editable can finish closing its popup first.
            setTimeout(function () {
                $('#hospital-bank-datatable').DataTable().ajax.reload(null, false);
            }, 0);
        }


        $('#add-hospital-bank').click(function(){
            $("#bank-name").val("");
            $("#bank-name-ar").val("");
            $("#bank-account-number").val("");
            $("#bank-iban").val("");
            $("#bank-active").val(1);
            $("#bank-show-in-b2b-invoice").val(0);
            $(this).prop("disabled",false);
        });

        $('#add-new-bank').click(function(){
            $(".alert-danger-bank").slideUp( "slow", function() {});
            $('#add-new-bank').html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
            let hospital_id = {{$hospital->ID}};
            let name = $("#bank-name").val();
            let active = $("#bank-active").val();


            let data = {
                bank_name: name,
                active: active,
                bank_name_ar: $("#bank-name-ar").val(),
                bank_account_number: $("#bank-account-number").val(),
                bank_iban: $("#bank-iban").val(),
                show_in_b2b_invoice: $("#bank-show-in-b2b-invoice").val()
            }
            $.ajax({
                type: "POST",
                url: "/operations/hospitals/"+hospital_id+"/bank",
                data: JSON.stringify(data),
                contentType: "application/json; charset=utf-8",
            }).done(function(data ) {
                $('#add-new-bank').prop("disabled",false);
                $('#hospital-bank-datatable').DataTable().clear().destroy();
                HospitalBank();
                $('#modal-bank').modal('hide');
                $('#add-new-bank').html('Save').attr('disabled', false);
            }).fail(function(jqXHR, textStatus, errorThrown) {
                $('#add-new-bank').prop("disabled",false);
                $(".alert-danger-bank").html(jqXHR.responseJSON.errorMessage);
                $(".alert-danger-bank").slideDown( "slow", function() {});
                $('#add-new-bank').html('Save').attr('disabled', false);
            });
            return false;
        });

        @endisset


    </script>
    @endif

@endsection