@extends('layouts.user-inner')


@section('content')
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <!-- Ec breadcrumb start -->
    <div class="sticky-header-next-sec  ec-breadcrumb">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="row ec_breadcrumb_inner">
                        <div class="col-md-12 col-sm-12">
                            <!-- ec-breadcrumb-list start -->
                            <ul class="ec-breadcrumb-list">
                                <li class="ec-breadcrumb-item"><a href="/">Home</a></li>
                                <li class="ec-breadcrumb-item active">Contact Us</li>
                            </ul>
                            <!-- ec-breadcrumb-list end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Ec breadcrumb end -->
    <!--  banner Section Start -->
    <section class="section ec-offer-section"
        style="background-image: url(/frontend/assets/images/banner/contact-banner.png);">
        <h2 class="d-none">Offer</h2>
        <div class="container">
            <div class="row justify-content-start">
                <div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center ec-offer-content">
                    <h2 class="ec-offer-title">Ginger-Ecommerce Electronics</h2>


                </div>
            </div>
        </div>
    </section>
    <!-- banner Section End -->
    <!-- Ec Contact Us page -->
    <section class="ec-page-content section-space-p">
        <div class="container">
            <div class="row">
                <div class="ec-common-wrapper">
                    <div class="section-title">
                        <h2 class="ec-bg-title">Contact Us</h2>
                        <h2 class="ec-title">Contact Us</h2>
                    </div>
                    <div class="ec-contact-leftside">
                        <div class="ec-contact-container">
                            <div class="ec-contact-form">
                                <form action="/send-mail" method="post">
                                    @csrf
                                    <span class="ec-contact-wrap">
                                        <label>Your Name</label>
                                        <input type="text" name="firstname" placeholder="Write your name" required />
                                    </span>

                                    <span class="ec-contact-wrap">
                                        <label>Your Email</label>
                                        <input type="email" name="email" placeholder="sample@gmail.com" required />
                                    </span>

                                    <span class="ec-contact-wrap">
                                        <label>Message</label>
                                        <textarea name="address" placeholder="Write here..........."></textarea>
                                    </span>

                                    <span class="ec-contact-wrap ec-contact-btn">
                                        <button class="btn btn-primary" type="submit">Send&nbsp;<i
                                                class="fa fa-long-arrow-right" aria-hidden="true"></i></button>
                                    </span>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-md-12 col-lg-12 mt-3">
                                @if ($errors->has('fname'))
                                    <div style="" class="alert alert-fail btn-danger">&nbsp;&nbsp;&nbsp;<span
                                            class="closebtn"
                                            onclick="this.parentElement.style.display='none';">&times;</span>&nbsp;&nbsp;&nbsp;First
                                        Name Required</div>
                                @elseif($errors->has('lname'))
                                    <div style="" class="alert alert-fail btn-danger">&nbsp;&nbsp;&nbsp;<span
                                            class="closebtn"
                                            onclick="this.parentElement.style.display='none';">&times;</span>&nbsp;&nbsp;&nbsp;First
                                        Name Required</div>
                                @elseif($errors->has('email'))
                                    <div style="" class="alert alert-fail btn-danger">&nbsp;&nbsp;&nbsp;<span
                                            class="closebtn"
                                            onclick="this.parentElement.style.display='none';">&times;</span>&nbsp;&nbsp;&nbsp;{{ $errors->first('email') }}
                                    </div>
                                @elseif($errors->has('phn'))
                                    <div style="" class="alert alert-fail btn-danger">&nbsp;&nbsp;&nbsp;<span
                                            class="closebtn"
                                            onclick="this.parentElement.style.display='none';">&times;</span>&nbsp;&nbsp;&nbsp;The
                                        phone number is mandatory and must be 8 characters.</div>
                                @endif
                                @if (Session::has('errorcust'))
                                    <div style="" class="alert alert-fail btn-danger">&nbsp;&nbsp;&nbsp;<span
                                            class="closebtn"
                                            onclick="this.parentElement.style.display='none';">&times;</span>&nbsp;&nbsp;&nbsp;{{ Session::get('errorcust') }}
                                    </div>
                                @endif
                                @if (Session::has('success'))
                                    <script>
                                        swal("Message Send Successfully!", "We have received you're message. We will get back to you as soon as possible!",
                                            "success");
                                    </script>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="ec-contact-rightside">
                        <div class="ec_contact_map">
                            <div class="ec_contact_info">

                                <ul class="align-items-center">
                                    <li class="ec-contact-item"><i class="fa fa-home" aria-hidden="true"></i><span>Address
                                            <br>

                                        </span>Thrissur, Kerala</li>
                                    <li class="ec-contact-item"><i class="fa fa-home" aria-hidden="true"></i><span>Address
                                            <br>

                                        </span>Thrissur, Kerala </li>
                                </ul>
                            </div>
                            <div class="contact-adress inline-block">
                                <a href="tel:+91 80897 68686">+91 80897 68686</a>
                                <a href="mailto:info@gingertechnologies.in">info@gingertechnologies.in</a>
                                <a href="www.gingertechnologies.in">www.gingertechnologies.in</a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection