@extends('layouts.app')
@section('title', 'Inquiries')

@push('stylesheets')
@include('partials.index-datatable-styles')
@include('partials.filter-card-styles')
@endpush

@section('content')
<x-layouts.page-wrapper
    title="Inquiries"
    :breadcrumbs="['Inquiries' => null]"
>
    <div class="col-12">
        <x-table-filter-card
            action="{{ route('inquiries.index') }}"
            id="inquiryFilterForm"
            :resetUrl="route('inquiries.index')"
        >
            <div class="pms-filter-field">
                <label for="filter-search">Search</label>
                <input type="text" name="search" id="filter-search" class="form-control form-control-sm"
                       placeholder="Search by name, email or subject…" value="{{ $search }}">
            </div>
        </x-table-filter-card>

        <x-active-filter-chips :chips="$activeChips" :totalCount="$inquiries->total()" />

        <x-layouts.index-card 
            createLabel="Inquiries"
            :createRoute="null"
            :headers="[
                'ID', 'Name', 'Email', 'Phone', 'Company Name', 'Created', 'Action'
            ]"
            :sortColumns="[null, 'inquiries.name', 'inquiries.email', 'inquiries.phone', 'inquiries.user_company', 'inquiries.created_at', null]"
            :perPageSlot="view('components.per-page-selector', ['current' => $perPage, 'baseUrl' => route('inquiries.index')])"
            :pagination="$inquiries->links('vendor.pagination.bootstrap-4')"
        >

            @forelse ($inquiries as $inq)
                <tr>
                    <td>{{ $inq->id }}</td>
                    <td>{{ $inq->name }}</td>
                    <td>{{ $inq->email }}</td>
                    <td>{{ $inq->phone }}</td>
                    <td>{{ $inq->user_company }}</td>
                    {{-- <td>
                        <span class="badge badge-{{ $inq->newsletter_subscription ? 'success':'secondary' }}">
                            {{ $inq->newsletter_subscription ? 'Yes' : 'No' }}
                        </span>
                    </td>
                    <td>
                        <span class="badge badge-{{ $inq->terms_and_policy ? 'success':'secondary' }}">
                            {{ $inq->terms_and_policy ? 'Yes' : 'No' }}
                        </span>
                    </td> --}}
                    <td>{{ $inq->created_at->format('d M Y h:i A') }}</td>
                    <td>
                        <a href="{{ route('inquiries.show', $inq->id) }}" class="btn btn-info btn-sm">
                            <i class="fa-solid fa-eye"></i>
                        </a>
                        <form action="{{ route('inquiries.destroy', $inq->id) }}" method="POST" class="d-inline">
                            @csrf @method('DELETE')
                            <button id="btn-delete" class="btn btn-danger btn-sm">
                                <i class="fa-solid fa-trash-can"></i>
                            </button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="7">
                        <x-table-empty-state
                            :state="request()->anyFilled(['search']) ? 'no-results' : 'empty'"
                            :createRoute="null"
                            createLabel=""
                            :resetUrl="route('inquiries.index')"
                        />
                    </td>
                </tr>
            @endforelse
        </x-layouts.index-card>
    </div>
    </x-layouts.page-wrapper>
@endsection

@push('scripts')
@include('partials.index-datatable-scripts')
<script>
    $(function () {
        if ($('#example1').length && typeof window.PmsIndexDataTable !== 'undefined') {
            PmsIndexDataTable.initLaravelPaginated('#example1');
            PmsIndexDataTable.attachServerSort('#example1', {
                baseUrl: '{{ route("inquiries.index") }}',
                currentQuery: @json(request()->except(['page']) + ['sort_col' => $sort['col'], 'sort_dir' => $sort['dir']]),
                currentSortCol: '{{ $sort["col"] }}',
                currentSortDir: '{{ $sort["dir"] }}'
            });
        }
    });
</script>
@endpush