@extends('../layouts.app2')

@section('title', 'Contact | Adlyno')

@section('meta_keywords')
contact, Adlyno, assistance, service client, Tunisie, aide en ligne
@endsection

@section('meta_description')
Contactez Adlyno pour toute question ou assistance. Utilisez notre formulaire en ligne pour envoyer un message directement à notre équipe de support client en Tunisie.
@endsection
 
  @section('content') 

<main>
   
 @if(app()->getLocale() == 'ar')
               <div class="contactArea section-padding2" dir="rtl"> 


@else
                   <div class="contactArea section-padding2"> 


@endif

    <div class="container">
        <div class="row">
            <div class="col-xl-5 col-lg-12">
                <div class="contact-Wrapper">
                   <form action="{{ route('contact.store') }}" method="POST">
    @csrf
    <div class="row">
        <div class="col-lg-12">
            <div class="heroCaption mb-50">
                <h1 class="tittle p-0" style="font-size: 25px;">{{ __('title') }}</h1>
                <p>{{ __('descriptioncontact') }}</p>
            </div>
        </div>

        <div class="col-6">
            <label class="infoTitle" for="first_name">{{ __('firstName') }}</label>
            <div class="input-form input-form2">
                <input type="text" name="first_name" placeholder="{{ __('firstName') }}">
            </div>
            @error('first_name')
                <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="col-6">
            <label class="infoTitle" for="last_name">{{ __('lastName') }}</label>
            <div class="input-form input-form2">
                <input type="text" name="last_name" placeholder="{{ __('lastName') }}">
            </div>
            @error('last_name')
                <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="col-lg-12">
            <label class="infoTitle" for="email">{{ __('email1') }}</label>
            <div class="input-form input-form2">
                <input type="email" name="email" placeholder="{{ __('email1') }}">
            </div>
            @error('email')
                <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="col-lg-12">
            <label class="infoTitle" for="phone">{{ __('phoneNumber') }}</label>
            <div class="input-form">
                <input type="tel" name="phone_number">
            </div>
            @error('phone_number')
                <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="col-lg-12">
            <label class="infoTitle" for="message">{{ __('message') }}</label>
            <div class="input-form">
                <textarea name="message" id="message" placeholder="{{ __('message') }}"></textarea>
            </div>
            @error('message')
                <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="col-sm-12">
            <label class="checkWrap2">{{ __('consent') }}
                <input class="effectBorder" type="checkbox" name="consent">
                <span class="checkmark"></span>
            </label>
            @error('consent')
                <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="col-sm-12">
            <div class="btn-wrapper mb-10">
                <button class="cmn-btn4 w-100" type="submit">{{ __('sendButton') }}</button>
            </div>
        </div>
    </div>
</form>

                </div>
            </div>
            <div class="col-xl-7 col-lg-12">
                <div class="contactRight-img">
                    <img src="{{ asset('assets/img/gallery/contact.jpg') }}" alt="images" class="contactImg">
                </div>
            </div>
        </div>
    </div>

    </div>


 @include('../layouts.footer')

</main>


@endsection