@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">

                        @foreach(\App\Models\Branche::where('status',1)->get() as $branch)
{{--                            @dd($branch)--}}
                        <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')
                                : {{$branch->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')
                                : {{$branch->phone}}
                            </li>
                            <li data-aos-delay="200" data-aos-duration="800" data-aos="zoom-in">
                                <i class="fas fa-envelope"></i>
                                @lang('front.email') :
                                {{$branch->phone}}
                            </li>
                        </ul>
                        @endforeach


                        <h4 data-aos-delay="200" data-aos-duration="800" data-aos="fade-in">
                            @lang('front.Follow_us_on_social_media')

                        </h4>
                        <hr>
                            <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>
                        <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 src="https://www.google.com/maps/embed?pb=!1m26!1m12!1m3!1d55643.82593800751!2d47.97729282820839!3d29.34864037789226!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m11!3e6!4m3!3m2!1d29.366618199999998!2d47.9911217!4m5!1s0x3fcf9dc3d34180ff%3A0x80ca4de9184106f2!2z2YfZiNin2Ycg2KfZhNiu2YTZitis4oCt!3m2!1d29.3269085!2d48.0200864!5e0!3m2!1sen!2skw!4v1676048695823!5m2!1sen!2skw"  style="border:0;width: 100%" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></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