@section('title', __('contact/contact.Contact Us'))

@push('style')
<link rel="stylesheet" href="{{ mix('css/web/contact/contact.css') }}">
@endpush

@push('script')
<script src="{{mix('js/web/contact/contact.js')}}"></script>
@endpush

<x-layout>
    <div class="full_banner">
        <div class="main_banner">
            <div id="homeBanners" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <div class="banner_hov3 disply_none_992">
                            <h1>@Lang('contact/contact.Contact Us')</h1>
                            <div class="row">
                                <div class="col-md-4">
                                    <a href="tel:{{ config('settings.phone') ? config('settings.phone') : '022099088403' }}" target="_blank">
                                        <span class="image-laign"><img src="{{asset('images/web/contact-icon-1.png')}}" class="d-block w-100" alt="..."></span>
                                        <h3>@Lang('contact/contact.Call us')</h3>
                                        <h4>{{ config('settings.phone') ? config('settings.phone') : '022099088403' }}</h4>
                                    </a>
                                </div>
                                <div class="col-md-4">
                                    <a href="mail:{{ config('settings.email') ? config('settings.email') : 'info@musawer.com' }}" target="_blank">
                                        <span class="image-laign"><img src="{{asset('images/web/contact-icon-2.png')}}" class="d-block w-100" alt="..."></span>
                                        <h3>@Lang('contact/contact.Send us mail')</h3>
                                        <h4>{{ config('settings.email') ? config('settings.email') : 'info@musawer.com' }}</h4>
                                    </a>
                                </div>
                                <div class="col-md-4">
                                    <a href="{{ config('settings.instagram_url') }}" target="_blank">
                                        <span class="image-laign"><img src="{{asset('images/web/contact-icon-3.png')}}" class="d-block w-100" alt="..."></span>
                                        <h3>@Lang('contact/contact.Follow us on Instagram')</h3>
                                        <h4>@getmusawer</h4>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <img src="{{Storage::disk('musawer')->url($banner->file)}}" class="d-block w-100" alt="...">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main_packag">
        <div class="container">
            <div class="banner_hov3 disply_blok_992 contact-icons">
                <div class="row">
                    <div class="col-md-4">
                        <a href="tel:{{ config('settings.phone') ? config('settings.phone') : '022099088403' }}" target="_blank">
                            <span class="image-laign"><img src="{{asset('images/web/contact-icon-1.png')}}" class="d-block w-100" alt="..."></span>
                            <h3>@Lang('contact/contact.Call us')</h3>
                            <h4>{{ config('settings.phone') ? config('settings.phone') : '022099088403' }}</h4>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="mail:{{ config('settings.email') ? config('settings.email') : 'info@musawer.com' }}" target="_blank">
                            <span class="image-laign"><img src="{{asset('images/web/contact-icon-2.png')}}" class="d-block w-100" alt="..."></span>
                            <h3>@Lang('contact/contact.Send us mail')</h3>
                            <h4>{{ config('settings.email') ? config('settings.email') : 'info@musawer.com' }}</h4>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{ config('settings.instagram_url') }}" target="_blank">
                            <span class="image-laign"><img src="{{asset('images/web/contact-icon-3.png')}}" class="d-block w-100" alt="..."></span>
                            <h3>@Lang('contact/contact.Follow us on Instagram')</h3>
                            <h4>@getmusawer</h4>
                        </a>
                    </div>
                </div>
            </div>
            <div class="contact_form shadow">
                <h3>@Lang('contact/contact.Send us a Message')</h3>
                <form id="enquiryForm" method="post" action="{{route('web_enquiry')}}">
                    @csrf
                    <div class="mb-3">
                        <label for="name" class="form-label">@Lang('contact/contact.Full Name')</label>
                        <input type="text" class="form-control" id="name" name="name" @if(auth()->check()) value="{{auth()->user()->name}}" @endif>
                    </div>
                    <div class="mb-3">
                        <label for="email" class="form-label">@Lang('contact/contact.Your Email')</label>
                        <input type="email" class="form-control" id="email" name="email" @if(auth()->check()) value="{{auth()->user()->email}}" @endif>
                    </div>
                    <div class="mb-3">
                        <label for="email" class="form-label">@Lang('contact/contact.Your Phone Number')</label>
                        <input type="phone" class="form-control" id="phone" name="phone" @if(auth()->check()) value="+{{auth()->user()->phone_number}}" @endif>
                    </div>
                    <div class="mb-3">
                        <label for="message" class="form-label">@Lang('contact/contact.Your Message')</label>
                        <textarea type="text" class="form-control" id="message" name="message"></textarea>
                    </div>
                    <button type="submit">@Lang('contact/contact.Submit')</button>
                </form>
            </div>
        </div>
    </div>
</x-layout>