@extends('themes.backend.layouts.app')
@section('datetimeRangePicker') @stop
@section('fancybox') @stop
@section('page_title')
    {{ $pageDataAtrArr['title'] }}
@endsection

@section('breadcrumb')
    {{ Breadcrumbs::render('quick-appointment.index') }}
@endsection

@section('content')
    <div class="page-content">
        <div class="container-fluid">

            {{-- Module Title and Breadcrumb --}}
            @include('themes.backend.partials.module_title_breadcrumb', [
                'module_name' => $pageDataAtrArr['module_name'],
            ])

            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                    <x-card>

                        {{-- Page Title --}}
                        @include('themes.backend.partials.page_title', [
                            'title' => $pageDataAtrArr['title'],
                        ])

                        <div class="card-body border-bottom pb-3">
                        
                            <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}"
                                message="{{ session()->get('message') }}" />

                            <form method="GET" action="" class="row g-3">

                                {{-- SEARCH FIELDS --------------------------------------- --}}
                                <div class="col-md-2">
                                    <x-form.block.text_filter label="{{ $formFields['patient_type'] ?? '' }}" name="fpt"
                                        :value="request('fpt')" />
                                </div>

                                <div class="col-md-2">
                                    <x-form.block.text_filter label="{{ $formFields['full_name'] ?? '' }}" name="ffn"
                                        :value="request('ffn')" />
                                </div>

                                <div class="col-md-2">
                                    <x-form.block.text_filter label="{{ $formFields['phone_number'] ?? '' }}" name="fct"
                                        :value="request('fct')" />
                                </div>

                                <div class="col-md-2">
                                    <x-form.block.text_filter label="{{ $formFields['email_address'] ?? '' }}" name="fel"
                                        :value="request('fel')" />
                                </div>

                                <div class="col-md-2">
                                    <x-form.block.select_filter label="{{ $formFields['preferred_location'] }}" name="fcl"
                                        :options="$clinicList" :value="request('fcl')" />
                                </div>

                                <div class="col-md-2">
                                    <x-form.block.text_filter label="{{ __('enquiry.label.submitted_date') }}"
                                        name="fad" :value="request('fad')" class="period" />
                                </div>


                                {{-- TOOLBAR ------------------------------------------------ --}}
                                <div class="col-md-12 mt-2">
                                    <div class="d-flex justify-content-between align-items-center flex-wrap gap-3">

                                        {{-- LEFT SIDE: Show entries + Multi Delete --}}
                                        <div class="d-flex align-items-center flex-wrap gap-3">
                                            {{-- Show Entries (NO INNER FORM) --}}
                                            <x-form.per_page :value="$perPage" />
                                        </div>

                                        {{-- RIGHT SIDE BUTTONS --}}
                                        <div class="d-flex align-items-center flex-wrap gap-2">
                                            <x-form.btn_search />

                                            <x-form.link_reset href="{{ route('admin.quick-appointment.index') }}" />

                                            @if (count($submissions) > 0)
                                                <x-form.link_export
                                                    href="{{ route('admin.quick-appointment.export', request()->query()) }}" />
                                            @endif
                                        </div>

                                    </div>
                                </div>

                            </form>

                            {{-- ======================= LIST TABLE ======================== --}}
                            <form id="listDataForm" name="listDataForm" method="POST" action="{{ route('admin.quick-appointment.delete') }}">
                                @csrf

                                <div class="mt-3">

                                    <div class="table-responsive">
                                        <x-table_normal>

                                            <x-table_head>
                                                <tr>
                                                    @if ($roleRights['delete'] && count($submissions) > 0)
                                                        <th scope="col" class="cc-w-10">
                                                            <x-form.field.checkbox name="check_all" id="check_all" />
                                                        </th>
                                                    @endif

                                                    <th>
                                                        <a
                                                            href="?sby=patient_type&oby={{ $orderBy === 'asc' ? 'desc' : 'asc' }}">
                                                            {{ $formFields['patient_type'] ?? '' }}
                                                            {!! $sortBy == 'patient_type' ? ($orderBy == 'asc' ? '▲' : '▼') : '' !!}
                                                        </a>
                                                    </th>

                                                    <th>
                                                        <a
                                                            href="?sby=full_name&oby={{ $orderBy === 'asc' ? 'desc' : 'asc' }}">
                                                            {{ $formFields['full_name'] ?? '' }}
                                                            {!! $sortBy == 'full_name' ? ($orderBy == 'asc' ? '▲' : '▼') : '' !!}
                                                        </a>
                                                    </th>

                                                    <th class="cc-w-150">
                                                        <a
                                                            href="?sby=phone_number&oby={{ $orderBy === 'asc' ? 'desc' : 'asc' }}">
                                                            {{ $formFields['phone_number'] ?? '' }}
                                                            {!! $sortBy == 'phone_number' ? ($orderBy == 'asc' ? '▲' : '▼') : '' !!}
                                                        </a>
                                                    </th>

                                                    <th>
                                                        <a href="?sby=email_address&oby={{ $orderBy === 'asc' ? 'desc' : 'asc' }}">
                                                            {{ $formFields['email_address'] ?? '' }}
                                                            {!! $sortBy == 'email_address' ? ($orderBy == 'asc' ? '▲' : '▼') : '' !!}
                                                        </a>
                                                    </th>

                                                    <th class="cc-w-150">
                                                        <a href="?sby=preferred_date&oby={{ $orderBy === 'asc' ? 'desc' : 'asc' }}">
                                                            {{ $formFields['preferred_date'] ?? '' }}
                                                            {!! $sortBy == 'preferred_date' ? ($orderBy == 'asc' ? '▲' : '▼') : '' !!}
                                                        </a>
                                                    </th>

                                                    <th class="cc-w-125">
                                                        <a href="?sby=preferred_time&oby={{ $orderBy === 'asc' ? 'desc' : 'asc' }}">
                                                            {{ $formFields['preferred_time'] ?? '' }}
                                                            {!! $sortBy == 'preferred_time' ? ($orderBy == 'asc' ? '▲' : '▼') : '' !!}
                                                        </a>
                                                    </th>

                                                    <th>
                                                        <a
                                                            href="?sby=preferred_location&oby={{ $orderBy === 'asc' ? 'desc' : 'asc' }}">
                                                            {{ $formFields['preferred_location'] ?? '' }}
                                                            {!! $sortBy == 'preferred_location' ? ($orderBy == 'asc' ? '▲' : '▼') : '' !!}
                                                        </a>
                                                    </th>

                                                    <th class="cc-w-175">
                                                        <a
                                                            href="?sby=created_at&oby={{ $orderBy === 'asc' ? 'desc' : 'asc' }}">
                                                            {{ __('enquiry.label.submitted_date') }}
                                                            {!! $sortBy == 'created_at' ? ($orderBy == 'asc' ? '▲' : '▼') : '' !!}
                                                        </a>
                                                    </th>

                                                    <th class="text-center cc-w-35">{{ __('admin.action_txt') }}</th>
                                                </tr>
                                            </x-table_head>

                                            <tbody>

                                                @forelse($submissions as $row)
                                                    <tr>

                                                        {{-- Checkbox --}}
                                                        @if ($roleRights['delete'])
                                                            <td scope="row" class="sorting_{{ $row->id }}">
                                                                <div class="form-check">
                                                                    <x-form.field.checkbox name="checkbox[]"
                                                                        value="{{ $row->id }}"
                                                                        fldclass="form-check-input fs-15 del-chkbx" />
                                                                </div>
                                                            </td>
                                                        @endif

                                                        {{-- Dynamic values --}}
                                                        <td>{{ $row->values->where('field_name', 'patient_type')->first()->field_value ?? '' }}
                                                        <td>{{ $row->values->where('field_name', 'full_name')->first()->field_value ?? '' }}
                                                        </td>
                                                        <td>{{ $row->values->where('field_name', 'phone_number')->first()->field_value ?? '' }}
                                                        </td>
                                                        <td>{{ $row->values->where('field_name', 'email_address')->first()->field_value ?? '' }}
                                                        </td>
                                                        <td>{{ $row->values->where('field_name', 'preferred_date')->first()->field_value ?? '' }}
                                                        </td>
                                                        <td>{{ $row->values->where('field_name', 'preferred_time')->first()->field_value ?? '' }}
                                                        </td>
                                                        <td>{{ $row->values->where('field_name', 'preferred_location')->first()->field_value ?? '' }}
                                                        </td>

                                                        <td>{{ $row->created_at->format($listDataAtrArr['mdfy_dt_frmt']) }}
                                                        </td>

                                                        <td class="text-center">
                                                            @if ($roleRights['view'])
                                                            <x-icon_tooltip data-fancybox="list" data-type="iframe" data-width="900" data-height="710" url="{{ route('admin.quick-appointment.show', $row->id) }}" title="{{ $listDataAtrArr['view_txt'] }}">
                                                                <i class="ri-eye-fill fs-3"></i>
                                                            </x-icon_tooltip>
                                                            @endif
                                                        </td>

                                                    </tr>

                                                @empty
                                                    <tr>
                                                        <td colspan="10" class="text-center py-4 text-muted">
                                                            <i class="ri-information-line"></i>
                                                            {{ __('message.info.no_records') }}
                                                        </td>
                                                    </tr>
                                                @endforelse

                                            </tbody>

                                        </x-table_normal>
                                    </div>

                                    <x-form.pagination_info :data="$submissions" />

                                </div>

                            </form>
                            
                            @if ($roleRights['delete'] && count($submissions) > 0)
                                <x-form.btn_multi_delete />
                            @endif

                        </div>
                    
                    </x-card>
                </div>
            </div>
        </div>
    </div>
@endsection