@extends('layouts.app')
@section('title', "Inquiry #{$inquiry->id}")

@section('content')
<x-layouts.page-wrapper
    title="Inquiry Details"
    :breadcrumbs="[
        'Inquiries' => route('inquiries.index'),
        'ID #' . $inquiry->id => null
    ]"
>
    <div class="col-md-12 mx-auto">
        <x-layouts.card-form :action="null" showfooter="0" :backRoute="route('inquiries.index')">
            <dl class="row">
                @foreach([
                    'Name' => $inquiry->name,
                    'Email' => $inquiry->email,
                    'Phone' => $inquiry->phone,
                    'Company Name' => $inquiry->user_company,
                    'Selected Services' => $inquiry->user_selected_services,
                    'Message' => $inquiry->message,
                    {{-- 'Dropdown Value' => $inquiry->dropdown_value,
                    'Selected Country' => $inquiry->user_selected_country, --}}
                    'Country' => $inquiry->country,
                    {{-- 'Form Type' => $inquiry->form_type,
                    'From Page' => $inquiry->from_page,
                    'Subscribed to Newsletter' => $inquiry->newsletter_subscription ? 'Yes' : 'No',
                    'Accepted Terms' => $inquiry->terms_and_policy ? 'Yes' : 'No', --}}
                    'IP Address' => $inquiry->ip,
                    'Created' => $inquiry->created_at->format('d M Y h:i A'),
                ] as $label => $value)
                    <dt class="col-sm-4">{{ $label }}</dt>
                    <dd class="col-sm-8">{{ $value }}</dd>
                @endforeach
            </dl>
        </x-layouts.card-form>
    </div>
</x-layouts.page-wrapper>
@endsection