@extends('adminlte::page')

@section('title', 'Cyber Security Enquiry Details')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1>Cyber Security Enquiry Details</h1>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.cyber-security.enquiries.index') }}" class="btn btn-secondary">
                Back to All Enquiries
            </a>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Enquiry Information</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label><strong>First Name:</strong></label>
                                <p class="form-control-plaintext">{{ $cyberSecurityEnquiry->first_name }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label><strong>Last Name:</strong></label>
                                <p class="form-control-plaintext">{{ $cyberSecurityEnquiry->last_name }}</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label><strong>Email Address:</strong></label>
                                <p class="form-control-plaintext">
                                    <a href="mailto:{{ $cyberSecurityEnquiry->email }}">{{ $cyberSecurityEnquiry->email }}</a>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label><strong>Phone Number:</strong></label>
                                <p class="form-control-plaintext">
                                    <a href="tel:{{ $cyberSecurityEnquiry->phone }}">{{ $cyberSecurityEnquiry->phone }}</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label><strong>Service:</strong></label>
                                <p class="form-control-plaintext">
                                    <span class="badge badge-info">{{ $cyberSecurityEnquiry->service_title }}</span>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label><strong>Marketing Consent:</strong></label>
                                <p class="form-control-plaintext">
                                    @if($cyberSecurityEnquiry->marketing_consent)
                                        <span class="badge badge-success">
                                            <i class="fas fa-check"></i> Yes - Customer agrees to receive marketing communications
                                        </span>
                                    @else
                                        <span class="badge badge-warning">
                                            <i class="fas fa-times"></i> No - Customer does not want marketing communications
                                        </span>
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label><strong>Submitted:</strong></label>
                                <p class="form-control-plaintext">{{ $cyberSecurityEnquiry->created_at->format('F j, Y \a\t g:i A') }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
@stop

@section('css')
    <style>
        .form-control-plaintext {
            padding: 0.375rem 0;
            margin-bottom: 0;
            line-height: 1.5;
            background-color: transparent;
            border: solid transparent;
            border-width: 1px 0;
        }
        .badge {
            font-size: 0.875em;
        }
    </style>
@stop