@extends('layouts.front-layout')
@section('title') Contact @endsection
@section('content')
    <section class="inner-banner p-0">
        <video class="inner-banner__video" autoplay muted loop playsinline>
            <source src="{{$setting->settingImage('home_top_banner_video') ?? ''}}" type="video/mp4">
        </video>
        <div class="container">
            <div class="inner-banner__content">
                <h1>{{ $pageData['Contact']['top_banner_title'] ?? '' }} {{ $pageData['Contact']['heading'] ?? '' }}</h1>
            </div>
        </div>
    </section>

    <section class="contact-section contact--inner">
        <img src="{{asset('upload/images/contact1.webp')}}" alt="image" class="img-fluid contact--shape">
        <div class="container">
            <div class="col-lg-12 mx-auto">
                <form class="contactForm" action="{{route('contact.submit')}}" method="post">
                    @csrf
                    <div class="row">
                        <div class="col-md-6" data-aos="fade-up">
                            <div class="form-group">

                                <input type="text" class="form-control" name="first_name" placeholder="Full Name">

                                <small class='text-danger'>@error ('first_name') {{$message}} @enderror</small>
                            </div>
                        </div>
                        <div class="col-md-6" data-aos="fade-up">
                            <div class="form-group">

                                <input type="text" class="form-control" name="last_name" placeholder="Full Name">
                                <small class='text-danger'>@error ('last_name') {{$message}} @enderror</small>

                            </div>
                        </div>
                        <div class="col-md-6" data-aos="fade-up">
                            <div class="form-group">

                                <input type="text" class="form-control" placeholder="Website" name="address">
                                <small class='text-danger'>@error ('address') {{$message}} @enderror</small>

                            </div>
                        </div>
                        <div class="col-md-6" data-aos="fade-up">
                            <div class="form-group">

                                <input type="text" class="form-control" placeholder="Phone" name="phone">
                                <small class='text-danger'>@error ('phone') {{$message}} @enderror</small>

                            </div>
                        </div>

                        <div class="col-md-12" data-aos="fade-up">
                            <div class="form-group">

                                <input type="email" class="form-control" placeholder="Email" name="email">
                                <small class='text-danger'>@error ('email') {{$message}} @enderror</small>

                            </div>
                        </div>


                        <div class="col-md-12 mt-2" data-aos="fade-up">

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

                            </div>
                        </div>


                        <div class="text-center col-md-12">

                            <button class="themeBtn"type="submit">Submit</button>
                        </div>


                    </div>
                </form>

            </div>
        </div>
    </section>


@endsection