@extends('web.layouts.container')

@section('content')
    <div class="page-heading" style="background: url({{asset('assets/web/images/page-heading-1.png')}});">
        <div class="container">
            <div class="text-box text-center">
                <h1 class="sec-title">{{$pageTitle[0]}} <b>{{$pageTitle[1]}}</b></h1>
            </div>
        </div>
    </div>
    <section class="contact-pg">
        <div class="container">
            <div class="inner-sec">
                <h5 class="title text-center mb-5"><b>{{__('visitorMessages.hint')}}</b> </h5>
                <div class="contact-head">
                    <div class="row">

                        <div class="col-lg-3">
                            <div class="contact-card">
                                <div class="icon"><i class="fab fa-telegram-plane"></i></div>
                                <p class="data">
                                    <b>{{__('settings.p_box')}}</b> <br>
                                    @isset($settings['p_box']) {{$settings['p_box']}} @endisset
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <div class="contact-card">
                                <div class="icon"><i class="fas fa-map-marker-alt"></i></div>
                                <p class="data">
                                    <b> {{__('settings.location')}}</b> <br>
                                    <span>@isset($settings['site_address']) {{$settings['site_address']}} @endisset </span>
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <div class="contact-card">
                                <div class="icon"><i class="fas fa-phone-alt"></i></div>
                                <p class="data">
                                    <b>{{__('settings.site_phone')}}. </b> <br>
                                    @isset($settings['site_phone']) {{$settings['site_phone']}} @endisset
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <div class="contact-card last">
                                <div class="icon"><i class="fas fa-fax"></i></div>
                                <p class="data">
                                    <b>{{__('settings.fax')}}. </b> <br>
                                    @isset($settings['fax']) {{$settings['fax']}} @endisset
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body mt-5">
                    <div class="heading text-center mb-5 wow fadeInUp">
                        <h1 class="sec-title ">{{__('visitorMessages.send_us')}}   <b>{{__('visitorMessages.a_message')}}</b></h1>
                    </div>
                    <form method="post" action="{{route('send_contact_us')}}" class="contact_us_form">
                        <div class="row">
                            <div class="col-md-8 m-auto">
                                <div class="form-group">
                                    <input name="name" class="form-control" placeholder="{{__('visitorMessages.name')}}">
                                </div>
                                <div class="form-group">
                                        <input name="email" class="form-control" placeholder="{{__('visitorMessages.email')}}">
                                </div>
                                <div class="form-group">
                                        <input name="phone" class="form-control" placeholder="{{__('visitorMessages.phone')}}">
                                </div>
                                <div class="form-group">
                                    <input name="subject" class="form-control" placeholder="{{__('visitorMessages.subject')}}">
                                </div>
                                <div class="form-group">
                                    <textarea name="message" class="form-control" rows="7" placeholder="{{__('visitorMessages.message')}}"></textarea>
                                </div>
                                <div class="butn m-auto">
                                    <div class="button_su more-btn  m-auto">
                                        <span class="su_button_circle "></span>
                                        <button class="button_su_inner contact_us_button">
                                            <span class="button_text_container"> {{__('main.send_message')}} </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('inner_js')
    <script>
    </script>
@endsection