@extends('layouts.front-layout')
@section('title') Contact @endsection
@section('content')

    <section class="innerBanner">
        <img src="upload/images/inerbg1.png" class="w-100" alt="img">
        <div class="overlay">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <h2>{{$pageData ['Contact']['top_banner_title'] ? : ''}}</h2>
                    </div>
                    <div class="col-md-6">
                        <img src="upload/images/hero-img.png" class="img-fluid heroGirl" alt="img">
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="contactPage">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-10">
                    <div class="contactList">
                        <ul>
                            <li>
                                <figure>
                                    <img src="upload/images/loc.png" class="img-fluid" alt="img">
                                </figure>
                                <h2>Location</h2>
                                <p>{{$setting->address ?? ''}}</p>
                            </li>
                            <li>
                                <figure>
                                    <img src="upload/images/email.png" class="img-fluid" alt="img">
                                </figure>
                                <h2>Email Address</h2>
                                <a href="mailto:{{$setting->email ?? ''}}">{{$setting->email ?? ''}}</a>
                            </li>
                            <li>
                                <figure>
                                    <img src="upload/images/call.png" class="img-fluid" alt="img">
                                </figure>
                                <h2>Phone Number</h2>
                                <a href="tel:+{{$setting->phone_num ?? ''}}">+{{$setting->phone_num ?? ''}}</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-10 mx-auto">
                    <div class="title contactHeading text-center">
                        <h3 class="heading hideLing">{{$pageData ['Contact']['heading'] ? : ''}}</h3>
                    </div>

                    <form class="contactForm" action="{{route('contact.submit')}}"method="post">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="first_name" placeholder="First Name">
                                </div>
                                  <span class="text-danger">@error('first_name') {{$message}} @enderror</span>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="last_name" placeholder="Last Name">
                                </div>
                                <span class="text-danger">@error('last_name') {{$message}} @enderror</span>

                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="number" class="form-control" name="phone" placeholder="Phone Number">
                                </div>
                                <span class="text-danger">@error('phone') {{$message}} @enderror</span>

                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="email" class="form-control" name="email"
                                           placeholder="Email Address">
                                </div>
                                <span class="text-danger">@error('email') {{$message}} @enderror</span>

                            </div>

                            <div class="col-md-12">
                                <div class="form-group">
                                    <textarea type="text" class="form-control" name="message"
                                              placeholder="Message"></textarea>
                                </div>
                                <span class="text-danger">@error('message') {{$message}} @enderror</span>

                            </div>
                            <div class="col-md-12 text-center">
                                <button class="themeBtn" type="submit">Submit!</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection