@extends('front.layouts.app')
@section('title','Contact Us-Mark Tippets')
@section('content')

    <!-- Pagetitle -->
    <section class="banner pagetitle bannerSlider">
        <div class="bannerImg" data-background="{{ $contact_encode->cmsImages('background_banner_image') ?? '' }}">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="bannerImg__content">
                            <h1>{{$contact['contact_banner_title'] ?? ''}}</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="contact">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <figure class="contact__img w-100" data-aos="zoom-in">
                        <img src="{{ $contact_encode->cmsImages('contact_image') ?? '' }}" alt="image" class="img-fluid w-100 h-100">
                    </figure>
                </div>
                <div class="col-md-6">
                    <form action="{{route('contact.submit')}}" class="contact__form" data-aos="fade-up"method="post">
                        @csrf
                        <h3 class="subHeading">CONTACT US</h3>
                        <h2 class="heading">get in touch</h2>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="inputField">
                                    <label>First Name*</label>
                                    <input type="text" placeholder="John"name="first_name">
                                </div>
                                @error('first_name')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <div class="inputField">
                                    <label>Last Name*</label>
                                    <input type="text" placeholder="Smith"name="last_name">
                                </div>
                                @error('last_name')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <div class="inputField">
                                    <label>Email*</label>
                                    <input type="email" placeholder="info@yourmail.com"name="email">
                                </div>
                                @error('email')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <div class="inputField">
                                    <label>Phone*</label>
                                    <input type="tel" placeholder="+1 (123) 456 7890"name="phone">
                                </div>
                                @error('phone')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-12">
                                <div class="inputField">
                                    <label>message*</label>
                                    <textarea rows="7" name="message"></textarea>
                                </div>
                                @error('message')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-12">
                                <div class="inputField">
                                    <button type="submit" class="themeBtn">submit</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

@endsection