@section('css')
    <style>
        .pal_cell:hover {
            cursor: pointer;
        }

        .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

@if (isset($create_form))
    <input type="hidden" id="is_create_form" value="true">
@endif

<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"><span style="color:red">*</span> {{ __('Status') }}</label>
                    <select 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 class="col-sm-4">
                <div class="form-group">
                    <label for="receive_range">{{ __('Date Received Range') }}</label>
                    <input autocomplete="off" type="text" class="form-control" id="receive_range">
                    <input type="hidden" name='start_range' id="start_range" @if (isset($plaa) && $plaa->start_range != null) value="{{ $plaa->start_range }}" @endif>
                    <input type="hidden" name='end_range' id="end_range" @if (isset($plaa) && $plaa->end_range != null) value="{{ $plaa->end_range }}" @endif>
                </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>
                                        <p class="mt-1 mb-1">
                                            @if ($col->sample)
                                                @if ($col->sample->imported)
                                                    <i class="fas fa-check-circle fa-lg" style="color: #4dff4f;"></i>
                                                @else
                                                    <i class="fas fa-times-circle fa-lg" style="color: #ff3d3d;"></i>
                                                @endif
                                            @else
                                                <i class="fas fa-times-circle fa-lg" style="color: #ff3d3d;"></i>
                                            @endif
                                        </p>
                                        @if (isset($col->sample))
                                            <input type="hidden" class="last_name" value="{{ $col->sample->patient->last_name }}">
                                            <input type="hidden" class="sample_barcode" value="{{ $col->sample->barcode }}">
                                        @endif
                                        <input type="hidden" class="pal_cell_count" value="{{ $cell_count }}">
                                        <input type="hidden" class="status_value" @if ($status == 'Cancelled' || $status == 'Rejected' || $status == 'Recollected') value="not_ok" @else value="ok" @endif>
                                        <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 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
                    @else
                                                @foreach ($alpha as $a)
                            <tr>
                                <th style="vertical-align: middle; padding: 4px;">{{ $a }}</th>
                                @for ($i = 1; $i < 13; $i++)
                                    <td class="pal_cell available" 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;">{{ $a }}{{ $i }}</p>
                                        <p class="mt-1 mb-1">Date:</p>
                                        <p style="font-weight:600" class="mt-1 mb-1 date_text"></p>
                                        <p class="mt-1 mb-1">Surname:</p>
                                        <p style="font-weight:600" class="mt-1 mb-1 surname_text"></p>
                                        <p class="mt-1 mb-1">Barcode:</p>
                                        <p style="display: contents;font-weight:600" class="mt-1 mb-1 barcode_text"></p>
                                        <input type="hidden" name="row[{{ $a }}][{{ $i }}][date]" class="date_input">
                                        <input type="hidden" name="row[{{ $a }}][{{ $i }}][surname]" class="surname_input">
                                        <input type="hidden" name="row[{{ $a }}][{{ $i }}][sample_id]" class="sample_id_input">
                                        <input type="hidden" name="row[{{ $a }}][{{ $i }}][user_id]" class="user">
                                        <input type="hidden" name="row[{{ $a }}][{{ $i }}][barcode]" class="barcode_input">
                                        <input type="hidden" name="row[{{ $a }}][{{ $i }}][is_default]" class="is_default" value="0">
                                    </td>
                                                                    @endfor
                                <td style="text-align: center; padding: 4px; vertical-align: middle;">
                                    <textarea style="font-size: 12px;" class="form-control" name="row[{{ $a }}][remarks]"></textarea>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                </tbody>
            </table>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="input_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modal_title"></h5>
                <button type="button" class="btn btn-sm btn-warning ml-3 default_start_btn">Plot Defaults From This Cell</button>
                <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-sm-12">
                        <div class="form-group">
                            <label for="date">{{ __('Date') }}</label>
                            <div class="input-group mb-3">
                                <input type="date" id="modal_date" class="form-control modal_date" value="2025-12-10">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label for="surname">{{ __('Surname') }}</label>
                            <div class="input-group mb-3">
                                <input type="text" id="modal_surname" class="form-control modal_surname">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label for="barcode">{{ __('Barcode') }}</label>
                            <select class="select2 form-control" id="modal_barcode">
                                <option value="">&nbsp;</option>
                                @foreach ($samples as $s)
                                    <option value="{{ $s->id }}">{{ $s->barcode }}-{{ $s->patient->last_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="modal_save_btn">Save changes</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="default_input_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="def_modal_title"></h5>
                <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-sm-12">
                        <div class="form-group">
                            <label for="date">{{ __('Date') }}</label>
                            <div class="input-group mb-3">
                                <input type="date" id="def_modal_date" class="form-control def_modal_date" value="2025-12-10">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label for="surname">{{ __('Surname') }}</label>
                            <div class="input-group mb-3">
                                <input type="text" id="def_modal_surname" class="form-control def_modal_surname">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label for="barcode">{{ __('Barcode') }}</label>
                            <input type="text" id="def_modal_barcode" class="form-control def_modal_barcode">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="modal_default_save_btn">Save changes</button>
            </div>
        </div>
    </div>
</div>


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