@extends('layout.admin')

@section('styles')

@endsection
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <h4 class="py-3 mb-2">
            <span class="text-muted fw-light">Contact Inquiries /</span> Detail
        </h4>
        <div class="row">
            <!-- FormValidation -->
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <h3 class="page-heading">CONTACT INFORMATION</h3>
                        <p><strong>Name:</strong> {{ $inquiry->name ?? 'N/A' }}</p>
                        <p><strong>Email:</strong> {{ $inquiry->email ?? 'N/A' }}</p>
                        <p><strong>Phone:</strong> {{ $inquiry->phone ?? 'N/A' }}</p>
                        <p><strong>Form Type:</strong> {{ $inquiry->form_type ?? 'N/A' }}</p>
                        <p><strong>Created At</strong> {{ $inquiry->created_at ?? 'N/A' }}</p>

                        <h3 class="page-heading">CONTACT DETAILS</h3>

                        @php
                            $details = json_decode($inquiry->contact_detail, true);
                        @endphp

                        @if ($details && is_array($details))
                            @foreach ($details as $key => $value)
                                <p><strong>{{ ucwords(str_replace('_', ' ', $key)) }}:</strong> {{ is_array($value) ? implode(', ', $value) : $value }}</p>
                            @endforeach
                        @else
                            <p>No additional details provided.</p>
                        @endif
                    </div>
                </div>
            </div>
            <!-- /FormValidation -->
        </div>

    </div>
@endsection
@section('script')

@endsection