@extends('web.layout.master')
@section('content')
  
    <!-- Inner Home Start -->
    <section class="contact-home inner-home">
        <div class="container">
            <h4>CONTACT US </h4>
            <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="./index.html">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Contact Us</li>
                </ol>
            </nav>
        </div>
    </section>
    <!-- Inner Home End -->

    <!-- Contact Start -->
    <section class="contact-section py-5">
        <div class="container">
            <div class="mb-3 mb-md-4">
                <div class="contact-title">
                    <h4>Let's Get in <br> Touch </h4>
                    <p>Your opinions are important. Please contact us with any questions you may have about any page or content that has been published on Cricbites.com</p>
                </div>

            </div>
            <div class="row">
                <div class="col-lg-6 col-md-6 mb-3">
                    <div class="contact-left">
                        <ul>
                            <li>
                                <div class="image">
                                    <img src="./assets/images/Support.png" alt="">
                                </div>
                                <div class="content">
                                    <h5>Help & Support</h5>
                                    <a href="/">Support@123.com</a>
                                </div>
                            </li>

                            <li>
                                <div class="image">
                                    <img src="./assets/images/Sales.png" alt="">
                                </div>
                                <div class="content">
                                    <h5>Sales</h5>
                                    <a href="/">Sales@123.com</a>
                                </div>
                            </li>

                            <li>
                                <div class="image">
                                    <img src="./assets/images/Press.png" alt="">
                                </div>
                                <div class="content">
                                    <h5>Media & Press</h5>
                                    <a href="/">Press@123.com</a>
                                </div>
                            </li>


                        </ul>
                    </div>
                </div>

                <div class="col-lg-6 col-md-6">
                    <div class="contact-right">
                          @if(session('message'))
                            <p class="alert @if(session('status') == 2) alert-danger @else alert-success @endif alert-link text-white">{{session('message')}}</p>
                          @endif
                        <form name="contact-form" action="{{route('save-contact')}}" method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-lg-6 col-md-12 mb-3">

                                    <input type="text" class="form-control" name="fname" id="exampleFormControlInput1"
                                        placeholder="First Name" required>
                                </div>
                                <div class="col-lg-6 col-md-12 mb-3">

                                    <input type="text" class="form-control" name="lname"  id="exampleFormControlInput1"
                                        placeholder="Last Name" required>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6 col-md-12 mb-3">

                                    <input type="Email" class="form-control" name="email"  id="exampleFormControlInput1"
                                        placeholder="Email" required>
                                </div>
                                <div class="col-lg-6 col-md-12 mb-3">

                                    <input type="Phone" class="form-control"  name="mobile" id="exampleFormControlInput1"
                                        placeholder="Phone" required>
                                </div>
                            </div>

                            <div class="mb-3">

                                <textarea class="form-control"  name="message"  id="exampleFormControlTextarea1" placeholder="Message" 
                                    rows="3" required></textarea>
                            </div>

                            <button type="submit">
                                Send Message
                            </button>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('scripts')
@endsection