@extends('layouts.app')

@section('title')
    CE Worklist
@endsection

@section('css')
<style>
    .rack_no {
        vertical-align: middle!important;
        font-weight: 600;
        font-size: 16px;
        text-align: center;
    }
</style>
@endsection

@section('breadcrumb')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0 text-dark">
                    <i class="nav-icon fas fa-table"></i>
                    {{__('Capillary Electrophoresis Worklist')}}
                </h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{route('admin.index')}}">{{__('Home')}}</a></li>
                    <li class="breadcrumb-item">
                        <a href="{{route('admin.capillary_e.index')}}">{{ __('CE Worklists') }}</a>
                    </li>
                    <li class="breadcrumb-item active">{{ __('CE Worklist') }}</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
@endsection

@section('content')

    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">{{ __('Edit CE Worklist') }}</h3>
        </div>
        <!-- /.card-header -->
        <!-- /.card-body -->
    </div>

    <div class="card card-primary col-lg-12 p-1 m-0 mb-3">
        <input type="hidden" id="user_id" value="{{auth()->guard('admin')->user()->id}}">
        <div class="card-header">
            <h6 class="m-0 p-0">
                {{ __('CE Worklist') }}
            </h6>
        </div>
        <div class="card-body m-0 p-0">
    
            <div class="row m-2">
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="run_date">{{ __('Run Date') }}</label>
                        <input disabled required type="date" name="run_date" id="run_date" class="form-control form_date" value="{{$worklist->run_date}}">
                    </div>
                </div>
    
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="week">{{ __('Week') }}</label>
                        <input disabled type="text" name="week" id="week" class="form-control" value="{{$worklist->week}}">
                    </div>
                </div>
    
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="status">{{ __('Status') }}</label>
                        <select disabled required name="status" class="form-control">
                            <option value="Ongoing" @if(isset($worklist) && $worklist->status == "Ongoing") selected @endif>Ongoing</option>
                            <option value="Completed" @if(isset($worklist) && $worklist->status == "Completed") selected @endif>Completed</option>
                        </select>
                    </div>
                </div>
    
            </div>
    
            <div class="row mt-3 ml-1 mr-1">
                <table class="table mb-0" id="worklist_table">
                    <thead>
                        <th class="pt-3 pb-3 pr-1 pl-1" style="width: 5%;text-align: center;">Rack #</th>
                    @for($i = 1; $i <= 7; $i++)
                        <th class="pt-3 pb-3 pr-1 pl-1" style="text-align: center;">CAPILLARY {{$i}}</th>
                    @endfor
                        <th class="pt-3 pb-3 pr-1 pl-1" style="text-align: center; width: 8%">CAPILLARY 8</th>
                    </thead>
                    <tbody>
                        @if(isset($worklist))
                        @foreach($first_two as $rack)
                        <tr id="rack_{{$rack->rack_no}}">
                            <td class="rack_no p-0">{{$rack->rack_no}}</td>
                            <input type="hidden" name="cap[{{$rack->caps->id}}][id]" value="{{$rack->caps->id}}">
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <input disabled type="text" class="form-control row_rack_{{$rack->rack_no}}" value="{{$rack->caps->cap_1}}" name="cap[{{$rack->caps->id}}][cap_1]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <input disabled type="text" class="form-control row_rack_{{$rack->rack_no}}" value="{{$rack->caps->cap_2}}" name="cap[{{$rack->caps->id}}][cap_2]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <input disabled type="text" class="form-control row_rack_{{$rack->rack_no}}" value="{{$rack->caps->cap_3}}" name="cap[{{$rack->caps->id}}][cap_3]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <input disabled type="text" class="form-control row_rack_{{$rack->rack_no}}" value="{{$rack->caps->cap_4}}" name="cap[{{$rack->caps->id}}][cap_4]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <input disabled type="text" class="form-control row_rack_{{$rack->rack_no}}" value="{{$rack->caps->cap_5}}" name="cap[{{$rack->caps->id}}][cap_5]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <input disabled type="text" class="form-control row_rack_{{$rack->rack_no}}" value="{{$rack->caps->cap_6}}" name="cap[{{$rack->caps->id}}][cap_6]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <input disabled type="text" class="form-control row_rack_{{$rack->rack_no}}" value="{{$rack->caps->cap_7}}" name="cap[{{$rack->caps->id}}][cap_7]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <input disabled type="text" class="form-control row_rack_{{$rack->rack_no}}" value="{{$rack->caps->cap_8}}" name="cap[{{$rack->caps->id}}][cap_8]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                            </td>
                        </tr>
                        @endforeach
                        @foreach($racks as $rack)
                        <tr id="rack_{{$rack->rack_no}}">
                            <td class="rack_no p-0">{{$rack->rack_no}}</td>
                            <input type="hidden" name="cap[{{$rack->caps->id}}][id]" value="{{$rack->caps->id}}">
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <select disabled class="form-control barcode barcode_select2" name="cap[{{$rack->caps->id}}][cap_1]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                                    @if($rack->caps->cap_1 != null)
                                    <option value="{{$rack->caps->cap_1}}" selected>{{$rack->caps->cap_1_sample->barcode}}</option>
                                    @endif
                                </select>
                                @if($rack->caps->cap_1 != null)
                                    <span class="doe" class="mt-1" style="display: block; text-align: center;">{{$rack->caps->cap_1_sample->collection_date}}</span>
                                @else
                                    <span class="doe" class="mt-1" style="display: block; text-align: center; color: transparent;">aaaa</span>
                                @endif
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <select disabled class="form-control barcode barcode_select2" name="cap[{{$rack->caps->id}}][cap_2]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                                    @if($rack->caps->cap_2 != null)
                                    <option value="{{$rack->caps->cap_2}}" selected>{{$rack->caps->cap_2_sample->barcode}}</option>
                                    @endif
                                </select>
                                @if($rack->caps->cap_2 != null)
                                    <span class="doe" class="mt-1" style="display: block; text-align: center;">{{$rack->caps->cap_2_sample->collection_date}}</span>
                                @else
                                    <span class="doe" class="mt-1" style="display: block; text-align: center; color: transparent;">aaaa</span>
                                @endif
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <select disabled class="form-control barcode barcode_select2" name="cap[{{$rack->caps->id}}][cap_3]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                                    @if($rack->caps->cap_3 != null)
                                    <option value="{{$rack->caps->cap_3}}" selected>{{$rack->caps->cap_3_sample->barcode}}</option>
                                    @endif
                                </select>
                                @if($rack->caps->cap_3 != null)
                                    <span class="doe" class="mt-1" style="display: block; text-align: center;">{{$rack->caps->cap_3_sample->collection_date}}</span>
                                @else
                                    <span class="doe" class="mt-1" style="display: block; text-align: center; color: transparent;">aaaa</span>
                                @endif
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <select disabled class="form-control barcode barcode_select2" name="cap[{{$rack->caps->id}}][cap_4]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                                    @if($rack->caps->cap_4 != null)
                                    <option value="{{$rack->caps->cap_4}}" selected>{{$rack->caps->cap_4_sample->barcode}}</option>
                                    @endif
                                </select>
                                @if($rack->caps->cap_4 != null)
                                    <span class="doe" class="mt-1" style="display: block; text-align: center;">{{$rack->caps->cap_4_sample->collection_date}}</span>
                                @else
                                    <span class="doe" class="mt-1" style="display: block; text-align: center; color: transparent;">aaaa</span>
                                @endif
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <select disabled class="form-control barcode barcode_select2" name="cap[{{$rack->caps->id}}][cap_5]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                                    @if($rack->caps->cap_5 != null)
                                    <option value="{{$rack->caps->cap_5}}" selected>{{$rack->caps->cap_5_sample->barcode}}</option>
                                    @endif
                                </select>
                                @if($rack->caps->cap_5 != null)
                                    <span class="doe" class="mt-1" style="display: block; text-align: center;">{{$rack->caps->cap_5_sample->collection_date}}</span>
                                @else
                                    <span class="doe" class="mt-1" style="display: block; text-align: center; color: transparent;">aaaa</span>
                                @endif
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <select disabled class="form-control barcode barcode_select2" name="cap[{{$rack->caps->id}}][cap_6]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                                    @if($rack->caps->cap_6 != null)
                                    <option value="{{$rack->caps->cap_6}}" selected>{{$rack->caps->cap_6_sample->barcode}}</option>
                                    @endif
                                </select>
                                @if($rack->caps->cap_6 != null)
                                    <span class="doe" class="mt-1" style="display: block; text-align: center;">{{$rack->caps->cap_6_sample->collection_date}}</span>
                                @else
                                    <span class="doe" class="mt-1" style="display: block; text-align: center; color: transparent;">aaaa</span>
                                @endif
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <select disabled class="form-control barcode barcode_select2" name="cap[{{$rack->caps->id}}][cap_7]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                                    @if($rack->caps->cap_7 != null)
                                    <option value="{{$rack->caps->cap_7}}" selected>{{$rack->caps->cap_7_sample->barcode}}</option>
                                    @endif
                                </select>
                                @if($rack->caps->cap_7 != null)
                                    <span class="doe" class="mt-1" style="display: block; text-align: center;">{{$rack->caps->cap_7_sample->collection_date}}</span>
                                @else
                                    <span class="doe" class="mt-1" style="display: block; text-align: center; color: transparent;">aaaa</span>
                                @endif
                            </td>
                            <td class="pt-2 pb-2 pr-1 pl-1">
                                <input disabled type="text" class="form-control row_rack_{{$rack->rack_no}}" value="{{$rack->caps->cap_8}}" name="cap[{{$rack->caps->id}}][cap_8]" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif>
                            </td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>  
    
@endsection

@section('scripts')
    <script src="{{url('js/admin/capillary_e.js')}}"></script>
@endsection