@extends('front.layout.master')
@section('content')

    <!-- -------------------------------------------- -->
    <!-- Start Banar -->
    <div class="banar mb-4 text-center" style="background-image: url('{{asset('front/images/banar.png')}}');">
        <h1 data-aos-delay="100" data-aos-duration="1000" data-aos="zoom-up-down">@lang('front.contactUs')</h1>
    </div>
    <!-- End Banar -->
    <!-- -------------------------------------------- -->
    <!-- Start Contact -->
    <div class="contact">
        <div class="container mb-5">
            <div class="row">
                <div class="col-lg-6 mb-lg-0 mb-5">
                    <div class="info">
                        <ul>
                            <li data-aos-delay="200" data-aos-duration="800" data-aos="zoom-in">
                                <i class="fas fa-map-marker-alt"></i>
                                @lang('front.address')
                            </li>

                            <li data-aos-delay="200" data-aos-duration="800" data-aos="zoom-in">
                                <i class="fas fa-headphones-alt"></i>
                                @lang('front.phone')
                                : {{setting('site_mobile')}}
                            </li>
                            <li data-aos-delay="200" data-aos-duration="800" data-aos="zoom-in">
                                <i class="fas fa-envelope"></i>
                                @lang('front.email') :
                                {{setting('site_email')}}
                            </li>
                        </ul>
                        <h4 data-aos-delay="200" data-aos-duration="800" data-aos="fade-in">
                            @lang('front.Follow_us_on_social_media')

                        </h4>
                        <hr>
                        <a href="{{setting('instgrame')}}">
                            <img src="{{asset('front/images/instagram.png')}}" alt="">
                        </a>
                        <a href="{{setting('facebook')}}">
                            <img src="{{asset('front/images/facebook.png')}}" alt="">
                        </a>
                        <a href="{{setting('twitter')}}">
                            <img src="{{asset('front/images/twitter.png')}}" alt="">
                        </a>
{{--                        <a href="#">--}}
{{--                            <img src="{{asset('front/images/youtube.png')}}" alt="">--}}
{{--                        </a>--}}
                    </div>
                </div>
                <div class="col-lg-6">

                    @if(session('success'))
                        <div class="alert alert-success">
                            {{session('success')}}
                        </div>

                    @endif
                    <form action="{{route('post-contact')}}" method="post">
                        @csrf
                        @method('post')

                        <label data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in" for="name">@lang('front.name') </label>
                        <div class="input-group mb-4" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                            <input id="name" type="text" class="form-control" name="name">
                        </div>

                        <label data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in" for="mail">@lang('front.email')</label>
                        <div class="input-group mb-4" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                            <input id="mail" type="email" class="form-control" name="email">
                        </div>

                        <label data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in" for="num">@lang('front.phone')</label>
                        <div class="input-group mb-4" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                            <input id="num" type="number" class="form-control" name="phone">
                        </div>

                        <label data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in" for="text">@lang('front.comment')</label>
                        <div class="form-group mb-4" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                            <textarea class="form-control" id="text" rows="5"  name="comment"></textarea>
                        </div>

                        <button type="submit" class="submit">@lang('front.send')</button>

                    </form>
                </div>
            </div>
        </div>
<div class="gmap_canvas"><iframe class="w-100"  id="gmap_canvas" src="https://maps.google.com/maps?q=kuwait&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0">
        
    </iframe><a href="https://2piratebay.org"></a><br><style>.mapouter{position:relative;text-align:right;height:500px;width:600px;}</style><style>.gmap_canvas {overflow:hidden;background:none!important;}</style></div></div>

    </div>
    <!-- End Contact -->
    <!-- -------------------------------------------- -->

@endsection