@extends('operations.layout.mainlayout')

@section('content')
{{--    @if(session('role') != 4 && session('role') != 2 && session('role') != 10 && session('role') != 3 && session('role') != 13 && session('role') != 9 && session('role') != 8 && session('role') != 15 && session('role') != 6)--}}
{{--        {{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;">Sample Tracking Report</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" id="time-table-div">

            <div class="row">
                <div class="col-12">


                    <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-4">
                                                    <span class="text-muted text-sm"><b>Collected Date from</b></span>
                                                    <input autocomplete="off" id="treport-date-from" class="form-control date-from-invoice" type="text" 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 Date to</b></span>
                                                    <input autocomplete="off" id="treport-date-to" class="form-control date-to-invoice" type="text" name="date_to" value="@if(!empty($date_to)){{$date_to}}@endif" placeholder="Date To">                                              </div>
                                                <div class="col-md-4">
                                                    <span class="text-muted text-sm"><b>Status</b></span>
                                                    <select class="form-control multi" id="treport-status-id" name="status[]" multiple="multiple">
                                                        @foreach($statuses as $status)
                                                            <option value="{{$status->LAB_ORDER_STATUS_ID}}">{{$status->DESC_EN}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <span class="text-muted text-sm"><b>Test Category</b></span>
                                                        <select class="form-control rhospital_id" id="treport-category-id" name="status">
                                                            <option value="">Select Test Category</option>
                                                            @foreach($packages as $package)
                                                                <option value="{{$package->ID}}">{{$package->NAME_EN}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <span class="text-muted text-sm"><b>Branch</b></span>
                                                        <select class="form-control rhospital_id" id="treport-hospital-id" name="hospital">
                                                            <option value="">Select Branch</option>
                                                            @foreach($hospitals as $ehospital)
                                                                <option @if(!empty($hospital) && $hospital == $ehospital->ID) selected @endif value="{{$ehospital->ID}}">{{$ehospital->NAME_EN}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="col-md-4" @if(session('role') == 15) style="display: none;" @endif>
                                                        <span class="text-muted text-sm"><b>Driver By</b></span>
                                                        <select class="form-control rhospital_id" id="supervisor-id" name="supervisor">
                                                            <option value="">Select Driver</option>
                                                            @foreach($supervisors as $esupervisor)
                                                                <option @if(session('role') == 15 && session('admin_id') == $esupervisor->ID) selected @endif value="{{$esupervisor->ID}}">{{$esupervisor->USERNAME}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <span class="text-muted text-sm"><b>Identification</b></span>
                                                    <input id="treport-identification" class="form-control" type="text" name="treport-identification" placeholder="Identification No.">
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="text-muted text-sm"><b>Mobile Number</b></span>
                                                    <input id="treport-mobile" class="form-control" type="text" name="treport-mobile" placeholder="Mobile No.">
                                                </div>
                                                <div class="col-md-4">
                                                    <span class="text-muted text-sm"><b>Patient Name</b></span>
                                                    <input id="treport-name" class="form-control" type="text" name="treport-name" placeholder="Patient Name">
                                                </div>
                                            </div>
                                            </div>

                                        </div>
                                    </div>
                                <div class="card-footer">
                                    <div class="text-right">
                                        <input type="checkbox" name="only_reset" value="reset" id="only-reset">
                                        <label for="only-reset" style="margin-right: 10px;font-weight: 300;"> Only Reset</label>

                                        <input type="checkbox" name="refresh" value="refresh" id="refresh" checked>
                                        <label for="refresh" style="font-weight: 300;"> Refresh Automatically</label>
                                    </div>
                                    <div class="text-right">

                                    </div>

                                </div>

                            </form>
                        </div>

                    <div class="card">
                    <div class="card-body">
                    <table id="times-table" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>Sample ID</th>
                                    <th>Collection</th>
                                    <th>Pickup</th>
                                    <th>Drop off</th>
                                    <th>Outsourcing</th>
                                    <th>Receiving</th>
                                    <th>Extraction</th>
                                    <th>PCR</th>
                                    <th>Result</th>
                                    <!-- <th>Total Time</th> -->
                                    <th>Total</th>
                                </tr>
                                </thead>

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

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


@endsection