@extends('website.layouts.master')

@section('title')
    {{__('website-trans.contact')}}
@endsection

@section('content')

    <!-- Banner Section -->
    <section class="page-banner">
        <div class="image-layer" style="background-image:url({{asset("website/assets/images/resource/all-departments.webp")}});"></div>
        <div class="shape-1"></div>
        <div class="shape-2"></div>
        <div class="banner-inner">
            <div class="auto-container">
                <div class="inner-container clearfix">
                    <h1>{{__('website-trans.contact')}}</h1>
                    <div class="page-nav">
                        <ul class="bread-crumb clearfix">
                            <li><a href="{{route('home')}}">{{__('website-trans.home')}}</a></li>
                            <li class="active">{{__('website-trans.contact')}}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Banner Section -->

    <!--Contact Section-->
    <section class="contact-info-two">
        <div class="auto-container">
            <div class="row">
                <div class="col-md-12 col-lg-4">
                    <div class="contact-info-two__card wow fadeInUp" data-wow-duration="1500ms">
                        <i class="fa fa-map-marker-alt"></i>
                        <a href="https://www.google.com/maps?ll=29.972235,30.956148&z=17&t=m&hl=en&gl=US&mapclient=embed&cid=594495110816070337" target="_blank">{{__('website-trans.shortAddress')}}</a>
                    </div><!-- /.contact-info-two__card -->
                </div><!-- /.col-md-12 col-lg-4 -->
                <div class="col-md-12 col-lg-4">
                    <div class="contact-info-two__card wow fadeInUp" data-wow-duration="1500ms"
                         data-wow-delay="300ms">
                        <i class="fa fa-envelope"></i>
                        <a href="mailto:{{config('site.email')}}">{{config('site.email')}}</a>
                    </div><!-- /.contact-info-two__card -->
                </div><!-- /.col-md-12 col-lg-4 -->
                <div class="col-md-12 col-lg-4">
                    <div class="contact-info-two__card wow fadeInUp" data-wow-delay="600ms"
                         data-wow-duration="1500ms">
                        <i class="fa fa-phone"></i>
                        <a href="tel:{{config('site.phone')}}">{{chunk_split(config('site.phone'), 3, ' ')}}</a>
                    </div><!-- /.contact-info-two__card -->
                </div><!-- /.col-md-12 col-lg-4 -->
            </div><!-- /.row -->
        </div><!-- /.auto-container -->
    </section><!-- /.contact-info-two -->

    <div class="map-box">
        <iframe class="map-iframe"
                src="{{config('site.iframeMap')}}"
                style="border:0;" aria-hidden="false" tabindex="0"></iframe>
    </div>

    <section class="contact-section contact-two">
        <div class="auto-container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="contact-two__content">
                        <div class="sec-title">
                            <h2>{{__('website-trans.writeAnyMessage')}}<span class="dot">.</span></h2>
                        </div>
                        <p class="contact-two__text">{{App::getLocale() == 'ar' ? config('site.about_ar') : config('site.about_en')}}</p>
                        <!-- /.contact-two__text -->
                        <div class="contact-two__social" style="margin-bottom: 50px">
                            <a href="https://api.whatsapp.com/send?phone={{config('site.whatsapp')}}" class="fab fa-whatsapp" style="margin-left: 25px"></a>
                            <a href="{{config('site.facebook')}}" class="fab fa-facebook-square"></a>
                            <a href="{{config('site.instagram')}}" class="fab fa-instagram"></a>
                            <a href="{{config('site.twitter')}}" class="fab fa-twitter"></a>
                            <a href="{{config('site.snapchat')}}" class="fab fa-snapchat"></a>
                        </div><!-- /.contact-two__social -->
                    </div><!-- /.contact-two__content -->
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-8">
                    <div class="form-box">
                        <div class="default-form">
                            <form method="post" action="" id="contact-form">
                                <div class="row clearfix">
                                    <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                        <div class="field-inner">
                                            <input type="text" name="username" value="" placeholder="{{__('website-trans.yourName')}}"
                                                   required="">
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                        <div class="field-inner">
                                            <input type="email" name="email" value="" placeholder="{{__('website-trans.email')}}"
                                                   required="">
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                        <div class="field-inner">
												<textarea name="message" placeholder="{{__('website-trans.writeMessage')}}"
                                                          required=""></textarea>
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                        <button class="theme-btn btn-style-one">
                                            <i class="btn-curve"></i>
                                            <span class="btn-title">{{__('website-trans.sendMessage')}}</span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div><!-- /.col-lg-8 -->
            </div><!-- /.row -->

        </div>
    </section>


@endsection

@section('js')

@endsection