@extends('frontend.layouts.master')

@section('content')

<!-- CONTACT::START -->
<div class="contact_section ">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12">
                <div class="contact_map mb_30">
                    <div id="contact-map"></div>
                </div>
            </div>
        </div>
        <div class="row ">
            <div class="col-xl-12">
                <div class="contact_address">
                    <div class="row justify-content-end">
                        <div class="col-lg-6">
                            <div class="contact_box_wrapper">
                                <div class="contact_wiz_box">
                                    <span class="contact_box_title font_16 f_w_500 d-block lh-1 ">{{ _trans('landlord.Call or WhatsApp')}}:</span>
                                    <h4 class="contact_box_desc mb-0">{{ @$data['information']['phone_number'] }}</h4>
                                </div>
                                <div class="contact_wiz_box">
                                    <span class="contact_box_title font_16 f_w_500 d-block lh-1 ">{{ _trans('landlord.Get in touch')}}:</span>
                                    <h4 class="contact_box_desc mb-0">{{ @$data['information']['email'] }}</h4>
                                </div>
                                <div class="contact_wiz_box">
                                    <span class="contact_box_title font_16 f_w_500 d-block lh-1 ">{{ _trans('landlord.Social Media')}}:</span>
                                    <div class="contact_link">
                                        <a href="{{ @$data['information']['facebook_link'] }}">
                                            <i class="fab fa-facebook"></i>
                                        </a>
                                        <a href="{{ @$data['information']['twitter_link'] }}">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                        <a href="{{ @$data['information']['instagram_link'] }}">
                                            <i class="fab fa-linkedin-in"></i>
                                        </a>
                                        <a href="{{ @$data['information']['instagram_link'] }}">
                                            <i class="fab fa-instagram"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="contact_wiz_box">
                                    <span class="contact_box_title font_16 f_w_500 d-block lh-1 ">{{ _trans('landlord.Head office')}}:</span>
                                    <h4 class="contact_box_desc mb-0">{{ @$data['information']['address'] }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="contact_form_box mb_30">
                                <div class="contact_info">
                                    <div class="contact_title mb_30">
                                        <h4 class="">{{ _trans('landlord.Get in Touch')}}</h4>
                                    </div>
                                </div>

                                <form class="form-area contact-form" action="{{ route('contact.store') }}" method="post">
                                    @csrf
                                    <div class="row">
                                        <div class="col-xl-12 mb_30">
                                            <select class="o_land_select2 style2 wide mb_10" name="reason">
                                                <option value="" disabled selected>{{ _trans('landlord.Reason for Contact')}}</option>
                                                <option value="Issue">{{ _trans('landlord.Issue')}}</option>
                                                <option value="Support">{{ _trans('landlord.Support')}}</option>
                                                <option value="Query">{{ _trans('landlord.Query')}}</option>
                                                <option value="Others">{{ _trans('landlord.Others')}}</option>
                                            </select>
                                            @error('reason')
                                            <small class="text-danger"> {{ $message }} </small>
                                            @enderror
                                        </div>

                                        <div class="col-xl-6">
                                            <input placeholder="{{ _trans('landlord.First Name')}}" onfocus="this.placeholder = ''" onblur="this.placeholder = 'First Name'"
                                                class="primary_line_input style4 mb_10" type="text" name="f_name" value="{{ old('f_name') }}">
                                            @error('f_name')
                                                <small class="text-danger"> {{ $message }} </small>
                                            @enderror
                                        </div>
                                        <div class="col-xl-6">
                                            <input placeholder="{{ _trans('landlord.Last Name')}}" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Last Name'"
                                                class="primary_line_input style4 mb_10" type="text" name="l_name" value="{{ old('l_name') }}">
                                            @error('l_name')
                                                <small class="text-danger"> {{ $message }} </small>
                                            @enderror
                                        </div>
                                        <div class="col-xl-12">
                                        <input name="email" placeholder="{{ _trans('landlord.Type e-mail address')}}"
                                                onfocus="this.placeholder = ''" onblur="this.placeholder = 'landlord.Type e-mail address'" class="primary_line_input style4  mb_10"
                                             type="email" name="email" value="{{ old('email') }}">
                                            @error('email')
                                                <small class="text-danger"> {{ $message }} </small>
                                            @enderror
                                        </div>
                                        <div class="col-xl-6">
                                            <input placeholder="{{ _trans('landlord.Phone No')}}" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Phone No'"
                                                class="primary_line_input style4 mb_10" type="text" name="phone_number" value="{{ old('phone_number') }}">
                                            @error('phone_number')
                                                <small class="text-danger"> {{ $message }} </small>
                                            @enderror
                                        </div>
                                        
                                        <div class="col-xl-6">
                                            <input placeholder="{{ _trans('landlord.Order No (Optional)')}}" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Order No (Optional)'"
                                                class="primary_line_input style4 mb_10" type="text" name="order_no" value="{{ old('order_no') }}">
                                        </div>
                                        <div class="col-xl-12 mb_40">
                                            <textarea class="primary_line_textarea style4 " placeholder="{{ _trans('landlord.Write Message here…')}}" onfocus="this.placeholder = ''"
                                                onblur="this.placeholder = 'Write Message here…'" name="message">{{ old('message') }}</textarea>
                                            @error('message')
                                                <small class="text-danger"> {{ $message }} </small>
                                            @enderror
                                        </div>
                                        <div class="col-lg-12 text-right">
                                            <div class="alert-msg"></div>
                                            <button type="submit" class="o_land_primary_btn style2 submit-btn text-center f_w_700 text-uppercase rounded-0 w-100" >Send message</button>
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- CONTACT::END -->

@endsection