@extends('web.layouts.container')
@section('content')
    <section class="contact-pg">
        <div class="container">
            <div class="sec-heading mb-5">
                <h2 class="title">
                    {{$attributes['contact_title']}}
                    <p class="det mt-2">{{$attributes['contact_hint']}}</p>
                </h2>
            </div>
            <div class="row">
                <div class="col-lg-8">
                    <div class="form-wrapper">
                        <form action="{{route('send_contact_us')}}" method="post" class="contact_us_form">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" name="name" placeholder="{{$attributes['name']}}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input typeof="email" class="form-control" name="email" placeholder="{{$attributes['email']}}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="tel" name="phone" class="form-control" placeholder="{{$attributes['phone']}}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <select class="form-control" name="subject">
                                            <option value="">{{$attributes['subject']}}</option>
                                            <option value="problem">{{__('visitorMessages.problem')}}</option>
                                            <option value="inquiry">{{__('visitorMessages.inquiry')}}</option>
                                            <option value="complaint">{{__('visitorMessages.complaint')}}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <textarea name="message" class="form-control" rows="12" placeholder="{{$attributes['message']}}"></textarea>
                                    </div>
                                </div>
                                <div class="col-md-12 mt-4">
                                    <button class="butn dark-butn m-auto contact_us_button"><span>{{$attributes['send']}}</span></button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="contact_info">
                        <div class="items">
                            <div class="icons">
                                <i class="fas fa-home"></i>
                            </div>
                            <div class="info">
                                <h6>{{$attributes['address_title']}}</h6>
                                <h3> {{isset($settings['site_address']) ? $settings['site_address'] : ''}} </h3>
                            </div>
                        </div>
                        <div class="items">
                            <div class="icons">
                                <i class="fas fa-envelope"></i>
                            </div>
                            <div class="info">
                                <h6>{{$attributes['email_title']}}</h6>
                                <h3> {{isset($settings['site_email']) ? $settings['site_email'] : ''}}</h3>
                            </div>
                        </div>
                        <div class="items">
                            <div class="icons">
                                <i class="fas fa-headset"></i>
                            </div>
                            <div class="info">
                                <h6>{{$attributes['phone_title']}}</h6>
                                <h3> {{isset($settings['site_phone']) ? $settings['site_phone'] : ''}} </h3>
                            </div>
                        </div>
                        <div class="items">
                            @isset($settings['youtube'])
                                <a class="icons" target="_blank" href="{{$settings['youtube']}}"><i class="fab fa-youtube"></i></a>
                            @endisset
                            @isset($settings['vimeo'])
                                <a class="icons" target="_blank" href="{{$settings['vimeo']}}"><i class="fab fa-vimeo"></i></a>
                            @endisset
                            @isset($settings['instagram'])
                                <a class="icons" target="_blank" href="{{$settings['instagram']}}"><i class="fab fa-instagram"></i></a>
                            @endisset
                            @isset($settings['twitter'])
                                <a class="icons" target="_blank" href="{{$settings['twitter']}}"><i class="fab fa-twitter"></i></a>
                            @endisset
                            @isset($settings['facebook'])
                                <a class="icons" target="_blank" href="{{$settings['facebook']}}"><i class="fab fa-facebook"></i></a>
                            @endisset
                                <a class="icons" href="mailto::{{isset($settings['site_email']) ? $settings['site_email'] : ''}}"><i class="fas fa-envelope"></i></a>

{{--                            <a href="#" class="icons">--}}
{{--                                <i class="fab fa-facebook-f"></i>--}}
{{--                            </a>--}}
{{--                            <a href="#" class="icons">--}}
{{--                                <i class="fab fa-instagram"></i>--}}
{{--                            </a>--}}
{{--                            <a href="https://api.whatsapp.com/send?phone={{isset($settings['whatsapp']) ? $settings['whatsapp'] : ''}}&text=" class="icons">--}}
{{--                                <i class="fab fa-whatsapp"></i>--}}
{{--                            </a>--}}
{{--                            <a href="#" title="{{isset($settings['snapchat']) ? $settings['snapchat'] : ''}}" class="icons">--}}
{{--                                <i class="fab fa-snapchat-ghost"></i>--}}
{{--                            </a>--}}
{{--                            <span>{{isset($settings['snapchat']) ? $settings['snapchat'] : ''}}</span>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection