@extends('layouts.admin')

@section('title', request('source') ? ucfirst(str_replace('-', ' ', request('source'))) . ' Enquiries' : 'Enquiries')


@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1>
            @if (request('source'))
                {{ ucfirst(str_replace('-', ' ', request('source'))) }} Enquiries
            @else
                Enquiries
            @endif
        </h1>
        <button onclick="history.back()" class="btn btn-secondary">
            Back
        </button>
    </div>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Enquiries Management</h3>
            <div class="card-tools">
                <div class="btn-group">
                    <button type="button" class="btn btn-success btn-sm" id="exportButton" disabled>
                        Export
                    </button>
                    <button type="button" class="btn btn-success btn-sm dropdown-toggle dropdown-toggle-split" 
                            id="exportDropdownToggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>
                        <span class="sr-only">Toggle Dropdown</span>
                    </button>
                    <div class="dropdown-menu dropdown-menu-right">
                        <a class="dropdown-item" href="javascript:void(0)" onclick="event.preventDefault(); return setExportType('csv')">
                            Export as CSV
                        </a>
                        <a class="dropdown-item" href="javascript:void(0)" onclick="event.preventDefault(); return setExportType('excel')">
                            Export as Excel
                        </a>
                    </div>
                </div>
                <button type="button" id="bulkDeleteBtn" class="btn btn-danger btn-sm ml-2" disabled>
                    Delete Selected
                </button>
            </div>
        </div>
        <div class="card-body">
            <!-- Hidden Export Form -->
            <form method="POST" action="{{ $exportRoute }}" id="exportForm" style="display: none;">
                @csrf
                <input type="hidden" name="ids" id="exportIds">
                <input type="hidden" name="export_type" id="exportType" value="csv">
            </form>

            <!-- Filter Form -->
            <div class="card mb-4 filter-card">
                <div class="card-body">
                    <form method="GET" action="{{ url()->current() }}" class="row g-3" id="enquiriesFilterForm">
                        <div class="col-md-3">
                            <label for="q" class="form-label">Search</label>
                            <input type="text" class="form-control" id="q" name="q"
                                value="{{ request('q') }}" placeholder="Search by name or email...">
                        </div>

                        <div class="col-md-3">
                            <label for="from_date" class="form-label">From Date</label>
                            <input type="date" class="form-control" id="from_date" name="from_date"
                                value="{{ request('from_date') }}"
                                min="2020-01-01"
                                max="{{ now()->format('Y-m-d') }}">
                        </div>

                        <div class="col-md-3">
                            <label for="to_date" class="form-label">To Date</label>
                            <input type="date" class="form-control" id="to_date" name="to_date"
                                value="{{ request('to_date') }}"
                                min="{{ request('from_date') ?: '2020-01-01' }}"
                                max="{{ now()->format('Y-m-d') }}">
                        </div>

                        <!-- Page Filter (Global Enquiries Only) -->
                        @if(request()->is('admin/enquiries') && !request()->route('id'))
                            <div class="col-md-3">
                                <label for="page_filter" class="form-label">Filter by Page</label>
                                <select class="form-control page-filter-dropdown" id="page_filter" name="page_filter">
                                    <option value="">All Pages</option>
                                    @foreach($pageSources as $info)
                                        <option value="{{ $info['source'] }}"
                                            {{ request('page_filter') == $info['source'] ? 'selected' : '' }}
                                            @if(!$info['count']) disabled style="color:#aaa;" @endif>
                                            {{ ucwords(str_replace('-', ' ', $info['source'])) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        @endif

                        <!-- Form Type Filter (Training Only) -->
                        @if(request()->is('admin/training/enquiries'))
                            <div class="col-md-3">
                                <label for="form_type" class="form-label">Form Type</label>
                                <select class="form-control" id="form_type" name="form_type">
                                    <option value="">All Types</option>
                                    <option value="enquiry" {{ request('form_type') === 'enquiry' ? 'selected' : '' }}>Enquiry Only</option>
                                    <option value="training-calendar" {{ request('form_type') === 'training-calendar' ? 'selected' : '' }}>Registration Only</option>
                                </select>
                            </div>
                        @endif

                        <div class="col-12 mt-3">
                            <button type="submit" class="btn btn-primary btn-filter">
                                Filter
                            </button>
                            <a href="{{ url()->current() }}" class="btn btn-secondary btn-filter">
                                Clear
                            </a>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Results Count -->
            <div class="mb-3">
                <span class="badge badge-secondary">
                    Showing {{ $enquiries->count() }} of {{ $enquiries->total() }} enquiries
                </span>
                @php
                    $hasActiveFilters = false;
                    $filterParams = request()->only(['q', 'from_date', 'to_date', 'page_filter', 'form_type']);
                    foreach ($filterParams as $value) {
                        if ($value !== '' && $value !== null) {
                            $hasActiveFilters = true;
                            break;
                        }
                    }
                @endphp
                @if ($hasActiveFilters)
                    <span class="badge badge-warning ml-2">
                        Filtered Results
                    </span>
                @endif
            </div>

            <!-- Data Table -->
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th><input type="checkbox" id="selectAll"></th>
                            <th width="5%">Sr. No.</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Phone</th>
                            <th>Company</th>
                            @if(request()->is('admin/training/enquiries'))
                                <th>Type</th>
                            @endif
                            <th>Submitted At</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($enquiries as $enquiry)
                            <tr>
                                <td><input type="checkbox" class="enquiry-checkbox" value="{{ $enquiry->id }}"></td>
                                <td>{{ ($enquiries->currentPage() - 1) * $enquiries->perPage() + $loop->iteration }}</td>
                                <td>{{ $enquiry->first_name }} {{ $enquiry->last_name }}</td>
                                <td>{{ $enquiry->business_email }}</td>
                                <td>{{ $enquiry->phone_number }}</td>
                                <td>{{ $enquiry->company ?? 'N/A' }}</td>
                                @if(request()->is('admin/training/enquiries'))
                                    <td>
                                        @if($enquiry->form_type === 'training-calendar')
                                            <span class="badge badge-primary">Registration</span>
                                        @else
                                            <span class="badge badge-secondary">Enquiry</span>
                                        @endif
                                    </td>
                                @endif
                                <td>{{ $enquiry->created_at->format('M d, Y h:i A') }}</td>
                                <td>
                                     <a href="{{ route('admin.enquiries.show', $enquiry->id) }}"
                                         class="btn btn-sm btn-info">View</a>
                                    <form method="POST"
                                        action="{{ route('admin.enquiries.destroy', $enquiry->id) }}"
                                        style="display: inline-block;"
                                        onsubmit="return confirm('Are you sure you want to delete this enquiry?')">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="{{ request()->is('admin/training/enquiries') ? '9' : '8' }}" class="text-center">No enquiries found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <!-- Custom Pagination -->
            @include('admin.partials.pagination', ['items' => $enquiries, 'itemName' => 'enquiries'])
        </div>
    </div>

    <!-- Bulk Delete Modal -->
    <div class="modal fade" id="bulkDeleteModal" tabindex="-1" aria-labelledby="bulkDeleteModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="bulkDeleteModalLabel">Confirm Bulk Delete</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Are you sure you want to delete the selected enquiries? This action cannot be undone.
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <form id="bulkDeleteForm" method="POST" action="{{ route('admin.enquiries.bulkDelete') }}">
                        @csrf
                        <input type="hidden" name="ids" id="bulkDeleteIds">
                        <button type="submit" class="btn btn-danger">Yes, Delete</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>
        // Export type dropdown logic - must be global for onclick handlers
        function setExportType(type) {
            let ids = Array.from(document.querySelectorAll('.enquiry-checkbox:checked')).map(cb => cb.value);
            document.getElementById('exportType').value = type;
            document.getElementById('exportIds').value = ids.join(',');
            document.getElementById('exportForm').submit();
            return false;
        }

        document.addEventListener('DOMContentLoaded', function() {
            // Date range validation
            const fromDateInput = document.getElementById('from_date');
            const toDateInput = document.getElementById('to_date');
            
            if (fromDateInput && toDateInput) {
                // When from_date changes, update to_date min value
                fromDateInput.addEventListener('change', function() {
                    if (this.value) {
                        toDateInput.min = this.value;
                        
                        // If to_date is already set and is before from_date, clear it
                        if (toDateInput.value && toDateInput.value < this.value) {
                            toDateInput.value = '';
                            alert('To Date cannot be before From Date. Please select a valid To Date.');
                        }
                    } else {
                        toDateInput.min = '2020-01-01';
                    }
                });
                
                // Initialize on page load if dates are already set
                if (fromDateInput.value) {
                    toDateInput.min = fromDateInput.value;
                }
            }

            const form = document.getElementById('enquiriesFilterForm');

            if (form) {
                form.addEventListener('submit', function(e) {
                    e.preventDefault();

                    // Get form data
                    const formData = new FormData(form);
                    const params = new URLSearchParams();

                    // Only add non-empty parameters
                    for (let [key, value] of formData.entries()) {
                        if (value && value.trim() !== '') {
                            params.append(key, value);
                        }
                    }

                    // Build clean URL
                    const baseUrl = form.action;
                    const queryString = params.toString();
                    const finalUrl = queryString ? `${baseUrl}?${queryString}` : baseUrl;

                    // Navigate to clean URL
                    window.location.href = finalUrl;
                });
            }

            // Select All checkbox functionality
            document.getElementById('selectAll').addEventListener('change', function() {
                let checked = this.checked;
                document.querySelectorAll('.enquiry-checkbox').forEach(cb => cb.checked = checked);
                toggleActionButtons('.enquiry-checkbox', 'exportButton', 'bulkDeleteBtn');
            });

            // Toggle action buttons when individual checkboxes change
            document.addEventListener('change', function(e) {
                if (e.target && e.target.classList.contains('enquiry-checkbox')) {
                    toggleActionButtons('.enquiry-checkbox', 'exportButton', 'bulkDeleteBtn');
                }
            });

            // Initialize button states on page load
            toggleActionButtons('.enquiry-checkbox', 'exportButton', 'bulkDeleteBtn');

            // Export button functionality
            document.getElementById('exportButton').addEventListener('click', function(e) {
                e.preventDefault();
                let ids = Array.from(document.querySelectorAll('.enquiry-checkbox:checked')).map(cb => cb.value);
                document.getElementById('exportIds').value = ids.join(',');
                document.getElementById('exportForm').submit();
            });

            // Bulk Delete button functionality
            document.getElementById('bulkDeleteBtn').addEventListener('click', function(e) {
                e.preventDefault();
                var ids = Array.from(document.querySelectorAll('.enquiry-checkbox:checked')).map(cb => cb.value);
                document.getElementById('bulkDeleteIds').value = ids.join(',');
                $('#bulkDeleteModal').modal('show');
                return false;
            });
        });
    </script>
@stop