@extends('front.advertising.index')

@section('meta_title'){{trans('ADVFrontContact.contacts')}}  @endsection
@section('meta_des'){{trans('ADVFrontContact.contacts')}}   @endsection
@section('meta_key'){{trans('ADVFrontContact.contacts')}}   @endsection

@section('content')
    <section class="ad-breadcrumb parallex">
        <div class="container page-banner">
            <div class="row">
                <div class="col-sm-6 col-md-6">
                    <h1>{{trans('ADVFrontContact.contacts')}}</h1>
                </div>
                <div class="col-sm-6 col-md-6">
                    <ol class="breadcrumb pull-right">
                        <li><a href="{{route('front.advertising.home')}}">{{trans('front.home')}}</a></li>
                        <li class="active">{{trans('ADVFrontContact.contacts')}}</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
{{--    <div id="map-contact"></div>--}}
    <section class="contact-us light-grey">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="Heading-title black">
                            <h1>{{trans('ADVFrontContact.contacts')}}</h1>
                        </div>
                    </div>
                    <div class="col-md-8 col-sm-8 col-xs-12">
                        <form class="row" action="{{route('front.advertising.contact.create')}}" method="post"  accept-charset="UTF-8" >
                            {!! csrf_field() !!}
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label>{{trans('front.name')}}  <span class="required">*</span></label>
                                    <input class="form-control" type="text" name="name" required placeholder="{{trans('front.name')}} *">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label>{{trans('front.email')}} <span class="required">*</span></label>
                                    <input class="form-control" type="email" name="email" required placeholder="{{trans('front.email')}} *">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label>{{trans('front.mobile')}} <span class="required">*</span></label>
                                    <input class="form-control" type="text" name="mobile"  placeholder="{{trans('front.mobile')}} *">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label>{{trans('front.subject')}} <span class="required">*</span></label>
                                    <input class="form-control" type="text" name="subject" required placeholder="{{trans('front.subject')}} *">
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label>{{trans('front.message')}} <span class="required">*</span></label>
                                    <textarea cols="6" rows="8" class="form-control" name="message" placeholder="{{trans('front.message')}}"></textarea>
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12">
                                <button  class="btn btn-default" type="submit">{{trans('front.Send-message')}}</button>
                            </div>
                        </form>
                    </div>
                    <div class="col-md-4 col-sm-4 col-xs-12">
                        <div class="contact_block">
                            <h4>{{trans('ADVFrontContact.Contact-Information')}}</h4>
                            <ul class="personal-info">
                                <li><i class="fa fa-map-marker"></i>   @if(app()->getLocale() == 'ar')
                                        {{SETTING_VALUE('address')}}
                                    @else
                                        {{SETTING_VALUE('address_en')}}
                                    @endif</li>
                                <li><i class="fa fa-envelope"></i> {{SETTING_VALUE('email')}}</li>
                                <li><i class="fa fa-phone"></i> {{SETTING_VALUE('mobile')}} </li>

                            </ul>
                            <ul class="social-network social-circle">
                                <li><a href="{{SETTING_VALUE('facebook')}} " class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="{{SETTING_VALUE('twitter')}} " class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="{{SETTING_VALUE('linkedin')}} " class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



@endsection