@extends('frontend.layouts.master')
@section('content')
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3592.080790212795!2d55.97684742491445!3d25.800908606984574!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ef671615eadad83%3A0xe0ad0c01ac542aec!2z2YbYp9mK2LMg2LPYqtin2YrZhCAtINi12KjYp9mK2Kcg2YTZhNin2K3YsNmK2Kkg2YjYp9mE2LTZhti3!5e0!3m2!1sar!2snl!4v1727728996422!5m2!1sar!2snl" width="100%" height="440" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>    <div class="container-xxl">

        <div class="row py-4">
            <div class="col-lg-6">

                <h2 class="font-weight-bold text-8 mt-2 mb-0 text-primary">{{ __("routes.contact us") }}</h2>
                <p class="mb-4">{{ __("routes.Feel free to ask for details, don't save any questions") }}</p>

                <form class="" action="{{route('contact.store')}}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="form-group col-lg-6">
                            <label class="form-label mb-1 text-2">{{ __("routes.Full Name") }} <span class="text-danger">*</span></label>
                            <input type="text" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control text-3 h-auto py-2" name="full_name" required>
                        </div>
                        <div class="form-group col-lg-6">
                            <label class="form-label mb-1 text-2">{{ __("routes.Email Address") }} <span class="text-danger">*</span></label>
                            <input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control text-3 h-auto py-2" name="email" required>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col">
                            <label class="form-label mb-1 text-2">{{ __("routes.Subject") }} <span class="text-danger">*</span></label>
                            <input type="text" value="" data-msg-required="Please enter the subject." maxlength="100" class="form-control text-3 h-auto py-2" name="subject" required>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col">
                            <label class="form-label mb-1 text-2">{{ __("routes.Message") }} <span class="text-danger">*</span></label>
                            <textarea maxlength="5000" data-msg-required="Please enter your message." rows="8" class="form-control text-3 h-auto py-2" name="message" required></textarea>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col">
                            <button type="submit" class="btn btn-primary btn-modern">
                                {{ __("routes.send message") }}
                            </button>
                        </div>
                    </div>
                </form>

            </div>
            <div class="col-lg-6">

                <div class="appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="800">
                    <h4 class="mt-2 mb-1 text-primary">{{ __("routes.Our Office") }}</h4>
                    <ul class="list list-icons list-icons-style-2 mt-2">
                        <li><i class="fas fa-map-marker-alt top-6"></i> <strong class="text-secondary">{{ __("routes.address") }}:</strong> {{ __("routes.Al Sadd Street, Royal Plaza Mall,Doha, Qatar") }}</li>
                        <li><i class="fas fa-phone top-6"></i> <strong class="text-secondary">{{ __("routes.phone") }}:&nbsp;</strong><a href="tel:{{ Helper::supportData()['mobile'] }}">{{ Helper::supportData()['mobile'] }}</a></li>
                        <li><i class="fas fa-envelope top-6"></i> <strong class="text-secondary">{{ __("routes.email") }}:</strong> <a href="mailto:{{ Helper::supportData()['email'] }}">{{ Helper::supportData()['email'] }}</a></li>
                    </ul>
                </div>

                <div class="appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="950">
                    <h4 class="pt-5 text-primary">{{ __("routes.Business Hours") }}</h4>
                    <ul class="list list-icons list-dark mt-2">
                        <li><i class="far fa-clock top-6"></i> {{ __("routes.Saturday") }} - {{ __("routes.Thursday") }} - 10:00 AM {{ __("routes.to") }} 10:00 PM</li>
                        <li><i class="far fa-clock top-6"></i> {{ __("routes.Friday") }} - 10:00 AM {{ __("routes.to") }} 5:00 PM</li>
                    </ul>
                </div>

                <h4 class="pt-5 text-primary">{{ __("routes.Get in Touch") }}</h4>
                <p class="lead mb-0 text-4">
                    {{ __("routes.Feel free to ask for details, don't save any questions") }}
                </p>

            </div>

        </div>

    </div>
@endsection