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

@section('breadcrumb')
    {{ Breadcrumbs::render('new-patient-form.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['full_name'] ?? '' }}" name="ffn"
                                        :value="request('ffn')" />
                                </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-1">
                                    <x-form.block.text_filter label="{{ $formFields['cell_phone'] ?? '' }}" name="fcp"
                                        :value="request('fcp')" />
                                </div>

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

                                <div class="col-md-1">
                                    <x-form.block.select_filter label="{{ $formFields['sex'] ?? '' }}" name="fse" :options="$sexList"
                                        :value="request('fse')" />
                                </div>

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

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

                                <div class="col-md-2">
                                    <x-form.block.select_filter label="{{ __('admin.mdfy_by_txt') }}" name="fmb"
                                        :options="$modifiedByList" :value="request('fmb')" />
                                </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.new-patient-form.index') }}" />

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

                                    </div>
                                </div>

                            </form>

                            {{-- ======================= LIST TABLE ======================== --}}
                            <form id="listDataForm" name="listDataForm" method="POST" action="{{ route('admin.new-patient-form.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=full_name&oby={{ $orderBy === 'asc' ? 'desc' : 'asc' }}">
                                                            {{ $formFields['full_name'] ?? '' }}
                                                            {!! $sortBy == 'full_name' ? ($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=cell_phone&oby={{ $orderBy === 'asc' ? 'desc' : 'asc' }}">
                                                            {{ $formFields['cell_phone'] ?? '' }}
                                                            {!! $sortBy == 'cell_phone' ? ($orderBy == 'asc' ? '▲' : '▼') : '' !!}
                                                        </a>
                                                    </th>

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

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

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

                                                    <th class="cc-w-100">
                                                        <a
                                                            href="?sby=location&oby={{ $orderBy === 'asc' ? 'desc' : 'asc' }}">
                                                            {{ __('location.label_txt') }}
                                                            {!! $sortBy == '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>{{ __('admin.mdfy_by_txt') }}</th>

                                                    <th class="text-center cc-w-100">{{ __('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', 'full_name')->first()->field_value ?? '' }}</td>
                                                        <td>{{ $row->values->where('field_name', 'email_address')->first()->field_value ?? '' }}</td>
                                                        <td>{{ $row->values->where('field_name', 'cell_phone')->first()->field_value ?? '' }}</td>
                                                        <td>{{ $row->values->where('field_name', 'age')->first()->field_value ?? '' }}</td>
                                                        <td>{{ $row->values->where('field_name', 'sex')->first()->field_value ?? '' }}</td>
                                                        <td>{{ $row->values->where('field_name', 'city')->first()->field_value ?? '' }}</td>
                                                        <td>{{ $row->values->where('field_name', 'location')->first()->field_value ?? '' }}</td>

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

                                                        <td>{{ $row->updatedBy->display_name ?? $otherDataAtrArr['na'] }}</td>

                                                        <td class="text-center">
                                                            @if ($roleRights['export'])
                                                                @if($row->file_name)
                                                                <x-icon_tooltip url="{{ $otherDataAtrArr['media_folder'] . $row->file_name }}" title="{{ $otherDataAtrArr['download_pdf'] }}" target="_blank">
                                                                    <i class="ri-file-pdf-line fs-3"></i>
                                                                </x-icon_tooltip>
                                                                @endif
                                                            @endif
                                                            @if ($roleRights['view'])
                                                            <x-icon_tooltip data-fancybox="list" data-type="iframe" data-width="1600" data-height="710" url="{{ route('admin.new-patient-form.show', $row->id) }}" title="{{ $listDataAtrArr['view_txt'] }}">
                                                                <i class="ri-eye-fill fs-3"></i>
                                                            </x-icon_tooltip>
                                                            @endif
                                                            @if ($roleRights['edit'])
                                                            <x-icon_tooltip url="{{ route('admin.new-patient-form.edit', $row->id) }}" title="{{ $listDataAtrArr['edit_txt'] }}">
                                                                <i class="ri-edit-fill fs-3"></i>
                                                            </x-icon_tooltip>
                                                            @endif
                                                        </td>

                                                    </tr>

                                                @empty
                                                    <tr>
                                                        <td colspan="{{ $roleRights['delete'] ? 12 : 11 }}"
                                                            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

@push('scripts')
    <script src="{{ asset('themes/backend/js/syncs-hidden-location-filter.js') }}"></script>
@endpush