@extends('operations.layout.mainlayout')

@section('content')
{{--    @if(session('role') != 4 && session('role') != 2 && session('role') != 3 && session('role') != 9 && session('role') != 7 && session('role') != 19)--}}
{{--        {{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;">Job Receiving</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6 card-body" >
                    </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">
                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                    <input name="active_status" type="checkbox" class="custom-control-input" id="customSwitch3">
                                    <label class="custom-control-label" for="customSwitch3"> Handheld Scanner</label>
                                </div>
                                <div style="display: flex;justify-content: flex-end;">
                                <button id="add-run-manual"  class="btn btn-info float-right  mr-4"><i class="fa fa-plus"></i> Manual Selection</button><br /><br />

                                <button disabled="disabled" id="create-run" class="btn btn-info float-right"><i class="fa fa-plus"></i> Create Job </button><br /><br />
                                </div>
                                <p id="run-created"></p>
                                <div class="row">

                                    <div class="col-4" style="text-align: center">
                                        <div class="row" style="height:100%">

                                            <div class="col" style="background-color: #162427;overflow-y: scroll">
                                                <div class="row">
                                                    <div class="col" style="padding-top:5px;">
                                                        <h4 style="color:white !important;">Job Samples ( <span id="batch-count">0</span> )</h4>
                                                        <div id="extracted-codes"></div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-8">
                                        <div id="scandit-barcode-picker"></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-run-sample">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Manual Job 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" style="text-align: center;">
                            <div class="alert alert-danger alert-danger-package" role="alert" style="display: none;"></div>
                        </div>
                    </div>
             
                   <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                            <div class="col-12 col-sm-12 col-md-12">
                                <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-4">
                                                            <span class="text-muted text-sm"><b>Collected from</b></span>
                                                            <input id="report-date-from" class="form-control" type="date" name="date_from" value="@if(!empty($date_from)){{$date_from}}@endif" placeholder="Date From">
                                                        </div>
                                                        <div class="col-md-4">
                                                            <span class="text-muted text-sm"><b>Collected to</b></span>
                                                            <input id="report-date-to" class="form-control"  type="date" name="date_to" value="@if(!empty($date_to)){{$date_to}}@endif" placeholder="Date To">
                                                        </div>
                                                        <div class="col-md-4"  @if(empty(session('is_primary')) || session('role') == 14 || session('role') == 17) style="display: none" @endif>

                                                            <span class="text-muted text-sm"><b>Branch</b></span>
                                                            <select class="form-control rhospital_id" id="report-hospital-id" name="hospital">
                                                                <option value="">Select Branch</option>
                                                                @foreach($hospitals as $ehospital)
                                                                    <option @if((!empty($hospital) && $hospital == $ehospital->ID) || (!empty(session('role'))  && session('role') == 1 && session('hospital_id') == $ehospital->ID)) selected @endif value="{{$ehospital->ID}}">{{$ehospital->NAME_EN}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <span class="text-muted text-sm"><b>Receiving from</b></span>
                                                            <input id="report-receiving-from" class="form-control" type="date" value="" placeholder="Receiving Date From">
                                                        </div>
                                                        <div class="col-md-6">
                                                            <span class="text-muted text-sm"><b>Receiving to</b></span>
                                                            <input id="report-receiving-to" class="form-control"  type="date" value="" placeholder="Receiving Date To">
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <span class="text-muted text-sm"><b>Preanalytical from</b></span>
                                                            <input id="report-preanalytical-from" class="form-control" type="date" value="" placeholder="Preanalytical Date From">
                                                        </div>
                                                        <div class="col-md-6">
                                                            <span class="text-muted text-sm"><b>Preanalytical to</b></span>
                                                            <input id="report-preanalytical-to" class="form-control"  type="date" value="" placeholder="Preanalytical Date To">
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-4" @if(session('role') == 14 || session('role') == 17) style="display: none" @endif>
                                                            @if(!empty(session('is_branch')) || session('role') == 14 || session('role') == 17)
                                                            <span class="text-muted text-sm"><b>Client</b></span>
                                                            <select required id="report-org-id" class="form-control rhospital_id" name="org_id">
                                                                <option value="">Select Client</option>
                                                                @foreach($companies as $company)
                                                                    <option @if(!empty(session('role'))  && (session('role') == 14 || session('role') == 17) && !empty(session('org_id')) && session('org_id') == $company->ID) selected @endif value="{{$company->ID}}">{{$company->COMPANY_NAME}}{{!empty($company->CLIENT_CODE)?' ('.$company->CLIENT_CODE.')':''}}</option>
                                                                @endforeach
                                                            </select>
                                                            @endif
                                                        </div>

                                                        <div class="col-md-4">
                                                            <span class="text-muted text-sm"><b>Select Analyzer</b></span>
                                                            <select required class="form-control" name="analyzer-id" id="analyzer-id">
                                                                <option value="">Select Analyzer</option>
                                                                @foreach($analyzers as $analyzer)
                                                                    <option value="{{$analyzer->ID}}">{{$analyzer->NAME_EN}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="col-md-4" style="">
                                                    <span class="text-muted text-sm"><b>Select Sample</b></span>
                                                    <select class="form-control col-md-2 rhospital_id" multiple="multiple" id="samples-category-id" name="package_id" style="width: auto">
                                                        @foreach($samples as $sample)
                                                            <option value="{{$sample->ID}}">{{$sample->NAME_EN}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <span class="text-muted text-sm"><b>Reservation No.</b></span>
                                                            <input type="text"  class="form-control" id="res-no" placeholder="Search by Reservation No." />
                                                        </div>
                                                        <div class="col-md-4">
                                                            <span class="text-muted text-sm"><b>Sample ID</b></span>
                                                            <input type="text"  class="form-control" id="sample-id" placeholder="Search by Sample ID" />
                                                        </div>
                                                        <div class="col-md-4">
                                                            <span class="text-muted text-sm"><b>Select Unit</b></span>
                                                            <select id="unit_id" name="unit_id" class="form-control rhospital_id">
                                                                <option value="0">Select Unit</option>
                                                                @foreach($units as $unit)
                                                                    <option value="{{$unit->ID}}">{{$unit->NAME_EN}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <span class="text-muted text-sm"><b>Select Status</b></span>
                                                            <select class="form-control rhospital_id" multiple id="report-status-id" >
                                                                <option value="">Sample Status</option>
                                                                <option value="-1">Rejected</option>
                                                                <option value="1">Order Confirmed</option>
                                                                <option value="13">Pre Analytical</option>
                                                                <option value="2">Sample Collected</option>
                                                                <option value="6">In Transit</option>
                                                                <option value="7">Dropped off</option>
                                                                <option value="5">Outsourced</option>
                                                                <option value="3">Received</option>
                                                                <option value="4">Ready</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

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


                    <div class="card">
                    <div class="card-body">
                    <table id="run-tests-table" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                   
                                    <th></th>
                                    <th>Reservation ID</th>
                                    <th>Sample ID</th>
                                    <th>Tests</th>
                                    <th>Name</th>
                                    <th>Hospital</th>
                                    <th>Status</th>
                                </tr>
                                </thead>
                            </table>
                    </div>
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
                </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 class="text-right">
                        <button id="manual-run-all-tests" style="max-width:170px" class="form-control btn btn-info"> Add to Job </button>
                    </div>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <div class="modal fade" id="modal-run">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Job</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="run-form">
                <div class="modal-body">
                <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;">Job Number</p>
                            <input style="padding:15px" class="form-control" type="number" placeholder="Blank for auto generation" id="manual_run_number" name="manual_run_number"/>
                        </div>
           
</div>
                </div>
                <div class="modal-footer ">
                    <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" type="button" class="btn btn-default" data-dismiss="modal">{{trans("web.cancel")}}</button>
                    <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" id="create-run"  type="button" class="btn btn-info">Job</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
    <script>

    </script>
@endsection