@extends('frontend::layouts.app')

@section('content')
<!-- Page title -->
<x-frontend::breadcrumb title="{{ end($breadcrumb)['name'] ?? '' }}" :breadcrumbs="$breadcrumb" />
<!-- end: Page title -->
<section class="page-contact p-t-60 p-b-60">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 contact-form m-b-30">
                <h3 class="m-b-30">{{ __('frontend::lang.contact.title_form') }}</h3>
                
                @livewire('frontend::form.contact')
            
            </div>
            <div class="col-lg-6 contact-info">
                <div class="contact-info-detail m-b-30">
                    <p class="m-b-10">{!! $contact['detail'] ?? '' !!}</p>
                    <h4 class="text-color">
                        {!! $title['name_en'] ?? '' !!}
                        <br>
                        <span>{!! $title['name_th'] ?? '' !!}</span>
                    </h4>
                    <ul class="list-icon">
                        <li><i class="fa fa-map-marker-alt"></i>{!! $contact['office'] ?? '' !!}</li>
                        <li><i class="fa fa-envelope"></i> <a
                                href="mailto:{{ $contact['email'] ?? '' }}">{{ $contact['email'] ?? '' }}</a></li>
                        <li><i class="fa fa-phone"></i> <a href="tel:{{ $contact['tel'] ?? '' }}">{{ $contact['tel'] ?? '' }}</a></li>
                    </ul>
                </div>
                <div class="contact-map">
                    {!! $contact['gmap'] ?? '' !!}
                </div>
            </div>
        </div>
    </div>
</section>
@endsection