@extends('adminlte::page')

@section('title', 'Global Cyber Security Enquiries')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <h1>Global Cyber Security Enquiries</h1>
            <p class="text-muted mb-0">Enquiries submitted from the main Cyber Security Services page</p>
        </div>
    </div>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Global Enquiries</h3>
            
            <!-- Filter Form -->
            <div class="card mb-4 filter-card">
                <div class="card-body">
                    <form id="searchForm" method="GET" action="" class="row g-3 align-items-end">
                        <div class="col-md-4">
                            <label for="search" class="form-label">Search</label>
                            <input type="text" class="form-control" id="search" name="search"
                                value="{{ request('search') }}" placeholder="Search enquiries...">
                        </div>
                        <div class="col-md-4">
                            <label for="marketing_consent" class="form-label">Marketing Consent</label>
                            <select class="form-control" id="marketing_consent" name="marketing_consent">
                                <option value="">All Consent</option>
                                <option value="1" @if (request('marketing_consent') === '1') selected @endif>With Consent</option>
                                <option value="0" @if (request('marketing_consent') === '0') selected @endif>Without Consent</option>
                            </select>
                        </div>
                        <div class="col-md-4 d-flex gap-3">
                            <button type="submit" class="btn btn-primary">
                                Filter
                            </button>
                            <a href="{{ route('admin.cyber-security.enquiries.index') }}" class="btn btn-secondary">
                                Clear
                            </a>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Results Count -->
            <div class="mb-3">
                <span class="badge badge-info">
                    Showing {{ $enquiries->count() }} of {{ $enquiries->total() }} global enquiries
                </span>
                @php
                    $hasActiveFilters = false;
                    $filterParams = request()->only(['search', 'marketing_consent']);
                    foreach ($filterParams as $value) {
                        if ($value !== '' && $value !== null) {
                            $hasActiveFilters = true;
                            break;
                        }
                    }
                @endphp
                @if ($hasActiveFilters)
                    <span class="badge badge-warning ml-2">
                        <i class="fas fa-filter"></i> Filtered Results
                    </span>
                @endif
            </div>
        </div>
        
        <div class="card-body">
            @if($enquiries->count() > 0)
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th>Service</th>
                                <th>Marketing Consent</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($enquiries as $enquiry)
                                <tr>
                                    <td>{{ $enquiry->id }}</td>
                                    <td>{{ $enquiry->full_name }}</td>
                                    <td>
                                        <a href="mailto:{{ $enquiry->email }}">{{ $enquiry->email }}</a>
                                    </td>
                                    <td>
                                        <a href="tel:{{ $enquiry->phone }}">{{ $enquiry->phone }}</a>
                                    </td>
                                    <td>
                                        <span class="badge badge-info">{{ $enquiry->service_title }}</span>
                                    </td>
                                    <td>
                                        @if($enquiry->marketing_consent)
                                            <span class="badge badge-success">Yes</span>
                                        @else
                                            <span class="badge badge-warning">No</span>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ route('admin.cyber-security.enquiries.show', $enquiry) }}" class="btn btn-info btn-sm">View</a>
                                        <form action="{{ route('admin.cyber-security.enquiries.destroy', $enquiry) }}" method="POST" style="display:inline-block;">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to delete this enquiry?')">Delete</button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                
                <!-- Pagination -->
                <div class="d-flex justify-content-center">
                    {{ $enquiries->links() }}
                </div>
            @else
                <div class="text-center py-4">
                    <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                    <h4 class="text-muted">No enquiries found</h4>
                    <p class="text-muted">
                        @if(request()->hasAny(['search', 'service_id', 'marketing_consent']))
                            Try adjusting your filters to see more results.
                        @else
                            No cyber security enquiries have been submitted yet.
                        @endif
                    </p>
                </div>
            @endif
        </div>
    </div>
@stop

@push('css')
<style>
.form-label {
    font-weight: 600;
    color: #495057;
}

.results-info {
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.badge {
    font-size: 0.875em;
}

.table th {
    background-color: #f8f9fa;
    font-weight: 600;
}
</style>
@endpush

<script>
// Prevent empty search/filter fields from being submitted
document.getElementById('searchForm').addEventListener('submit', function(e) {
    let hasValue = false;
    Array.from(this.elements).forEach(function(el) {
        if ((el.type === 'text' || el.type === 'date' || el.tagName === 'SELECT') && el.value) {
            hasValue = true;
        }
        if ((el.type === 'text' || el.type === 'date' || el.tagName === 'SELECT') && !el.value) {
            el.name = '';
        }
    });
    if (!hasValue) {
        e.preventDefault();
        window.location.href = window.location.pathname;
    }
});
</script>