@extends('operations.layout.mainlayout')

@section('content')
{{--    @if(session('role') != 4)--}}
{{--        {{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;">Reference List</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="/operations">Home</a></li>
                        <li class="breadcrumb-item active">Reference List</li>
                    </ol>

                </div><!-- /.col -->

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

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="mx-auto col-md-8">
                    @permission('mange_administration_reference_ranges')
                  
                        <div style="display: flex;justify-content: end;align-items: center;margin-bottom: 12px;">
                        @if(count($cbcReferences)==0)
                        <a id="create-cbc" href="#" style="margin-right: 20px;" class="btn btn-info float-right"><i class="fa fa-plus"></i> Create CBC/HE Reference Ranges</a><br /><br/>
                        @elseif(count($inrReferences)==0)
                        <a id="create-inr" href="#" style="margin-right: 20px;" class="btn btn-info float-right"><i class="fa fa-plus"></i> Create PTINR Reference Ranges</a><br/><br />
                        @else
                        <p id="run-created"></p>
                        @endif
                        </div>
                    @endpermission
                    <!-- /.card -->

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

                            <table id="example1" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>Reference ID</th>
                                    <th>Reference Name (EN)</th>
                                    <th>Reference Name (AR)</th>
                                    <th>Reference Default Normal (MIN)</th>
                                    <th>Reference Default Normal (MAX)</th>
                                    <th>Reference Unit</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($references as $reference)
                                <tr>
                                    <td><a href="/operations/reference-ranges/{{$reference->ID}}">{{$reference->ID}}</a></td>
                                    <td>{{$reference->NAME_EN ?? ''}}</td>
                                    <td>{{$reference->NAME_AR ?? ''}}</td>
                                    <td>{{$reference->DEFAULT_MIN_NORMAL ?? ''}}</td>
                                    <td>{{$reference->DEFAULT_MAX_NORMAL ?? ''}}</td>
                                    <td>{{$reference->UNIT ?? ''}}</td>
                                    
                                </tr>
                                @endforeach
                                </tbody>
                            </table>
                            <div class="row">
                                <div class="col" style="text-align: center">
                                    @permission('mange_administration_reference_ranges')
                                    <a class="btn btn-info" href="/operations/reference-ranges/0">Add New Reference</a>
                                    <button class="btn btn-info" data-toggle="modal" data-target="#modal-clone-cbc">Clone Analysis Reference</button>
                                    @endpermission
                                </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-clone-cbc">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Clone Analysis Reference</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-cbc" role="alert" style="display: none;"></div>
                            </div>
                        </div>
                        <div class="row" style="margin-top:20px">
                            <div class="col-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Select Reference</p>
                                <select  class="form-control rhospital_id" id="reference-code" name="reference_code" >
                                    @foreach($cbcReferences as $cbc)
                                    <option value="{{$cbc->CODE}}">{{$cbc->NAME_EN}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6">
                                <p style="font-size:15px;color:#1F3E61;font-weight: 600;margin-bottom: 10px;">Select Hospital</p>
                                <select  class="form-control rhospital_id" id="hospital-id" name="hospital_id" >
                                    @foreach($hospitals as $hospital)
                                    <option value="{{$hospital->ID}}">{{$hospital->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="clone-cbc"  type="button" class="btn btn-info">Save</button>
                    </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
@endsection