@extends('layouts.app')

@section('title')
    Plasma Acylcarnitine Worklist
@endsection

@section('css')
<style>
    .available {
        background-color: #d3ffd3;
    }
    .unavailable {
        background-color: #ffabab
    }
    .def_cell {
        color: red;
    }
    .color_red + .select2 .select2-selection__rendered {  color: red; }

    .color_red_text { color: red; }
</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-th"></i>
                    {{__('Plasma Acylcarnitine 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.pal_worklist.index')}}">{{ __('Plasma Acylcarnitine Worklist') }}</a>
                    </li>
                    <li class="breadcrumb-item active">{{ __('Plasma Acylcarnitine 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">{{ __('Plasma Acylcarnitine 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">
                {{ __('Plasma Acylcarnitine 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="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 m-2">
                <table class="table" id="worklist_table">
                    <thead>
                        <th style="padding: 4px; width: 0%;"></th>
                    @for($i = 1; $i < 13; $i++)
                        <th style="text-align: center; padding: 4px; vertical-align: middle;">{{$i}}</th>
                    @endfor
                        <th style="text-align: center; padding: 4px; vertical-align: middle; width: 10%;">Remarks</th>
                    </thead>
                    <tbody>
                    @if(isset($worklist))
                                        @foreach($worklist->rows as $row)
                        <tr>
                            <th style="vertical-align: middle; padding: 4px;">{{$row->row}}</th>
                    @foreach($row->cols as $col)
                        @php $status = isset($col->sample) ? $col->sample->sample_status : '' @endphp
                            <td class="pal_cell @if($col->is_default) def_cell @endif @if(isset($col->sample) || ($col->barcode != "" && $col->barcode != "-")) unavailable @else available @endif" style="text-align: center; padding: 4px; font-size: 12px;" id="cell_{{$cell_count}}" data-cell_count="{{$cell_count}}">
                                <p class="plate_no mt-1 mb-1" style="font-weight:600;">{{$row->row}}{{$col->column}}</p>
                                <p class="mt-1 mb-1">Date:</p>
                                <p style="font-weight:600" class="mt-1 mb-1 date_text">@if($col->date != "") {{date_format(date_create($col->date), 'M j, Y')}} @endif</p>
                                <p class="mt-1 mb-1">Surname:</p>
                                <p style="font-weight:600" class="mt-1 mb-1 surname_text">{{$col->surname}}</p>
                                <p class="mt-1 mb-1">Barcode:</p>
                                <p style="display: contents;font-weight:600" class="mt-1 mb-1 barcode_text @if($status == 'Cancelled' || $status == 'Rejected' || $status == 'Recollected') color_red_text pal_cel_{{$cell_count}} @endif">@if($col->is_default) {{$col->barcode}} @else @if(isset($col->sample)){{$col->sample->barcode}} @endif @endif</p>
                                <input type="hidden" name="row[{{$row->row}}][{{$col->column}}][date]" class="date_input" value="{{$col->date}}"> 
                                <input type="hidden" name="row[{{$row->row}}][{{$col->column}}][surname]" class="surname_input" value="{{$col->surname}}"> 
                                <input type="hidden" name="row[{{$row->row}}][{{$col->column}}][sample_id]" class="sample_id_input" value="{{$col->sample_id}}"> 
                                <input type="hidden" name="row[{{$row->row}}][{{$col->column}}][user_id]" class="user" value="{{$col->user_id}}">
                                <input type="hidden" name="row[{{$row->row}}][{{$col->column}}][barcode]" class="barcode_input" value="{{$col->barcode}}">
                                <input type="hidden" name="row[{{$row->row}}][{{$col->column}}][is_default]" class="is_default" value="{{$col->is_default}}">
                                <input type="hidden" name="row[{{$row->row}}][{{$col->column}}][record_id]" value="{{$col->id}}">
                            </td>
                                        @endforeach
                            <td style="text-align: center; padding: 4px; vertical-align: middle;">
                                <textarea disabled style="font-size: 12px;" class="form-control" name="row[{{$row->row}}][remarks]">{{$row->remarks}}</textarea>
                                <input type="hidden" name="row[{{$row->row}}][row_id]" value="{{$row->id}}">
                            </td>    
                        </tr>
                    @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
        </div>  
    </div>
    
@endsection

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