@extends('operations.layout.mainlayout')

@section('content')
{{--    @if(session('role') != 4 || ( !empty($unit->ID) && session('profile_id') != $unit->PROFILE_ID))--}}
{{--        {{exit("<h1>Unauthorized access</h1>")}}--}}
{{--    @endif--}}
<!-- Content Wrapper. Contains page content -->
<style>
    .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
        color:black;
    }
</style>
<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: #e35a80!important;">@if(!empty($unit->NAME_EN)){{$unit->NAME_EN}} @else Add Unit @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">Lab Unit 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($unit->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">Lab Unit
                                        Information</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link @if(empty($unit->NAME_EN)) disabled @endif"
                                        style="color: #e35a80 !important;@if(empty($unit->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">Lab Unit Tests
                                        </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/profile-units"
                                        enctype="multipart/form-data">
                                        <input id="unit_id" type="hidden" name="unit_id"
                                            value="@if(!empty($unit->ID)){{$unit->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($unit->NAME_EN)){{$unit->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($unit->NAME_AR)){{$unit->NAME_AR}}@endif" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p><b>Report Name</b></p>
                                                <div class="input-group mb-3">
                                                    <input required type="text" class="form-control" name="report_name"
                                                           value="@if(!empty($unit->REPORT_NAME)){{$unit->REPORT_NAME}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <p><b>Default User</b></p>
                                                <select name="user_id" class="form-control rhospital_id">
                                                    <option value="">Select Default User</option>
                                                    @foreach($users as $user)
                                                        <option @if(!empty($unit->SYSTEM_USER_ID) && $user->ID == $unit->SYSTEM_USER_ID) selected @endif value="{{$user->ID}}">{{$user->USERNAME}}</option>
                                                    @endforeach
                                                </select><br/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p><b>Code</b></p>
                                                <div class="input-group mb-3">
                                                    <input required type="text" class="form-control" name="code"
                                                        value="@if(!empty($unit->CODE)){{$unit->CODE}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <p><b>Processing Branch</b></p>
                                                <select required name="HOSPITAL_ID" class="form-control">
                                                    <option value="">Select Processing Branch</option>
                                                    @foreach($primary_hospitals as $primary)
                                                        <option @if(!empty($unit->HOSPITAL_ID) && $primary->ID == $unit->HOSPITAL_ID) selected @endif value="{{$primary->ID}}">{{$primary->NAME_EN}}</option>
                                                    @endforeach
                                                </select><br />
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <p><b>Unit Categories</b></p>
                                                <select name="PROFILE_UNIT_CATEGORY_ID" class="form-control rhospital_id" id="profile-unit-category">
                                                    <option value="">Select Category</option>
                                                    @foreach($profile_unit_categories as $category)
                                                        <option @if(!empty($unit->PROFILE_UNIT_CATEGORY_ID) && $category->ID == $unit->PROFILE_UNIT_CATEGORY_ID) selected @endif value="{{$category->ID}}">{{$category->NAME_EN}}</option>
                                                    @endforeach
                                                </select><br />
                                            </div>
                                        </div>
                                        @permission('mange_administration_lab_units')
                                        <div class="row">
                                    <div class="col" style="text-align: center">
                                        <input style="width:200px" type="submit" class="btn btn-info"
                                            value="@if(!empty($unit->NAME_EN)) Edit Lab Unit @else Add Lab Unit @endif" />
                                    </div>
                                    </div>
                                        @endpermission
                                    </div>
                                </form>
                    

                    
                            <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="unit-test-filter" name="result">
                                                <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="profile-unit-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_lab_units')
                                <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
                                            Lab Unit Test</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-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Add Lab Units 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" 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 Test</label>
                        <select  class="form-control rhospital_id" id="test_id" style="color: #000" name="test_id " multiple="multiple" 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-unit-test" 
                    class="btn btn-info">Save</button>
            </div>
        </div>

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

@endsection