@php
    $rxStatusOptions = $column['rxStatusOptions'];
    $locationOptions = $column['locationOptions'];
    $issueOptions = $column['issueOptions'];
@endphp

{{-- This Blade will receive $entry (the Call model) --}}
<div class="prescription-cell">
    @foreach($entry->aiPrescriptions as $prescription)
        <div class="mb-1">
            @php
                $class = "";
                if ($prescription->has_collect) {
                    $class="completed";
                }

                $currentUrl = url($crud->route);
                if(request()->has('view')) {
                    $currentUrl .= '?view=' . request()->get('view');
                }
                $locationDropdownClass = "";
                if ( $prescription->location_id ) {
                    $locationDropdownClass = "bgcolor-".$prescription->location_id;
                }
            @endphp
            <div>
                <div class="mb-1 ">
                    <a class="{{ $class }} {{ $currentUrl }}" href="{{ backpack_url('ai-prescription/' . $prescription->id . '/edit?redirect='.  urlencode($currentUrl)) }}">{{ $prescription->rx_id }} </a>
                </div>
                
            </div>
            <div class="mb-1 dropdown-container">
                {{-- Location dropdown --}}
                <div class="d-inline-block position-relative">
                    <div class="label">Location</div>
                    <select name="location-dropdown" class="js-tomselect d-inline form-control form-select location-dropdown {{ $locationDropdownClass }}" onchange="updatePrescriptionStatus(this, {{ $prescription->id }}, 'location_id', this.value)" data-id="{{ $prescription->id }}" data-route="{{ route('updateAiPrescriptionStatus') }}">
                        <option value="">Select Location</option>
                        @foreach($locationOptions as $id => $name)
                            <option value="{{ $id }}" {{ $prescription->location_id == $id ? 'selected' : '' }}>
                                {{ $name }}
                            </option>
                        @endforeach
                    </select>
                    {{-- <i class="select-arrow-down las la-angle-down"></i> --}}
                </div>

                {{-- RxStatus dropdown --}}
                <div class="d-inline-block position-relative">
                    <div class="label">Status</div>
                    <select name="rxstatus-dropdown" class="js-tomselect d-inline form-control form-select rxstatus-dropdown" onchange="updatePrescriptionStatus(this, {{ $prescription->id }}, 'rx_status_id', this.value)" data-id="{{ $prescription->id }}" data-route="{{ route('updateAiPrescriptionStatus') }}">
                        <option value="">Delay Prescriptions</option>
                        @foreach($rxStatusOptions as $id => $name)
                            <option value="{{ $id }}" {{ $prescription->rx_status_id == $id ? 'selected' : '' }}>
                                {{ $name }}
                            </option>
                        @endforeach
                    </select>
                    {{-- <i class="select-arrow-down las la-angle-down"></i> --}}
                </div>

                {{-- Prescription Issue Drowdown --}}
                <div class="d-inline-block position-relative">
                    <div class="label">Issue</div>
                    <select name="rxissue-dropdown" class="js-tomselect d-inline form-control form-select rxissue-dropdown" onchange="updatePrescriptionStatus(this, {{ $prescription->id }}, 'rx_issue_id', this.value)" data-id="{{ $prescription->id }}" data-route="{{ route('updateAiPrescriptionStatus') }}">
                        <option value="">Select Issue</option>
                        @foreach($issueOptions as $id => $name)
                            <option value="{{ $id }}" {{ $prescription->prescription_issue_id == $id ? 'selected' : '' }}>
                                {{ $name }}
                            </option>
                        @endforeach
                    </select>
                    {{-- <i class="select-arrow-down las la-angle-down"></i> --}}
                </div>
            </div>
            @php
                $entryId = $entry->getKey();
                $messageUrl = route('message', [
                    'call_id' => $entryId,
                    'prescription_id' => $prescription->id,
                ]);
            
                $updateUrl = route('updateAiPrescriptionAiEndpoint', ['prescription_id' => $prescription->id]);
                $completeUrl = route('collectAiPrescriptionAiEndpoint', ['prescription_id' => $prescription->id]);

                $pivot = $prescription->calls()->wherePivot('call_id', $entryId)->first();
                $textBackNumber = $pivot->pivot->text_back_number;
                
            @endphp
            <div class="mb-1">

                    <span><a href="javascript:void(0)" onclick="collectPrescription(this)" data-route="{{ $updateUrl }}" class="btn btn-sm btn-table" title="Prescription is ready for collect" data-button-type="collect">Ready for collect</a></span>


                @if (!empty($textBackNumber)) 
                        <span><a href="javascript:void(0)" onclick="collectPrescriptionAndMessage(this)" data-route="{{ $messageUrl }}" class="btn  btn-sm btn-table" title="Message Patient to collect medicine">Ready for collect and Send SMS</a></span>
                @endif
            </div>
        </div>
    @endforeach
</div>

<script>
    // Pass single element
    // document.querySelectorAll('.js-choice').forEach(element => {
    //     new Choices(element);
    // });

    // document.querySelectorAll('.js-tomselect').forEach((el) => {
    //     new TomSelect(el, {
    //         create: false,        // allow new item creation? (true/false)
    //         sortField: { field: "text", direction: "asc" },
    //         placeholder: 'Select an option',
    //         plugins: ['remove_button']  // adds "x" remove button for multi-select
    //     });
    // });
</script>
  

@push('after_scripts') @if (request()->ajax()) @endpush @endif

@if (!request()->ajax()) @endpush @endif