@extends('operations.layout.mainlayout')

@section('content')
{{--    @if(session('role') == 14 || session('role') == 15 || session('role') == 12 )--}}
{{--        {{exit("<h1>Unauthorized access</h1>")}}--}}
{{--    @endif--}}
<style>
     .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
            color:black;
        }
    .questionnaire-tooltip {
        cursor: pointer;
    }
</style>
<!-- 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;">Test Query</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="col-12 col-sm-12 col-md-12">
                        <div class="row">
                            <div class="col" style="text-align: center;">
                                <div class="alert alert-danger alert-danger-order" role="alert" style="@if(empty($error))display: none;@endif">@if(!empty($error)){{$error}}@endif</div>
                            </div>
                        </div>
                        <br />
                        <div class="card bg-light">
                            <div class="card-header text-muted border-bottom-0">
                            </div>
                            <form method="get" action="" style="width:100%;">
                                <div class="card-body pt-0">
                                    <div class="row">
                                        <div class="col-12">


                                            <div class="row">
                                                <div class="col-md-3">
                                                <span class="text-muted">Booking Type</span>
                                                <select id="booking_type" name="booking_type" class="form-control rhospital_id">
                                                    <option value="1">Normal Booking</option>
                                                    <option value="2">Home Visit</option>
                                                </select>
                                                </div>

                                                <div class="col-3" @if((empty(session('is_primary') ) && empty(session('is_branch') )) || !empty(session('org_id'))) style="display: none;" @endif>
                                                <span class="text-muted">Client</span>
                                                <select id="hospital_id" name="hospital_id" class="form-control rhospital_id">
                                                    <option value="0">Select Account</option>
                                                    @foreach($companies as $company)
                                                        <option @if((empty(session('is_primary') ) && empty(session('is_branch') )) || !empty(session('org_id')) && ((session('hospital_id') == $company->HOSPITAL_ID && empty(session('org_id'))) || (!empty(session('org_id')) && session('org_id') == $company->ID)) && ((empty(session('is_primary'))  && empty(session('is_branch') )) || !empty(session('org_id')))) selected @endif value="{{$company->ID}}">{{$company->COMPANY_NAME}}{{!empty($company->CLIENT_CODE)?' ('.$company->CLIENT_CODE.')':''}}</option>
                                                    @endforeach
                                                </select>
                                                <br />
                                            </div>

                                                <div class="col-md-3">
                                                    <span class="text-muted">Registration Branch</span>
                                                    <select id="registration_branch_id" name="registration_branch_id" class="form-control rhospital_id">
                                                        <option value="">All Branches</option>
                                                        @foreach($registration_branches as $branch)
                                                            <option value="{{$branch->ID}}">{{$branch->NAME_EN}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                                <div class="col-md-3">
                                                    <span class="text-muted">Tests</span>
                                                    <select class="form-control rhospital_id" id="price-package-ids" multiple>
                                                        <option value="0">Select Test</option>
                                                    @foreach($packages as $package)
                                                            <option value="{{$package->ID}}">{{$package->NAME_EN}} {{!empty($package->CODE) ? '- '.$package->CODE : ''}} </option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                            </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <div class="text-left">
                                    <input type="checkbox" name="without_tax" id="without_tax">
                                        <label for="without_tax" style="margin-right: 10px;font-weight: 300;"> Without {{$global_symbol['tax'] ?? 'TAX'}}</label>
                                    </div>
                                    <div class="text-right show-tfoot">
                                         <a href="" id="get-booking-price-quote" class="btn btn-sm btn-secondary">Print Quote</a>
                                    </div>
                                </div>

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

                    <div class="card">
                        <!-- /.card-header -->
                        <div class="card-body">
                        <button id="get-booking-package-recommender" class="btn btn-sm btn-secondary show-tfoot mb-2">Package Recommender</button>
                        <button id="print-all-tests" class="btn btn-sm btn-primary mb-2 ml-2">Print All Tests</button>
                        <button id="print-selected-sample-conditions" class="btn btn-sm btn-info mb-2 ml-2" disabled title="Add at least one test to export sample conditions">Print Sample Conditions (Selected)</button>
                        <script>window.canViewExpiredDate = {{ (in_array('view_booking_price_list_expired_date', session('permissions', []))) ? 'true' : 'false' }}; window.canViewTatDelay = {{ (in_array('view_booking_price_list_tat_delay', session('permissions', []))) ? 'true' : 'false' }};</script>
                        <table id="booking-price-tests-table" class="table table-bordered table-striped">
                                    <thead>
{{--                                    <tr style="display: none;">--}}
                                    <tr>
                                        <th>ID</th>
                                        <th>Test</th>
                                        <th>Type</th>
                                        <th>Code</th>
                                        <th>Questionnaire Questions</th>
                                        <th>Sample Conditions</th>
                                        <th>Notification</th>
                                        <th>Expired Date</th>
                                        <th>TAT Delay</th>
                                        <th>TAT (Days)</th>
                                        <th>STAT</th>
                                        <th>Sample</th>
                                        <th>Qty Limit</th>
                                        <th>Remaining QTY Limit</th>
                                        @if($clients_without_vat ?? false)
                                        <th>Price (without VAT)</th>
                                        @else
                                        <th>Price</th>
                                        @endif
                                        <th>Action</th>
                                    </tr>
                                    </thead>
                                    <tfoot class="show-tfoot">
                                    <th><span id="tests_count"></span>Tests Added</th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>{{-- Remaining QTY Limit footer cell --}}
                                    <th>{{$global_symbol['vat'] ?? 'VAT'}} : <span id="tax_price_amount"></span> @if(isset($global_symbol['is_html']) && $global_symbol['is_html'] && isset($global_symbol['currency']))
                                            {!! $global_symbol['currency'] !!}
                                        @else
                                            {{ $global_symbol['currency'] ?? 'SAR' }}
                                        @endif </th>
                                    <th>Total : <span id="net_price_total"></span> @if(isset($global_symbol['is_html']) && $global_symbol['is_html'] && isset($global_symbol['currency']))
                                            {!! $global_symbol['currency'] !!}
                                        @else
                                            {{ $global_symbol['currency'] ?? 'SAR' }}
                                        @endif </th>
                                    <th></th>
                                    <tfoot class="show-tfoot">
                                    <th><span id="tests_count"></span>Tests Added</th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tfoot>
                                </table>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
</div>

<div class="modal fade" id="show-sample-condition-modal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Sample Conditions</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">
                        <table id="show-sample-condition-table" class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>Conditions</th>
                            </tr>
                            </thead>

                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer justify-content-between">
                <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" type="button" class="btn btn-default" data-dismiss="modal" id="items-cancel">Close</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<div class="modal fade" id="package-items-price">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Package Items</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" style="max-height:60vh; overflow-y:auto;">
                    <div class="d-flex justify-content-end mb-2">
                        <button type="button" class="btn btn-sm btn-primary print-package-items" data-package-id="" id="print-package-items" title="Print package items (landscape)"><i class="fas fa-print mr-1"></i> Print Package</button>
                    </div>
                    <div class="row">
                        <div class="col" style="text-align: center;">
                            <div class="alert alert-danger alert-danger-package" role="alert" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            <table id="package-items-price-table" class="table table-bordered table-striped">
                                <thead>
                                <tr >
                                    <th>Name En</th>
                                    <th>Name Ar</th>
                                    <th>TAT(Days)</th>
                                    <th>STAT</th>
                                    <th>Sample Name</th>
                                </tr>
                                </thead>

                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-end">
                    <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" type="button" class="btn btn-default" data-dismiss="modal" id="items-cancel">Close</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="package-recommender">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Package Recommendation</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-package" role="alert" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            <table id="package-recommender-table" class="table table-bordered table-striped">
                                <thead>
                                <tr >
                                    <th>Name En</th>
                                    <th>Name Ar</th>
                                </tr>
                                </thead>

                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-between">
                    <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" type="button" class="btn btn-default" data-dismiss="modal" id="items-cancel">Close</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="bulk-sample-condition-modal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Sample Conditions - Selected Tests</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">
                            <table id="bulk-sample-condition-table" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>Test</th>
                                    <th>Conditions</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-between">
                    <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="remaining-qty-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Remaining QTY Limit</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{-- Loader shown while the remaining quantity is being fetched --}}
                    <div id="remaining-qty-loader" class="text-center py-4">
                        <i class="fas fa-spinner fa-spin fa-2x" style="color:var(--blazma-primary);"></i>
                        <div class="mt-2 text-muted">Loading...</div>
                    </div>
                    <div id="remaining-qty-error" class="alert alert-danger" style="display:none;"></div>
                    <div id="remaining-qty-content" style="display:none;">
                        <div class="mb-2"><strong>Test:</strong> <span id="remaining-qty-test-name">-</span></div>
                        <div class="mb-2"><strong>Qty Limit:</strong> <span id="remaining-qty-limit">-</span></div>
                        <div class="mb-2"><strong>Used:</strong> <span id="remaining-qty-used">-</span></div>
                        <div class="mb-0">
                            <strong>Remaining:</strong>
                            <span id="remaining-qty-value" class="badge badge-success" style="font-size:14px;">-</span>
                        </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-between">
                    <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
@endsection