@extends('layouts.frontlayout')
@section('content')
<style>
    .error  {
        color : red
    }
</style>
<!-- ==== Contact Us Section Start ==== -->
<section class="contact_us_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="contact_us_area">
                    <div class="row">
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="left_area">
                                <div class="heading_area">
                                    <h3>{{ $page->title ?? '' }}</h3>
                                </div>
                                <div class="text_area">
                                    <p>{{ $page->description ?? ''}}</p>
                                </div>
                                    {{-- <div class="flash-message">
                                        @if(Session::has('success'))
                                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                                        <span class="alert-icon"><i class="ni ni-like-2"></i></span>
                                        <span class="alert-text">{{ Session::get('success') }}</span>

                                        </div>
                                        {{ Session::forget('success') }}
                                        @endif
                                        @if(Session::has('error'))
                                        <div class="alert alert-danger" role="alert">
                                        {{ Session::get('error') }}
                                        </div>
                                        {{ Session::forget('error') }}
                                        @endif
                                   </div> --}}
                                @include('frontend.partials.flash_messages')
                                <div class="form_area">
                                    <form method="post" action="{{ route('contactus.add') }}" class="form-validation" id="contactUsForm">
                                         {{ @csrf_field() }}
                                        <div class="form-web">
                                            <div class="form-floating">
                                                <input type="text" class="form-control" name="full_name" value="{{ old('full_name') }}" placeholder="Full Name" id="full_name" required />
                                                <label>Full name <span>*</span></label>
                                                {{-- @error('full_name')
                                                   <div class="error">{{ $message }}</div>
                                                @enderror  --}}
                                            </div>
                                            <label id="full_name-error" class="error" for="full_name">@error('full_name') {{ $message }} @enderror</label>
                                        </div>
                                        <div class="row">
                                            <div class="col-xxl-6 col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">
                                                <div class="form-web">
                                                    <div class="form-floating">
                                                        {{-- <input type="number" name="phonenumber" class="form-control" value="{{ old('phonenumber') }}" placeholder="Phone number *" required /> --}}
                                                        <input class="form-control o-phone" type="hidden" name="phonenumber" value="">
                                                        <input type="tel" class="form-control number_only cont_input" minlength="8" maxlength="14" value="{{ old('phonenumber') }}" id="phone-input" required />
                                                        <label>Phone number <span>*</span></label>
                                                        {{-- @error('phonenumber')
                                                           <div class="error">{{ $message }}</div>
                                                        @enderror  --}}
                                                    </div>
                                                    <label id="phonenumber-error" class="error" for="phonenumber">@error('phonenumber') {{ $message }} @enderror</label>
                                                </div>
                                            </div>
                                            <div class="col-xxl-6 col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">
                                                <div class="form-web">
                                                    <div class="form-floating">
                                                        <input type="email" class="form-control" name="email" value="{{ old('email') }}" placeholder="Email *" required />
                                                        <label>Email <span>*</span></label>
                                                        {{-- @error('email')
                                                           <div class="error">{{ $message }}</div>
                                                        @enderror  --}}
                                                    </div>
                                                    <label id="email-error" class="error" for="email">@error('email') {{ $message }} @enderror</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-web">
                                            <div class="form-floating">
                                                <input type="text" class="form-control" name="subject" value="{{ old('subject') }}" placeholder="Subject" />
                                                <label>Subject</label>
                                                {{-- @error('subject')
                                                   <div class="error">{{ $message }}</div>
                                                @enderror  --}}
                                            </div>
                                            <label id="subject-error" class="error" for="subject">@error('subject') {{ $message }} @enderror</label>
                                        </div>
                                        <div class="form-web">
                                            <div class="form-floating">
                                                <textarea class="form-control" style="max-height: 260px; height: 150px;" placeholder="Leave a comment here" name="message" required >{{ old('message') }}</textarea>
                                                <label >Message <span>*</span></label>
                                                {{-- @error('message')
                                                   <div class="error">{{ $message }}</div>
                                                @enderror  --}}
                                            </div>
                                            <label id="message-error" class="error" for="message">@error('message') {{ $message }} @enderror</label>
                                        </div>
                                        <div class="button_area">
                                            <button type="submit" id="rj_con" aria-label="Contact Request" class="btn-primary">send</button>
                                        </div>
                                    </form>
                                </div>
                                <div class="bottom_area">
                                    @php
                                        $getPhoneNumber = Settings::get('company_phonenumber');
                                        $getEmail = Settings::get('company_email');
                                        $getAddress = Settings::get('company_address');
                                    @endphp
                                    <div class="row">
                                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-4 col-5">
                                            <div class="icon_content_area">
                                                <div class="left_inner">
                                                    <div class="icon_area">
                                                        <img src="{{ url('frontend/images/icons/phone.png') }}" title="{{isset($getPhoneNumber) && $getPhoneNumber ? $getPhoneNumber : ''}}" alt="{{isset($getPhoneNumber) && $getPhoneNumber ? $getPhoneNumber : ''}}" fetchpriority="low">
                                                    </div>
                                                </div>
                                                <div class="right_inner">
                                                    <div class="content_area">
                                                        <div class="my_header">
                                                            PHONE
                                                        </div>
                                                        <a href="tel:{{isset($getPhoneNumber) && $getPhoneNumber ? $getPhoneNumber : ''}}" aria-label="Phone Number">
                                                            <div class="my_text">
                                                               {{isset($getPhoneNumber) && $getPhoneNumber ? $getPhoneNumber : ''}}
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-4 col-7">
                                            <div class="icon_content_area">
                                                <div class="left_inner">
                                                    <div class="icon_area">
                                                        <img src="{{ url('frontend/images/icons/email.png') }}" title="{{isset($getEmail) && $getEmail ? $getEmail : ''}}" alt="{{isset($getEmail) && $getEmail ? $getEmail : ''}}" fetchpriority="low">
                                                    </div>
                                                </div>
                                                <div class="right_inner">
                                                    <div class="content_area">
                                                        <div class="my_header">
                                                            EMAIL 
                                                        </div>
                                                        <a href="mailto:{{isset($getEmail) && $getEmail ? $getEmail : ''}}" aria-label="Email">
                                                            <div class="my_text">
                                                                {{isset($getEmail) && $getEmail ? $getEmail : ''}}
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-4 col-12">
                                            <div class="icon_content_area icon_content_area_3">
                                                <div class="left_inner">
                                                    <div class="icon_area">
                                                        <img src="{{ url('frontend/images/icons/location.png') }}" title="{{isset($getAddress) && $getAddress ? $getAddress : ''}}" alt="{{isset($getAddress) && $getAddress ? $getAddress : ''}}" fetchpriority="low">
                                                    </div>
                                                </div>
                                                <div class="right_inner">
                                                    <div class="content_area">
                                                        <div class="my_header">
                                                            Location
                                                        </div>
                                                        <div class="my_text">
                                                            {{isset($getAddress) && $getAddress ? $getAddress : ''}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="right_area">
                                <div class="map_area">
                                    @if(!empty($page->pagecustom) && $page->pagecustom->value != strip_tags($page->pagecustom->value))
                                       {!! isset($page->pagecustom) && isset($page->pagecustom->value) && $page->pagecustom->value ? $page->pagecustom->value : '' !!}
                                    @else
                                       <iframe src="{{ $page->pagecustom->value}}"></iframe>
                                    @endif
                                </div>
                            </div>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Contact Us Section End ==== -->
@endsection