@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') != 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;">HESN 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 id="hreport-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 Date to</b></span>
                                                    <input id="hreport-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">
                                                    <span class="text-muted text-sm"><b>Status</b></span>
                                                    <select class="form-control multi" id="hreport-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>HESN Error</b></span>
                                                        <select class="form-control multi" id="herror-id" name="errors[]">
                                                            <option value="">Select Error</option>
                                                            @foreach($hesn_errors as $hesn_error)
                                                                <option value="{{$hesn_error->REQ_RES}}">@if(json_decode($hesn_error->REQ_RES))
                                                                    {{json_decode($hesn_error->REQ_RES)->Description}} @endif</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="hreport-hospital-id" name="hospital">
                                                            <option value="">Select Branch</option>
                                                            <option value="-1">Home Visit</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">

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

                                        </div>
                                    </div>

                            </form>
                        </div>

                    <div class="card">
                    <div class="card-body">
                    <table id="hesn-table" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>Sample ID</th>
                                    <th>Patient Name</th>
                                    <th>Identification</th>
                                    <th>Nationality</th>
                                    <th>Mobile No</th>
                                    <th>Birth date</th>
                                    <th>Result</th>
                                    <th>Status</th>
                                    <th>Collection</th>
                                    <th>Receiving</th>
                                    <th>Resulting</th>
                                    <th>Requisition ID</th>
                                    <th>Receive Sync</th>
                                    <th>Result Sync</th>
                                    <th>Error</th>
                                </tr>
                                </thead>

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

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


@endsection