@extends('layouts.admin')

@section('title', 'View Enquiry')

@section('content_header')
    <h1>View Enquiry</h1>
@stop

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">Enquiry Details</h3>
        <div class="card-tools">
            <x-admin.back-to-list-button route="admin.enquiries.index" />
        </div>
    </div>

    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                <table class="table table-bordered">
                    <tr>
                        <th>ID</th>
                        <td>{{ $enquiry->id }}</td>
                    </tr>
                    <tr>
                        <th>First Name</th>
                        <td>{{ $enquiry->first_name }}</td>
                    </tr>
                    <tr>
                        <th>Last Name</th>
                        <td>{{ $enquiry->last_name }}</td>
                    </tr>
                    <tr>
                        <th>Email</th>
                        <td>{{ $enquiry->business_email }}</td>
                    </tr>
                    <tr>
                        <th>Phone Number</th>
                        <td>{{ $enquiry->phone_number }}</td>
                    </tr>
                    <tr>
                        <th>Company</th>
                        <td>{{ $enquiry->company ?? 'N/A' }}</td>
                    </tr>
                </table>
            </div>
            <div class="col-md-6">
                <table class="table table-bordered">
                    <tr>
                        <th>Country</th>
                        <td>{{ $enquiry->country ?? 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th>State</th>
                        <td>{{ $enquiry->state ?? 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th>City</th>
                        <td>{{ $enquiry->city ?? 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th>Page Source</th>
                        <td>
                            <span class="badge badge-info">{{ $enquiry->page_source ?? 'N/A' }}</span>
                        </td>
                    </tr>
                    <tr>
                        <th>Form Type</th>
                        <td>
                            <span class="badge badge-secondary">{{ $enquiry->form_type ?? 'N/A' }}</span>
                        </td>
                    </tr>
                    <tr>
                        <th>Marketing Consent</th>
                        <td>
                            @if($enquiry->marketing_consent)
                                <span class="badge badge-success">Yes</span>
                            @else
                                <span class="badge badge-warning">No</span>
                            @endif
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        
        @if($enquiry->remark)
        <div class="row mt-3">
            <div class="col-12">
                <h5>Remark</h5>
                <div class="alert alert-info">
                    {{ $enquiry->remark }}
                </div>
            </div>
        </div>
        @endif

        <div class="row mt-3">
            <div class="col-12">
                <table class="table table-bordered">
                    <tr>
                        <th>Submitted At</th>
                        <td>{{ $enquiry->created_at->format('M d, Y h:i A') }}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

    <div class="card-footer">
        <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-danger">Delete Enquiry</button>
        </form>
    </div>
</div>
@stop