@extends('website.layouts.app')

@section('css')
    @if(app()->getLocale() == 'ar')
        <link rel="stylesheet" href="{{ url('website/css/elementor/frontend-rtl.min.css') }}" type="text/css">
    @else
        <link rel="stylesheet" href="{{ url('website/css/elementor/frontend.min.css') }}" type="text/css">
    @endif
    <link rel="stylesheet" href="{{ url('website/css/elementor/global.css') }}" type="text/css">
@endsection


@section('content')

    @include('website.pages.layouts.page_title', [
        'title' => __('translate.contact')
    ])

    <div id="post-2024" class="post-2024 page type-page status-publish hentry">

	    <div class="entry-content">
            <div data-elementor-type="wp-page" data-elementor-id="2024" class="elementor elementor-2024">
                <div class="elementor-inner">
				    <div class="elementor-section-wrap">
                        <section class="elementor-section elementor-top-section elementor-element elementor-element-f9fbe4f elementor-section-full_width contact-area ptb-80 elementor-section-height-default elementor-section-height-default" data-id="f9fbe4f" data-element_type="section">
						    <div class="elementor-container elementor-column-gap-default">
                                <div class="elementor-row">
                                    <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-add6a3f" data-id="add6a3f" data-element_type="column">
                                        <div class="elementor-column-wrap elementor-element-populated">
                                            <div class="elementor-widget-wrap">
                                                <section class="elementor-section elementor-inner-section elementor-element elementor-element-0d66ceb elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0d66ceb" data-element_type="section">
                                                    <div class="elementor-container elementor-column-gap-default">
                                                        <div class="elementor-row">
                                                            <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5b96b75" data-id="5b96b75" data-element_type="column">
                                                                <div class="elementor-column-wrap elementor-element-populated">
                                                                    <div class="elementor-widget-wrap">
                                                                        <div class="elementor-element elementor-element-0f7c823 elementor-widget elementor-widget-image" data-id="0f7c823" data-element_type="widget" data-widget_type="image.default">
                                                                            <div class="elementor-widget-container">
                                                                                <div class="elementor-image">
                                                                                    <img width="640" height="462" src="{{ asset('website/assets//images/uploads/2019/04/1-1-1-1-3.png') }}" class="attachment-large size-large wp-image-147" alt="" loading="lazy">														
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-499ea03" data-id="499ea03" data-element_type="column">
                                                                <div class="elementor-column-wrap elementor-element-populated">
                                                                    <div class="elementor-widget-wrap">
                                                                        <div class="elementor-element elementor-element-8f38c1a elementor-widget elementor-widget-shortcode" data-id="8f38c1a" data-element_type="widget" data-widget_type="shortcode.default">
                                                                            <div class="elementor-widget-container">
                                                                                <div class="elementor-shortcode"><div class="wpcf7 js" id="wpcf7-f2093-p2024-o1" lang="en-US" dir="ltr">
                                                                                    <div class="screen-reader-response">
                                                                                        <p role="status" aria-live="polite" aria-atomic="true"></p> 
                                                                                        <ul></ul>
                                                                                    </div>
                                                                                    <form action="" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
                                                                                        <div style="display: none;">
                                                                                            <input type="hidden" name="_wpcf7" value="2093">
                                                                                            <input type="hidden" name="_wpcf7_version" value="5.7.1">
                                                                                            <input type="hidden" name="_wpcf7_locale" value="en_US">
                                                                                            <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f2093-p2024-o1">
                                                                                            <input type="hidden" name="_wpcf7_container_post" value="2024">
                                                                                            <input type="hidden" name="_wpcf7_posted_data_hash" value="">
                                                                                        </div>

                                                                                        <div id="contactForm">
                                                                                            <div class="row">
                                                                                                <div class="col-lg-12 col-md-12">
                                                                                                    <div class="form-group">
                                                                                                        <p>
                                                                                                            <span class="wpcf7-form-control-wrap" data-name="cn-name">
                                                                                                                <input type="text" name="cn_name" placeholder="{{ __('attributes.name') }}" value="{{ old('cn_name') }}" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false">
                                                                                                            </span>
                                                                                                        </p>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-lg-12 col-md-12">
                                                                                                    <div class="form-group">
                                                                                                        <p>
                                                                                                            <span class="wpcf7-form-control-wrap" data-name="cn-email">
                                                                                                                <input type="email" name="cn_email" placeholder="{{ __('attributes.email') }}" value="{{ old('cn_email') }}" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" aria-required="true" aria-invalid="false">
                                                                                                            </span>
                                                                                                        </p>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-lg-12 col-md-6">
                                                                                                    <div class="form-group">
                                                                                                        <p>
                                                                                                            <span class="wpcf7-form-control-wrap" data-name="cn-phone">
                                                                                                                <input type="text" name="cn_phone" placeholder="{{ __('attributes.phone') }}" value="{{ old('cn_phone') }}" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false">
                                                                                                            </span>
                                                                                                        </p>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-lg-12 col-md-6">
                                                                                                    <div class="form-group">
                                                                                                        <p>
                                                                                                            <span class="wpcf7-form-control-wrap" data-name="cn-subject">
                                                                                                                <input type="text" name="cn_subject" placeholder="{{ __('attributes.message_subject') }}" value="{{ old('cn_subject') }}" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false">
                                                                                                            </span>
                                                                                                        </p>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-lg-12 col-md-12">
                                                                                                    <div class="form-group">
                                                                                                        <p>
                                                                                                            <span class="wpcf7-form-control-wrap" data-name="cn-message">
                                                                                                                <textarea name="cn_message" placeholder="{{ __('attributes.message') }}" cols="30" rows="5" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" id="message" aria-required="true" aria-invalid="false">{{ old('cn_message') }}</textarea>
                                                                                                            </span>
                                                                                                        </p>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-lg-12 col-md-12">
                                                                                                    <p>
                                                                                                        <input type="submit" value="{{ __('translate.send') }}" class="wpcf7-form-control has-spinner wpcf7-submit btn btn-primary">
                                                                                                        <span class="wpcf7-spinner"></span>
                                                                                                    </p>
                                                                                                    <div id="msgSubmit" class="h3 text-center hidden">
                                                                                                    </div>
                                                                                                    <div class="clearfix">
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="wpcf7-response-output" aria-hidden="true"></div>
                                                                                    </form>
                                                                                </div>  
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <section class="elementor-section elementor-top-section elementor-element elementor-element-541b0fc elementor-section-full_width contact-info-area pb-80 elementor-section-height-default elementor-section-height-default" data-id="541b0fc" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
                                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-be3f2dc" data-id="be3f2dc" data-element_type="column">
                                    <div class="elementor-column-wrap elementor-element-populated">
							            <div class="elementor-widget-wrap">
                                            <section class="elementor-section elementor-inner-section elementor-element elementor-element-d8c28c6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d8c28c6" data-element_type="section">
                                                <div class="elementor-container elementor-column-gap-default">
                                                    <div class="elementor-row">
                                                        <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-9f61dc2" data-id="9f61dc2" data-element_type="column">
                                                            <div class="elementor-column-wrap elementor-element-populated">
                                                                <div class="elementor-widget-wrap">
                                                                    <div class="elementor-element elementor-element-09d8812 elementor-widget elementor-widget-Contact_Card" data-id="09d8812" data-element_type="widget" data-widget_type="Contact_Card.default">
                                                                        <div class="elementor-widget-container">
                                        
                                                                            <div class="contact-info-box">
                                                                                <div class="icon">
                                                                                    <i class="fa fa-phone"></i>
                                                                                </div>
                                                                                <h3>{{ __('translate.call_us') }}</h3>
                                                                                <p style="direction: ltr">
                                                                                    <a href="https://wa.me/+2{{ config('settings.phone_en') }}">
                                                                                        (+2) {{ config('settings.phone_en') }}
                                                                                    </a>
                                                                                </p>           
                                                                            </div>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-c43a682" data-id="c43a682" data-element_type="column">
                                                            <div class="elementor-column-wrap elementor-element-populated">
                                                                <div class="elementor-widget-wrap">
                                                                    <div class="elementor-element elementor-element-4808a87 elementor-widget elementor-widget-Contact_Card" data-id="4808a87" data-element_type="widget" data-widget_type="Contact_Card.default">
                                                                        <div class="elementor-widget-container">
                                        
                                                                            <div class="contact-info-box">
                                                                                <div class="icon">
                                                                                    <i class="fa fa-map-marker"></i>
                                                                                </div>
                                                                                <h3>{{ __('translate.visit_us') }}</h3>
                                                                                <p>{{ config('settings.address_'.app()->getLocale()) }}</p>
                                                                            </div>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-98eb67b" data-id="98eb67b" data-element_type="column">
                                                            <div class="elementor-column-wrap elementor-element-populated">
                                                                <div class="elementor-widget-wrap">
                                                                    <div class="elementor-element elementor-element-ff0e87f elementor-widget elementor-widget-Contact_Card" data-id="ff0e87f" data-element_type="widget" data-widget_type="Contact_Card.default">
                                                                        <div class="elementor-widget-container">
                                        
                                                                            <div class="contact-info-box">
                                                                                <div class="icon">
                                                                                    <i class="fa fa-envelope-open"></i>
                                                                                </div>
                                                                                <h3>{{ __('translate.mail_us') }}</h3>
                                                                                <p>
                                                                                    <a href="mailto:{{ config('settings.mail_en') }}">{{ config('settings.email_en') }}</a>
                                                                                </p>          
                                                                            </div>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
				    <section class="elementor-section elementor-top-section elementor-element elementor-element-09059f7 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="09059f7" data-element_type="section">
						<div class="elementor-container elementor-column-gap-no">
							<div class="elementor-row">
                                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f1b3c72" data-id="f1b3c72" data-element_type="column">
                                    <div class="elementor-column-wrap elementor-element-populated">
                                        <div class="elementor-widget-wrap">
                                            <div class="elementor-element elementor-element-e7d3803 elementor-widget elementor-widget-google_maps" data-id="e7d3803" data-element_type="widget" data-widget_type="google_maps.default">
                                                <div class="elementor-widget-container">
                                                    <div class="elementor-custom-embed">
                                                        <iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" width="100%" height="500"
                                                                src="{{ config('settings.location_en') }}" title="{{ config('settings.name_'.app()->getLocale()) }}">
                                                        </iframe>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
					    </div>
		            </section>
                </div>
			</div>
        </div>
    </div><!-- .entry-content -->

@endsection