@extends('front.layouts.base')

@section('content')

    <div class="contact-area pt-100 pb-70">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-lg-8">
                    <form id="contactForm" method="POST" action="{{ route('client.contact.post') }}" >
                        @csrf
                        <div class="section-title">
                            <h2>{{ __('Contactez nous') }}</h2>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-lg-12">
                                <div class="form-group">
                                    <input type="text" name="subject" id="subject" class="form-control @error('subject') is-invalid @enderror" placeholder="{{__('Ton Sujet:')}}" value="{{ old('subject') }}" required autocomplete="subject" autofocus
                                       required data-error="Entrer le sujet" >
                                    @error('subject')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                    <!-- <div class="help-block with-errors"></div> -->
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <textarea name="message" class="form-control @error('message') is-invalid @enderror" id="message" cols="30" rows="8"
                                        placeholder="{{__('Ton message:')}}" value="{{ old('message') }}" required ></textarea>
                                    <div class="help-block with-errors"></div>
                                    @error('message')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="text-center">
                                    <button type="submit" class="btn common-btn">{{ __('Envoyer') }}</button>
                                    <div id="msgSubmit" class="h3 text-center hidden"></div>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <div class="contact-info">
                        <h3>{{ __('Contact Information:') }}</h3>
                        <p>{{ $company->description }}</p>
                        <ul class="info">
                            <li>
                                <i class='bx bx-current-location'></i>
                                <a href="#">{{ $company->full_address }}</a>
                            </li>
                            <li>
                                <i class='bx bx-mail-send'></i>
                                <a href="#"><span class="__cf_email__">{{ $company->email1 }}</span></a>
                                <a href="#"><span class="__cf_email__">{{ $company->email2 }}</span></a>
                            </li>
                            <li>
                                <i class='bx bx-phone-call'></i>
                                <a href="tel:{{ $company->formatted_phone }}">{{ $company->formatted_phone }}</a>
                                <a href="tel:{{ $company->formatted_mobile }}">{{ $company->formatted_mobile }}</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- <div class="map-area">
        <div class="container-fluid p-0">
            <iframe id="map"
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d59843174.53779285!2d62.17507173408571!3d23.728204508550363!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3663f18a24cbe857:0xa9416bfcd3a0f459!2sAsia!5e0!3m2!1sen!2sbd!4v1609758826622!5m2!1sen!2sbd"
                allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
        </div>
    </div> -->
            
@endsection