@extends('operations.layout.mainlayout')

@section('content')
{{--    @if(session('role') != 4 || ( !empty($generation->ID) && session('profile_id') != $generation->PROFILE_ID))--}}
{{--        {{exit("<h1>Unauthorized access</h1>")}}--}}
{{--    @endif--}}
<style>
        .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
            color:black;
        }
</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">
                    <h1 class="m-0 text-dark card-body" style="color: #e35a80!important;">@if(!empty($generation->NAME_EN)){{$generation->NAME_EN}} @else Add Sample Generation @endif
                    </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">Sample Generation Details</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">

                    <!-- /.card -->

                    <div class="card">

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

                            <ul class="nav nav-tabs" id="custom-content-below-tab" role="tablist"
                                style="margin-bottom: 15px;">
                                <li class="nav-item">
                                    <a class="nav-link active"
                                        style="color: #e35a80 !important;@if(empty($generation->NAME_EN)) color:#a9a9a9 !important; @endif"
                                        id="custom-content-below-home-tab" data-toggle="pill"
                                        href="#custom-content-below-home" role="tab"
                                        aria-controls="custom-content-below-home" aria-selected="true">Sample Generation
                                        Information</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($generation->NAME_EN)) disabled @endif"
                                        style="color: #e35a80 !important;@if(empty($generation->NAME_EN)) color:#a9a9a9 !important; @endif"
                                        id="custom-content-below-messages-tab" data-toggle="pill"
                                        href="#custom-content-below-messages" role="tab"
                                        aria-controls="custom-content-below-messages" aria-selected="false">Sample Tests
                                        </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($generation->NAME_EN)) disabled @endif"
                                       style="color: #e35a80 !important;@if(empty($generation->NAME_EN)) color:#a9a9a9 !important; @endif"
                                       id="custom-content-below-analyzer-tab" data-toggle="pill"
                                       href="#custom-content-below-analyzer" role="tab"
                                       aria-controls="custom-content-below-analyzer" aria-selected="false">Sample Analyzers
                                    </a>
                                </li>
                        
                            </ul>

                            <div class="tab-content" id="custom-content-below-tabContent">

                                <div class="tab-pane fade active show" id="custom-content-below-home" role="tabpanel"
                                    aria-labelledby="custom-content-below-home-tab">

                                    <form method="post" action="/operations/samples-generations"
                                        enctype="multipart/form-data">
                                        <input id="generation_id" type="hidden" name="generation_id"
                                            value="@if(!empty($generation->ID)){{$generation->ID}}@endif">
                                        <p><b>Name</b></p>
                                        <div class="row">
                                            <div class="col-md-6">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">EN</span>
                                                    </div>
                                                    <input required type="text" class="form-control" name="name_en"
                                                        value="@if(!empty($generation->NAME_EN)){{$generation->NAME_EN}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">

                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">AR</span>
                                                    </div>
                                                    <input required type="text" class="form-control" name="name_ar"
                                                        value="@if(!empty($generation->NAME_AR)){{$generation->NAME_AR}}@endif" />
                                                </div>
                                            </div>
                                        </div>
                               
                                        <div class="row">
                            
                                            <div class="col-md-6">
                                            <p><b>Color</b></p>
                                            <div class="input-group mb-3">
                                                
                                                    <input required type="text" class="form-control" name="color"
                                                        value="@if(!empty($generation->COLOR)){{$generation->COLOR}}@endif" />
                                                </div>
                                            </div>

                                            <div class="col-md-3">
                                                <p><b>Registration Branch</b></p>
                                                <select required name="HOSPITAL_ID" class="form-control">
                                                    <option value="">Select Registration Branch</option>
                                                    @foreach($primary_hospitals as $primary)
                                                        <option @if(!empty($generation->HOSPITAL_ID) && $primary->ID == $generation->HOSPITAL_ID) selected @endif value="{{$primary->ID}}">{{$primary->NAME_EN}}</option>
                                                    @endforeach
                                                </select><br />
                                            </div>
                                            <div class="col-md-3">
                                            <p><b>Unit</b></p>
                                                <select required class="form-control rhospital_id" name="profile_unit_id" id="unit-id">
                                                    <option value="">Select Generation Unit</option>
                                                    @foreach($units as $unit)
                                                    <option
                                                        {{ !empty($generation->PROFILE_UNIT_ID) && $generation->PROFILE_UNIT_ID == $unit->ID ? 'selected' : ''}}
                                                        value="{{$unit->ID}}">{{$unit->NAME_EN}}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                        </div>
                                        
                                       
                               
                                        <div class="row">
                                        <div class="col-md-6">
                                            <p><b>Test Number</b></p>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">MAX</span>
                                                    </div>
                              
                                                    <input step="0.01" type="number" class="form-control"
                                                        name="max_test_number"
                                                        placeholder="Optional"
                                                        value="@if(!empty($generation->MAX_TEST_NUMBER)){{$generation->MAX_TEST_NUMBER}}@endif" />
                                                </div>
                                                </div>
                                            <div class="col-md-6">
                                            <p><b>Barcode Label</b></p>
                                            <div class="input-group mb-3">
                                                
                                                    <input  type="text" class="form-control" name="barcode_label"
                                                        placeholder="Optional"
                                                        value="@if(!empty($generation->BARCODE_LABEL)){{$generation->BARCODE_LABEL}}@endif" />
                                                        </div>
                                            
                                            </div>
                                        </div>
                                        <div class="row">
                                        <div class="col-md-6 mb-5">
                                            <p><b>Specimen type</b></p>
                                                <select  class="form-control" name="specimen_type_id" id="specimen-type-id">
                                                    <option value="">Select Specimen type</option>
                                                    @foreach($specimen_types as $specimen_type)
                                                    <option
                                                        {{ !empty($generation->SPECIMEN_TYPE_ID) && $generation->SPECIMEN_TYPE_ID == $specimen_type->ID ? 'selected' : ''}}
                                                        value="{{$specimen_type->ID}}">{{$specimen_type->NAME}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        <div class="col-md-6 mb-5">
                                            <p><b>Storage temperature type</b></p>
                                                <select  class="form-control" name="storage_temperature_type_id" id="storage-temp-type-id">
                                                    <option value="">Select storage temperature type</option>
                                                    @foreach($storageTemperatureType as $stype)
                                                    <option
                                                        {{ !empty($generation->STORAGE_TEMPERATURE_TYPE_ID) && $generation->STORAGE_TEMPERATURE_TYPE_ID == $stype->ID ? 'selected' : ''}}
                                                        value="{{$stype->ID}}">{{$stype->NAME}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p><b>Number Of Barcode</b></p>
                                                <div class="input-group mb-3">


                                                    <input step="0.01" type="number" class="form-control"
                                                           name="number_of_barcode"
                                                           placeholder="Optional"
                                                           value="@if(!empty($generation->NUMBER_OF_BARCODE)){{$generation->NUMBER_OF_BARCODE}}@endif" />
                                                </div>
                                            </div>

                                        </div>
                                        </br>
                                        <div class="row">
                                            <div class="col col-3">
                                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                                    <input type="checkbox" class="custom-control-input" @if(!empty($generation->IS_REQUIRED_PREANALYTICAL) && $generation->IS_REQUIRED_PREANALYTICAL==1) checked="checked" @endif id="is-required-preanalytical" name="is_required_preanalytical">
                                                    <label class="custom-control-label" for="is-required-preanalytical">Preanalytical Is Required</label>
                                                </div>
                                            </div>
                                        </div>
                                        </br>






                                        @permission('mange_administration_sample_generation')
                                        <div class="row">
                                        <div class="col" style="text-align: center">
                                        <input style="width:200px" type="submit" class="btn btn-info"
                                            value="@if(!empty($generation->NAME_EN)) Edit Sample Generation @else Add Sample Generation @endif" />
                                        </div>
                                        </div>
                                        @endpermission
                                </form>
                                </div>
                                    

                    
                            <div class="tab-pane fade" id="custom-content-below-messages" role="tabpanel"
                                aria-labelledby="custom-content-below-messages-tab">
                                <div class="row">
                                    <div class="col-md-6" >
                                        <span class="text-muted text-sm"><b>Tests</b></span>
                                        <select class="form-control" id="sg-test-filter" >
                                            <option value="">Select Test</option>
                                            @foreach($tests as $test)
                                                <option value="{{$test->ID}}">{{$test->NAME_EN}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <table id="generation-sample-tests-table" class="table table-bordered table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Test Name</th>
                                                    <th style="width: 130px;">Action</th>
                                                </tr>
                                            </thead>

                                        </table>
                                    </div>
                                </div>
                                @permission('mange_administration_sample_generation')
                                <div class="row">
                                    <div class="col" style="text-align: center">
                                        <button style="width:240px;color:#fff" data-toggle="modal"
                                            data-target="#modal-item" id="add-test-item" class="btn btn-info">Add
                                            Sample Generation Test</button>
                                    </div>
                                </div>
                                @endpermission
                            </div>
                                <div class="tab-pane fade" id="custom-content-below-analyzer" role="tabpanel"
                                     aria-labelledby="custom-content-below-analyzer-tab">
                                    <div class="row">
                                        <div class="col">
                                            <table id="generation-sample-analyzer-table" class="table table-bordered table-striped">
                                                <thead>
                                                <tr>
                                                    <th>Analyzer</th>
                                                    <th style="width: 130px;">Action</th>
                                                </tr>
                                                </thead>

                                            </table>
                                        </div>
                                    </div>
                                    @permission('mange_administration_sample_generation')
                                    <div class="row">
                                        <div class="col" style="text-align: center">
                                            <button style="width:240px;color:#fff" data-toggle="modal"
                                                    data-target="#modal-analyzer-item" id="add-analyzer-item" class="btn btn-info">Add Analyzer</button>
                                        </div>
                                    </div>
                                    @endpermission
                                </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-item">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Add Sample Generation Test</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-md-12" style="text-align: center;">
                    <div class="alert alert-danger alert-danger-rule" role="alert" style="display: none;"></div>
                    </div>
                </div>
                <div class="row" style="margin-top:20px">
                  
                    <div class="col-md-12">
                    <div class="form-group">
                        <label for="exampleFormControlSelect1">Select Test</label>
                        <select  class="form-control rhospital_id" multiple id="test_id" name="test_id[]" required>
                        <option value="">Select Test</option>
                        @foreach($tests as $test)
                            <option value="{{$test->ID}}">{{$test->NAME_EN}}</option>
                        @endforeach
                        </select>
                    </div>
                    </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" type="submit"
                id="add-new-generation-test" 
                    class="btn btn-info">Save</button>
            </div>
        </div>

        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<div class="modal fade" id="modal-analyzer-item">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Add Sample Analyzer</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-rule" role="alert" style="display: none;"></div>
                    </div>
                </div>
                <div class="row" style="margin-top:20px">

                    <div class="col-6">
                        <div class="form-group">
                            <label for="exampleFormControlSelect1">Select Analyzer</label>
                            <select  class="form-control" id="analyzer_id" name="analyzer_id" required>
                                <option value="">Select Analyzer</option>
                                @foreach($analyzers as $analyzer)
                                    <option value="{{$analyzer->ID}}">{{$analyzer->NAME_EN}}</option>
                                @endforeach
                            </select>
                        </div>
                    </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" type="submit"
                        id="add-new-generation-analyzer"
                        class="btn btn-info">Save</button>
            </div>
        </div>

        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

@endsection