@extends('web_theme::layout.main')

@php
    $title = 'Contact Us | El DiDi Group';
    $description = 'Get in touch with El DiDi Group for inquiries, support, or project information. Fill out the contact form and our team will respond promptly.';
@endphp

@section('title', $title)
@section('meta_description', $description)

@section('content')
    <!-- Page Title -->
    <section class="page-title">
        <div class="content" style="background-image: url('{{ asset($option['contactHeaderImg']) }}')">
        </div>
    </section>
    <!-- End Page Title -->

    <!-- Contact Page Section -->
    <section class="contact-page-section style-two">
        <div class="auto-container">
            <!-- Title Box -->
            <div class="title-box">
                {{-- <h2>Ready To Get Started?</h2>
                <div class="text">We will be happy to hear from you, So please feel free to contact us using the
                    details<br> bellow unleash cross-media information without cross-media value. Quickly maximize timely
                    deliverable.</div> --}}
                <h1>Contact Us</h1>
            </div>

            <!-- Lower Section -->
            <div class="lower-section">
                <div class="row clearfix">

                    <!-- Title Column -->
                    <div class="title-column col-lg-6 col-md-12 col-sm-12">
                        @if (!empty($option['address']))
                            <div class="info-column col-lg-12 col-md-12 col-sm-12">
                                <div class="inner-column">
                                    <span class="icon flaticon-maps-and-flags"></span>
                                    <div class="text">{{ $option['address'] }}</div>
                                </div>
                            </div>
                        @endif

                        @if (!empty($option['email']))
                            <!-- Info Column -->
                            <div class="info-column col-lg-12 col-md-12 col-sm-12">
                                <div class="inner-column">
                                    <span class="icon flaticon-email-3"></span>
                                    <div class="text">
                                        {{-- {{ $option['email'] }} --}}
                                        <a href="mailto:{{ $option['email'] }}"
                                            style="color: inherit; text-decoration: none;">
                                            {{ $option['email'] }}
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if (!empty($option['phone1']))
                            <!-- Info Column -->
                            <div class="info-column col-lg-12 col-md-12 col-sm-12">
                                <div class="inner-column">
                                    <span class="icon flaticon-telephone"></span>
                                    <div class="text">
                                        {{-- {{ $option['phone1'] }} --}}
                                        <a href="tel:{{ $option['phone1'] }}"
                                            style="color: inherit; text-decoration: none;">
                                            {{ $option['phone1'] }}
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>

                    <!-- Form Column -->
                    <div class="form-column col-lg-6 col-md-12 col-sm-12">
                        <div class="inner-column">
                            <div class="title-box">
                                <h3>Contact Form</h3>
                            </div>
                            <!-- Default Form -->
                            <div class="default-form contact-form">
                                <form method="post" action="{{ route('web.contact.mail.send') }}" id="contact-form">
                                    @csrf
                                    @method('POST')
                                    <div class="form-group">
                                        <label for="name">Name <span class="required">*</span></label>
                                        <input type="text" name="name" value="" placeholder="Name" required>
                                    </div>

                                    <div class="form-group">
                                        <label for="email">Email <span class="required">*</span></label>
                                        <input type="email" name="email" value="" placeholder="Email" required>
                                    </div>

                                    <div class="form-group">
                                        <label for="phone">Phone <span class="required">*</span></label>
                                        <input type="text" name="phone" value="" placeholder="Phone" required>
                                    </div>

                                    <div class="form-group">
                                        <label for="subject">Subject</label>
                                        <input type="text" name="subject" value="" placeholder="Subject">
                                    </div>

                                    <div class="form-group">
                                        <label for="message">Message</label>
                                        <textarea type="text" name="message" placeholder="Write Your Massage"></textarea>
                                    </div>

                                    {{-- Privacy Notice --}}
                                    <div class="form-group">
                                        <div class="privacy-notice" style="font-size:13px; color:#666; margin-bottom:10px;">
                                            <input type="checkbox" name="privacy_consent" id="privacy_consent_contact"
                                                required>
                                            <label for="privacy_consent_contact"
                                                style="display:inline; font-weight:normal;">
                                                I agree to the collection and use of my personal data as described in our
                                                <a href="{{ route('web.privacy') }}" target="_blank">Privacy Policy</a>.
                                                Your information will only be used to respond to your enquiry.
                                            </label>
                                        </div>
                                    </div>


                                    <div class="form-group text-center">
                                        <button type="submit" class="theme-btn btn-style-four"><span class="txt">Send
                                                Message</span></button>
                                    </div>
                                </form>
                            </div>
                            <!--End Default Form-->

                        </div>
                    </div>

                </div>
            </div>

            @if (!empty($option['mapAddress']))
                <!-- Map Boxed -->
                <div class="map-boxed">
                    <!--Map Outer-->
                    <div class="map-outer">
                        <iframe src="{{ $option['mapAddress'] }}" class="responsive-map"
                            style="border:0; width:100%; height:100%;" allowfullscreen="" loading="lazy"
                            referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                </div>
            @endif

            {{-- <div class="auto-container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="ltn__state-location">
                            <h2 class="ltn__state-location-title pt-5">Our Locations</h2>
                        </div>
                    </div>
                    @if (request()->routeIs('web.contact.sa'))
                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">Arabian Tharwa Machinery</h3>
                                <h5 class="ltn__location-single-info"><i class="icon flaticon-map"></i>6307 Ahmed Al Khatib
                                    Az Zahra Dist. Unit No.02 Jeddah –<br>
                                    KSA 23424-2412
                                </h5>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +966549175073</a>
                                    <a href="mailto:info@arabiantharwa.com" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i>info@arabiantharwa.com</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">MOHAMED AYED AL-WAHBI FACTORY CO.</h3>
                                <h5 class="ltn__location-single-info"><i class="icon flaticon-map"></i>6307 Ahmed Al Khatib
                                    Az Zahra Dist. Unit No.02 Jeddah –<br>
                                    KSA 23424-2412
                                </h5>
                                <h4 class="ltn__location-single-info"><i class="icon flaticon-user-1"></i>Mr. Hany Elshahhat
                                    – Sales Manager</h4>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +960549171724</a>
                                    <a href="mailto:Hany@egymec-alwahbi.com" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i>Hany@egymec-alwahbi.com</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">Sales & After-Sales Office:</h3>
                                <h5 class="ltn__location-single-info"><i class="icon flaticon-map"></i>Al Nakhil Dist./2
                                    Abu Al Alaa Al Hamadani St. Opposite<br>
                                    Rolaco Group P.O. Box 1553 Jeddah 21441, KSA
                                </h5>
                                <div class="btn-wrapper">
                                    <a href="mailto:info@arabiantharwa.com" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i>info@arabiantharwa.com</a>
                                </div>
                                <h4 class="ltn__location-single-info"><i class="icon flaticon-user-1"></i>Eng. Mohamed
                                    Nadeem – General Manager</h4>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +966563515889</a>
                                    <a href="mailto:m.nadeem@arabiantharwa.com" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i>m.nadeem@arabiantharwa.com</a>
                                </div>
                                <h4 class="ltn__location-single-info"><i class="icon flaticon-user-1"></i>Hossam Anour –
                                    After Sales Manager</h4>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i>+966549175095</a>
                                    <a href="mailto:hossam@arabiantharwa.com" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i>hossam@arabiantharwa.com</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">Our Agent in Eastern Region:</h3>
                                <h5 class="ltn__location-single-info"><i class="icon flaticon-map"></i>Jubail Highway opp.
                                    El Qateef Hospital , Dammam, KSA</h5>
                                <h4 class="ltn__location-single-info"><i class="icon flaticon-user-1"></i>Contact Person:
                                    Eng. Hossam Anwar</h4>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +966543523195</a>
                                    <a href="mailto:info@arabiantharwa.com" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i> info@arabiantharwa.com</a>
                                </div>
                            </div>
                        </div>
                    @elseif(request()->routeIs('web.contact.uae'))
                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">Soilmec Emirates L.L.C.</h3>
                                <h5 class="ltn__location-single-info"><i class="icon flaticon-map"></i>Office No. 202 Wasl
                                    Building (R269) Jumeirah Road<br>(Next to Dubai Dry Docks Gate No. 2), Dubai, United
                                    Arab
                                    Emirates PO Box 49986.</h5>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +971 4 3451881 Fax +971 4 3451886</a>
                                    <a href="mailto:soilmec@emirates.net.ae" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i> soilmec@emirates.net.ae</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">Soilmec Gulf FZCO – JAFZA</h3>
                                <h5 class="ltn__location-single-info"><i class="icon flaticon-map"></i>NC-04 (RA 7 / 8)
                                    Blue Shed Warehouse Jebel Ali Freezone<br>(next To Fabtech Engineering) Dubai, UAE PO
                                    Box 18301.</h5>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +97148833666 Fax +97148833667</a>
                                    <a href="mailto:soilmec2@emirates.net.ae" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i> soilmec2@emirates.net.ae</a>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">Soilmec Arabia LLC FZE</h3>
                                <h5 class="ltn__location-single-info"><i class="icon flaticon-map"></i>Al Hayl Industrial
                                    Area
                                    <br>Fujairah Free Zone No.3<br>P.O. Box 50818 Fujairah UAE
                                </h5>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> 100249084300003</a>
                                    <a href="mailto:soilmec@emirates.net.ae" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i> soilmec@emirates.net.ae</a>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">Soil Equipment LLC</h3>
                                <h5 class="ltn__location-single-info"><i class="icon flaticon-map"></i>Dubai, United Arab
                                    Emirates PO Box 113539</h5>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +971 50 5582 957</a>
                                    <a href="mailto:soileq@emirates.net.ae" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i> soileq@emirates.net.ae</a>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">Universal Augers Gulf</h3>
                                <h5 class="ltn__location-single-info"><i class="icon flaticon-map"></i>Office No. LB05113
                                    (JAFZA 5), Jebel Ali Free Zone Near to
                                    <br>Gate No. 4 Dubai, United Arab Emirates PO Box 261106.
                                </h5>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +97148831755 Fax :+ 97148831756</a>
                                    <a href="mailto:uniauger@emirates.net.ae" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i>uniauger@emirates.net.ae</a>
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">SOILMEC MISR S.A.E</h3>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +20220644274/5</a>
                                    <a href="mailto:info@eldidigroup.com" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i> info@eldidigroup.com</a>
                                </div>
                                <h4 class="ltn__location-single-info"><i class="icon flaticon-user-1"></i>Eng: Hossam
                                    Anwar –
                                    After-sales Manager</h4>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +201121137108</a>
                                    <a href="mailto:info@eldidigroup.com" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i> info@eldidigroup.com</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">EgyMec Engineering</h3>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +20220644274/5</a>
                                </div>
                                <h4 class="ltn__location-single-info"><i class="icon flaticon-user-1"></i>EKhaled Abou
                                    Zeid – Sales & Parts Director</h4>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +201006376666</a>
                                    <a href="mailto:khaled.abouzeid@egymec-eg.com" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i> khaled.abouzeid@egymec-eg.com</a>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">EGYMEC For Petroleum Services</h3>

                                <h5 class="ltn__location-single-info"><i class="icon flaticon-map"></i>Attaka Free Zone –
                                    Block No. H Land No. 09, Behind Five Star Flour Mills Co. Landmark: Near to El Adabeya
                                    Part P.O Box: 312 Attaka, Suez (Egypt).</h5>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +206232304 (73) /74/75/76 Fax:
                                        +20623230479</a>
                                    <a href="mailto:info@egymec-eg.com" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i> info@egymec-eg.com</a>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 pt-3">
                            <div class="ltn__map-item">
                                <h3 class="ltn__location-name">EldidiGroup for Trading and Contracting</h3>

                                <h5 class="ltn__location-single-info"><i class="icon flaticon-map"></i>50 Elmoltaqa
                                    Al-Araby St. El Nozha – Cairo , Egypt.</h5>
                                <div class="btn-wrapper">
                                    <a href="#" class="btn btn-transparent btn-border btn-effect-4"><i
                                            class="icon flaticon-phone-call"></i> +20220644270/1/2/3 Fax: +20220644277</a>
                                    <a href="mailto:info@eldidigroup.com" class="btn btn-transparent btn-border btn-effect-3"><i
                                            class="icon flaticon-mail"></i>info@eldidigroup.com</a>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div> --}}

            <i class="fa fa-bar-chart" aria-hidden="true"> Visitors Counter : <span
                    class="post-views-count">{{ $views->count }}</span></i>
        </div>
    </section>
    <!-- End Contact Page Section -->
@endsection