@section('css')
<style>
    .rack_no {
        vertical-align: middle!important;
        font-weight: 600;
        font-size: 16px;
        text-align: center;
    }
</style>
@endsection
<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"><span style="color:red">*</span> {{ __('Run Date') }}</label>
                    <input required type="date" name="run_date" id="run_date" class="form-control form_date" @if(isset($worklist)) value="{{$worklist->run_date}}" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif @endif>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="form-group">
                    <label for="week">{{ __('Week') }}</label>
                    <input type="text" name="week" id="week" class="form-control" @if(isset($worklist)) value="{{$worklist->week}}" @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif @endif>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="form-group">
                    <label for="status"><span style="color:red">*</span> {{ __('Status') }}</label>
                    <select required name="status" class="form-control" @if(isset($worklist)) @if($worklist->approved_by != null && $worklist->approved_by_qc != null) disabled @endif @endif>
                        <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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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
                    @else
                    <tr id="rack_0">
                        <td class="rack_no p-0">0</td>
                    @for($i = 1; $i <= 8; $i++)
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <input type="text" class="form-control row_rack_0" value="AF Co" name="rack[0][cap_{{$i}}]">
                        </td>
                    @endfor
                    </tr>
                    <tr id="rack_1">
                        <td class="rack_no p-0">1</td>
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <input type="text" class="form-control row_rack_1" value="AFSC Co" name="rack[1][cap_1]">
                        </td>
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <input type="text" class="form-control row_rack_1" value="CTRL PX 16" name="rack[1][cap_2]">
                        </td>
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <input type="text" class="form-control row_rack_1" value="CTRL PX 17" name="rack[1][cap_3]">
                        </td>
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <input type="text" class="form-control row_rack_1" value="CTRL PX 18" name="rack[1][cap_4]">
                        </td>
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <input type="text" class="form-control row_rack_1" value="CTRL PX 13" name="rack[1][cap_5]">
                        </td>
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <input type="text" class="form-control row_rack_1" value="CTRL PX 14" name="rack[1][cap_6]">
                        </td>
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <input type="text" class="form-control row_rack_1" value="CTRL PX 15" name="rack[1][cap_7]">
                        </td>
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <input type="text" class="form-control row_rack_1" value="HS" name="rack[1][cap_8]">
                        </td>
                    </tr>
                    @for($i = 2; $i <= 4; $i++)
                    <tr id="rack_{{$i}}">
                        <td class="rack_no p-0">{{$i}}</td>
                        @for($x = 1; $x <= 7; $x++)
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <select class="form-control barcode barcode_select2" name="rack[{{$i}}][cap_{{$x}}]">
                            </select>
                            <span class="doe" class="mt-1" style="display: block; text-align: center; color: transparent;">aaaa</span>
                        </td>
                        @endfor
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <input type="text" class="form-control row_rack_{{$i}}" value="HS" name="rack[{{$i}}][cap_8]">
                        </td>
                    </tr
                    @endfor
                    @for($i = 5; $i <= 10; $i++)
                    <tr id="rack_{{$i}}">
                        <td class="rack_no p-0">{{$i}}</td>
                        @for($x = 1; $x <= 7; $x++)
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <select class="form-control barcode barcode_select2" name="rack[{{$i}}][cap_{{$x}}]">
                            </select>
                            <span class="doe" class="mt-1" style="display: block; text-align: center; color: transparent;">aaaa</span>
                        </td>
                        @endfor
                        <td class="pt-2 pb-2 pr-1 pl-1">
                            <input type="text" class="form-control row_rack_{{$i}}" name="rack[{{$i}}][cap_8]">
                        </td>
                    </tr
                    @endfor
                    @endif
                </tbody>
            </table>
        </div>
    </div>  


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