@extends('frontend.master')
@section('home')
    <!-- ================================
        START BREADCRUMB AREA
    ================================= -->

    <section class="mobile-breadcrumb-light">

        <div class="container">

            <div class="d-flex align-items-center py-2">

                <!-- Back Button -->
                <a href="/" class="btn btn-outline-dark btn-sm rounded-circle me-3">
                    <i class="la la-arrow-left"></i>
                </a>

                <!-- Page Title -->
                <div>
                    <h6 class="mb-0 fw-semibold text-dark">
                        Contact Us
                    </h6>
                    <small class="text-muted">
                        <a href="/" class="text-muted text-decoration-none">Home</a> / Contact Us
                    </small>
                </div>

            </div>

        </div>

    </section>



    <!-- ================================
       END BREADCRUMB AREA
    ================================= -->



    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif



    <section class="course-area pb-120px">
        <div class="container">

            <div class="section-heading text-center">


                <h2 class="section__title pt-5 pb-3"> CONTACT US </h2>



            </div><!-- end section-heading -->




            <div class="row pt-30px">





                <div class="col-lg-6">
                    <div class="card card-item">

                        <div class="card-body">

                            <h5 class="pb-3 text-center"> Send Us An Email </h5>

                            <form method="POST" action="{{ route('contact_form') }}">


                                @csrf

                                <div class="input-box">
                                    <label class="label-text">Your Name</label>
                                    <div class="form-group">
                                        <input class="form-control form--control" type="text" name="name"
                                            placeholder="Your name">
                                        <span class="la la-user input-icon"></span>
                                    </div>
                                </div><!-- end input-box -->



                                <div class="input-box">
                                    <label class="label-text">Email Address</label>
                                    <div class="form-group">
                                        <input class="form-control form--control" type="email" name="email"
                                            placeholder="Enter email address">
                                        <span class="la la-envelope input-icon"></span>
                                    </div>
                                </div><!-- end input-box -->



                                <div class="input-box">
                                    <label class="label-text"> Subject </label>
                                    <div class="form-group">
                                        <input class="form-control form--control" type="text" name="subject"
                                            placeholder="Enter Subject">
                                        <span class="la la-file-alt input-icon"></span>
                                    </div>
                                </div><!-- end input-box -->



                                <div class="input-box">
                                    <label class="label-text">Message</label>
                                    <div class="form-group">
                                        <textarea class="form-control form--control pl-4" name="message" rows="5" placeholder="Write message"></textarea>
                                    </div>
                                </div><!-- end input-box -->

                                <div class="btn-box">
                                    <button class="btn theme-btn" type="submit"> Send Message </button>
                                </div><!-- end btn-box -->
                            </form>
                        </div><!-- end card-body -->
                    </div><!-- end card -->
                </div><!-- end col-lg-6 -->




                <div class="col-lg-6">

                    <div class="card card-item">

                        <div class="card-body">

                            <h5 class="pb-3 text-center"> Send Us a Message on Kingschat </h5>


                            <ul class="social-icons d-flex justify-content-center p-0 ">

                                <li class="mr-1"> 
                                    <a href="https://kingschat.online/user/elibrary"  target="_blank"  title="Kingschat"> 
                                       <img src=" {{ asset('frontend/images/kingschat.webp') }}" alt="kingschat">   &nbsp;  @tpoym 
                                    </a>
                                </li>

                            </ul>

                        </div><!-- end card-body -->

                    </div><!-- end card -->




                    <div class="row pb-5 px-3 rounded">






                        <div class="col-lg-5 responsive-column-half">


                               <div class="footer-item">

                                <h3 class="fs-20 font-weight-semi-bold my-3"> United Kingdom: </h3>


                                <ul class="generic-list-item">
                                    <li>
                                        <p class="text-justify">
                                            Unit C2, Thamesview Business Centre  <br>
                                            Barlow Way, Rainham <br>
                                            Essex, RM13 8BT
                                        </p>
                                    </li>
                                    <li>
                                        <p> +44 (0)1708 556 604 </p>
                                    </li>
                                </ul>

                            </div><!-- end footer-item -->



                            <div class="footer-item">

                                <h3 class="fs-20 font-weight-semi-bold my-3"> South Africa: </h3>


                                <ul class="generic-list-item">
                                    <li>
                                        <p class="text-justify">
                                            303, Pretoria Avenue  <br>
                                            Cnr. Harley and Braam Fischer, <br>
                                            Randburg, Gauteng 2194, <br>
                                            South Africa.
                                        </p>
                                    </li>
                                    <li>
                                        <p> +27 11 3260971 </p>
                                    </li>
                                </ul>

                            </div><!-- end footer-item -->



                            <div class="footer-item">

                                <h3 class="fs-20 font-weight-semi-bold my-3"> Canada: </h3>


                                <ul class="generic-list-item">
                                    <li>
                                        <p class="text-justify">
                                            4101 Steeles Ave W, Suite 2024 Toronto  <br>
                                            Ontario, Canada M3N 1V7 <br>
                                        </p>
                                    </li>
                                    <li>
                                        <p> +1 416-667-9191 </p>
                                    </li>
                                </ul>

                            </div><!-- end footer-item -->


                        </div><!-- end col-lg-5 -->



                        <div class="col-lg-5 responsive-column-half">




                             <div class="footer-item">

                                <h3 class="fs-20 font-weight-semi-bold my-3"> USA: </h3>


                                <ul class="generic-list-item">
                                    <li>
                                        <p class="text-justify">
                                            LoveWorld Publishing USA <br>
                                            28 Prestige Circle <br>
                                            Suite 1100
                                        </p>
                                    </li>
                                    <li>
                                        <p> +1 (469) 656-1284 </p>
                                        <p> +1 (800) 620-8522 </p>
                                    </li>
                                </ul>

                            </div><!-- end footer-item -->



                              <div class="footer-item">

                                <h3 class="fs-20 font-weight-semi-bold my-3"> Nigeria: </h3>


                                <ul class="generic-list-item">
                                    <li>
                                        <p class="text-justify">
                                            Plot 105, <br>
                                            Chris Oyakhilome Cresent <br>
                                            Durumi, Abuja, Nigeria.
                                        </p> <br>

                                         <p class="text-justify">
                                            Plot 22/23 Billings Way, <br>
                                            Oregun, Ikeja, Lagos. 
                                        </p>
                                    </li>

                                    <li>
                                        <p> +234 201 3300 102 </p>
                                        <p> +234 907 5749 890 </p>
                                    </li>

                                </ul>

                            </div><!-- end footer-item -->


                        </div><!-- end col-lg-5 -->






                    </div>







                </div><!-- end col-lg-6 -->












            </div><!-- end row -->



        </div>
    </section>
@endsection