@extends('layouts.front-layout')
@section('content')
    @php
        if (!empty($contact->content)) {
            $decodedData = json_decode($contact->content, true);
        }
    @endphp
<!-- Begin: Main Slider -->
<div class="innerBan">
    <img src="{{asset('images/innerbnr1.png')}}" class="w-100" alt="">
    <div class="overlay">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12">
                    <h2>Contact Us</h2>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End: Main Slider -->


<section class="contactSec padd-y">
    <div class="container">
        <div class="row align-items-center justify-content-between">
            <div class="col-lg-5">
                <div class="letDiscuss">
                    <h3 class="subHeading">{{$decodedData['sub_heading'] ?? ''}}</span></h3>

                    <ul class="contactInfo mt-3">
                        <li>
                            <figure>
                                <img src="{{asset('images/pin1.png')}}" alt="image" class="img-fluid addressImg">
                            </figure>
                            <div>
                                <h6>Write Us: </h6>
                                <a href=""><span>{{$setting->address ? : ''}}</span></a>
                            </div>
                        </li>
                        <li>
                            <figure>
                                <img src="{{asset('images/email1.png')}}" alt="image" class="img-fluid emailImg">
                            </figure>
                            <div>
                                <h6>For Info Email Us At::</h6>
                                <a href="mailto:{{$setting->email ? : ''}}">
                                    <span>{{$setting->email ? : ''}}</span>
                                </a>

                            </div>
                        </li>
                        <li>
                            <figure>
                                <img src="{{asset('images/email2.png')}}" alt="image" class="img-fluid emailImg">
                            </figure>
                            <div>
                                <h6>For Support Email Us At: </h6>
                                <a href="mailto:{{$setting->second_email ? : ''}}">
                                    <span>{{$setting->second_email ? : ''}}</span>
                                </a>

                            </div>
                        </li>
                        <li>

                            <figure>
                                <img src="{{asset('images/phone1.png')}}" alt="image" class="img-fluid phoneImg">
                            </figure>
                            <div>
                                <h6>Call Us At:</h6>
                                <a href="tel:{{$setting->phone_num ? : ''}}"><strong>{{$setting->phone_num ? : ''}}</strong></a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="contactForm">
                    <h3 class="subHeading">{{$decodedData['heading'] ?? ''}}</h3>
                    <form class="contactForm"method="POST"action="{{route('front.contact-submit')}}">
                        @method('PUT')
                        @csrf
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="inputField">
                                    <label>First Name *</label>
                                    <input type="text" name="first_name">
                                </div>
                            </div>
                            <span>@error ('first_name') {{$message}} @enderror</span>

                            <div class="col-lg-6">
                                <div class="inputField">
                                    <label>Last Name *</label>
                                    <input type="text" name="last_name">
                                </div>
                            </div>
                            <span>@error ('last_name') {{$message}} @enderror</span>

                            <div class="col-lg-6">
                                <div class="inputField">
                                    <label>Email *</label>
                                    <input type="email" name="email">
                                </div>
                            </div>
                            <span>@error ('email') {{$message}} @enderror</span>

                            <div class="col-lg-6">
                                <div class="inputField">
                                    <label>Phone *</label>
                                    <input type="tel" name="phone_number">
                                </div>
                            </div>
                            <span>@error ('phone_number') {{$message}} @enderror</span>

                            <div class="col-lg-6">
                                <div class="inputField">
                                    <label>Address *</label>
                                    <input type="text" name="address">
                                </div>
                            </div>
                            <span>@error ('address') {{$message}} @enderror</span>

                            <div class="col-lg-6">
                                <div class="inputField">
                                    <label>Subject *</label>
                                    <input type="text" name="subject">
                                </div>
                            </div>
                            <span>@error ('subject') {{$message}} @enderror</span>

                            <div class="col-lg-12">
                                <div class="inputField">
                                    <label>Type your message here. *</label>
                                    <textarea type="text" cols="12" rows="6"  name="message"></textarea>
                                </div>
                            </div>
                            <span>@error ('subject') {{$message}} @enderror</span>

                            <div class="col-lg-12">

                                <div class="inputField">
                                    <button type="submit" class="formBtn">Submit Now</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection