@extends('web.layouts.layout')

@section('content')

<div class="container">
    <div class="contact-info">
        <div class="row">
            <div class="col-lg-7">
                <form action="{{route('send_contact_us')}}" method="post" class="row contact_us_form">
                    @csrf()
                    <div class="col-12 contact-form">
                        <div class="form-group ">
                            <label>  {{ __('visitorMessages.name') }}</label>
                            <input name="name" class="form-control" type="text" placeholder="{{ __('visitorMessages.name') }}">
                        </div>
                        <div class="form-group ">
                            <label> {{ __('visitorMessages.email') }} </label>
                            <input name="email" class="form-control" type="text" placeholder="example@gmail.com">
                        </div>
                        <div class="form-group ">
                            <label> {{ __('visitorMessages.subject') }} </label>
                            <input name="subject" class="form-control" type="text" placeholder="{{ __('visitorMessages.subject') }} ">
                        </div>
                        <div class="form-group ">
                            <label> {{ __('visitorMessages.message') }}</label>
                            <textarea name="message" class="form-control pt-3" rows="7" placeholder="{{ __('visitorMessages.message_placeholder') }}"></textarea>
                        </div>
                        <div class="text-center">
                            <button class="butn contact_us_button"><span>{{ __('main.send') }}</span></button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-lg-5">
                <div class="contact-form mb-4">
                    <h6> Contact Info</h6>
                    <a href="tel: {{$settings['site_phone']}}">
                        <div class="items ">
                            <div class="icons">
                                <i class="fas fa-mobile-alt"></i>
                            </div>
                            <div class="info">
                                <p> {{$settings['site_phone']}}</p>
                            </div>
                        </div>
                    </a>

                    <div class="items ">
                        <div class="icons">
                            <i class="fas fa-location-arrow"></i>
                        </div>
                        <div class="info">
                            <p> {{$settings['site_address']}}</p>
                        </div>
                    </div>

                    <a href="mailto:{{$settings['site_email']}}">
                        <div class="items ">
                            <div class="icons">
                                <i class="far fa-envelope"></i>
                            </div>
                            <div class="info">
                                <p>{{$settings['site_email']}}</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div> 
@endsection