@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="contact-pg section bg_lightblue3">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="contact_card wow fadeInUp" >
                            <img src="{{asset('assets/web/images/icons/contact-1.svg')}}" alt="" class="icon"/>
                            <h5 class="title mb-3 fw-bold trans_3">{{__('settings.site_email')}}</h5>
                            <h5 class="data mb-0">{{$settings['site_email']}}</h5>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="contact_card wow fadeInUp" data-wow-delay=".2s">
                            <img src="{{asset('assets/web/images/icons/contact-2.svg')}}" alt="" class="icon"/>
                            <h5 class="title mb-3 fw-bold trans_3">{{__('settings.site_phone')}}</h5>
                            <h5 class="data mb-0">{{$settings['site_phone']}}</h5>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="contact_card wow fadeInUp" data-wow-delay=".4s">
                            <img src="{{asset('assets/web/images/icons/contact-3.svg')}}" alt="" class="icon"/>
                            <h5 class="title mb-3 fw-bold trans_3">{{__('settings.site_address')}}</h5>
                            <h5 class="data mb-0">{{$settings['site_address_'.$lang]}}</h5>
                        </div>
                    </div>
                </div>
                <div class="row mt-5 align-items-center">
                    <div class="col-lg-6">
                        <div class="map_box">
                            {!! $settings['site_map'] !!}
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form_box">
                            @php $contactHeadArr = splitStringToEqualParts(__('visitorMessages.send_us_message'), 2); @endphp
                            <h1 class="title mb-4">
                                {{ $contactHeadArr[0] }}   <b class="color-primary">{{ $contactHeadArr[1] }}</b>
                            </h1>
                            <form method="post" action="{{route('contact.store')}}">
                                @csrf
                                <div class="form-group mb-4">
                                    <input class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}"
                                           name="name" value="{{ old('name') }}"
                                           placeholder="{{__('visitorMessages.name')}}" type="text" required/>
                                </div>
                                <div class="form-group mb-4">
                                    <input class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}"
                                           name="email" value="{{ old('email') }}"
                                           placeholder="{{__('visitorMessages.email')}}" type="email" required/>
                                </div>
                                <div class="form-group mb-4">
                                    <input class="form-control {{ $errors->has('phone') ? 'is-invalid' : '' }}"
                                           name="phone" value="{{ old('phone') }}"
                                           placeholder="{{__('visitorMessages.phone')}}" type="number" required/>
                                </div>
                                <div class="form-group mb-4">
                                    <input class="form-control {{ $errors->has('subject') ? 'is-invalid' : '' }}"
                                           name="subject" value="{{ old('subject') }}"
                                           placeholder="{{__('visitorMessages.subject')}}" type="text" required/>
                                </div>
                                <div class="form-group mb-4">
                                    <textarea class="form-control {{ $errors->has('message') ? 'is-invalid' : '' }}"
                                              name="message" placeholder="{{__('visitorMessages.message')}}" rows="5" required>{{ old('message') }}</textarea>
                                </div>
                                <button type="submit" class="butn secondary_butn w-100 py-3 fs-6"><b>{{__('visitorMessages.send')}}</b></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

@endsection