@php
$headerSetting = \App\Models\Setting::firstOrCreate([], ['slug' => (string) Str::orderedUuid()]);
@endphp
@extends('layouts.default')

@section('title', 'Nos contacts')

@section('content')

@if ($contacts->hero_status)

<section class="page-title bg-1"
style="background: url('{{ asset('storage/contacts/' . $contacts->hero_background) }}') no-repeat; background-size: cover; background-position: center">
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="block text-center">
                
                @if ($contacts->hero_subtitle)
                <span class="text-white">{{ $contacts->hero_subtitle }}</span>
                @endif
                
                @if ($contacts->hero_title)
                <h1 class="text-capitalize mb-4 text-lg">{{ $contacts->hero_title }}</h1>
                @endif
                
                
            </div>
        </div>
    </div>
</div>
</section>


@endif


<section class="contact-form-wrap section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-12 col-sm-12">
                <form id="contact-form" class="contact__form" method="post" action="{{ route('contact.submit') }}">
                    @csrf
                    <h3 class="text-md mb-4">Formulaire de contact</h3>
                    <div class="form-group">
                        <input name="name" type="text" class="form-control" placeholder="Votre nom" required>
                    </div>
                    <div class="form-group">
                        <input name="phone" type="text" class="form-control" placeholder="Votre numéro de téléphone" required>
                    </div>
                    <div class="form-group">
                        <input name="email" type="email" class="form-control" placeholder="Votre adresse e-mail" required>
                    </div>
                    <div class="form-group">
                        <input name="subject" type="text" class="form-control" placeholder="L'objet de votre message" required>
                    </div>
                    <div class="form-group-2 mb-4">
                        <textarea name="message" class="form-control" rows="4" placeholder="Votre message" required></textarea>
                    </div>
                    <!-- Honeypot Field -->
                    <input name="website" type="text" class="form-control" style="display:none;">
                    <button class="btn btn-main" name="submit" type="submit">Envoyer un message</button>
                </form>
            </div>
            
            <div class="col-lg-5 col-sm-12">
                <div class="contact-content pl-lg-5 mt-5 mt-lg-0">
                    @if ($contacts->contact_subtitle)
                    <span class="color-one">{{ $contacts->contact_subtitle }}</span>
                    @endif
                    @if ($contacts->contact_title)
                    <h2 class="mb-5 mt-2">{{ $contacts->contact_title }}</h2>
                    @endif
                    @if ($headerSetting->email or $headerSetting->phone or $headerSetting->address)
                    <ul class="address-block list-unstyled">
                        @if ($headerSetting->address)
                        <li>
                            <i class="ti-direction mr-3"></i>{{ $headerSetting->address }}
                        </li>
                        @endif
                        @if ($headerSetting->email)
                        <li>
                            <i class="ti-email mr-3"></i>Email: {{ $headerSetting->email }}
                        </li>
                        @endif
                        @if ($headerSetting->phone)
                        <li>
                            <i class="ti-mobile mr-3"></i>Phone:{{ $headerSetting->phone }}
                        </li>
                        @endif
                    </ul>
                    @endif
                    
                    @if ($headerSetting->facebook or $headerSetting->twitter or $headerSetting->instagram or $headerSetting->linkedin)
                    <ul class="social-icons list-inline mt-5">
                        @if ($headerSetting->facebook)
                        <li class="list-inline-item">
                            <a href="{{ $headerSetting->facebook }}" target="__blank">
                                <i class="fab fa-facebook-f"></i>
                            </a>
                        </li>
                        @endif
                        @if ($headerSetting->twitter)
                        <li class="list-inline-item">
                            <a href="{{ $headerSetting->twitter }}" target="__blank"><i
                                class="fab fa-twitter"></i>
                            </a>
                        </li>
                        @endif
                        @if ($headerSetting->linkedin)
                        <li class="list-inline-item">
                            <a href="{{ $headerSetting->linkedin }}" target="__blank">
                                <i class="fab fa-linkedin-in"></i>
                            </a>
                        </li>
                        @endif
                        @if ($headerSetting->instagram)
                        <li class="list-inline-item">
                            <a href="{{ $headerSetting->instagram }}" target="__blank">
                                <i class="fab fa-instagram"></i>
                            </a>
                        </li>
                        @endif
                    </ul>
                    @endif                   
                    
                </div>
            </div>
        </div>
    </section>
    
    @endsection