@extends('web.layout.mainx')
@section('content')
<div class="page-content mb-10">
    <div class="shop-default-banner shop-boxed-banner banner d-flex align-items-center mb-6"
        style="background-image: url(web/images/banner/contact.jpg); background-color: #607d8b;background-size: cover;background-position: right;">
        <div class="container banner-content">
            <h3 class="banner-title text-white text font-weight-bolder ls-10">Contact Us</h3>
        </div>
    </div>

    <div class="page-content contact-us">
        <div class="container">
            <br><br>
            <section class="content-title-section mb-10">
                <h3 class="title title-center mb-3">Contact
                    Information
                </h3>
                <p class="text-center">Earning BD Shop Contact </p>
            </section>

            <section class="contact-information-section mb-10">
                <div class=" swiper-container swiper-theme " data-swiper-options="{'spaceBetween': 20,'slidesPerView': 1,'breakpoints': {'480': {'slidesPerView': 2},'768': {'slidesPerView': 3},'992': {'slidesPerView': 4}}}">
                    <div class="swiper-wrapper row cols-xl-4 cols-md-3 cols-sm-2 cols-1">
                        <div class="swiper-slide icon-box text-center icon-box-primary">
                            <span class="icon-box-icon icon-email">
                                <i class="w-icon-envelop-closed"></i>
                            </span>
                            <div class="icon-box-content">
                                <h4 class="icon-box-title">E-mail Address</h4>
                                <p>info@earningbdshop.com</p>
                            </div>
                        </div>
                        <div class="swiper-slide icon-box text-center icon-box-primary">
                            <span class="icon-box-icon icon-headphone">
                                <i class="w-icon-headphone"></i>
                            </span>
                            <div class="icon-box-content">
                                <h4 class="icon-box-title">Support Number</h4>
                                <p>+8801839669677</p>
                            </div>
                        </div>
                        <div class="swiper-slide icon-box text-center icon-box-primary">
                            <span class="icon-box-icon icon-map-marker">
                                <i class="w-icon-map-marker"></i>
                            </span>
                            <div class="icon-box-content">
                                <h4 class="icon-box-title">Address</h4>
                                <p>Baitul View Tower, Level -15,  56/1 Purana Paltan,<br> Dhaka-1000</p>
                            </div>
                        </div>
                        <div class="swiper-slide icon-box text-center icon-box-primary">
                            <span class="icon-box-icon icon-fax">
                                <i class="w-icon-fax"></i>
                            </span>
                            <div class="icon-box-content">
                                <h4 class="icon-box-title">Country</h4>
                                <p>Dhaka-1230, Bangladesh</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>          
    
    
    
            <hr class="divider mb-10 pb-1">

            <section class="contact-section">
                <div class="row gutter-lg pb-3">
                    <div class="col-lg-6 mb-8">
                        <h4 class="title mb-3">Send Us a Message</h4>

                        <form class="form contact-us-form" action="{{url('contactus')}}" method="post">@csrf
                            @auth('member')
                            <input type="hidden" name="username" value="{{Auth::guard('member')->user()->username}}">

                            <div class="form-group">
                                <label for="name">Your Name</label>
                                <input type="text" id="name" name="name" value="{{Auth::guard('member')->user()->name}}" class="form-control" required>
                            </div>

                            <div class="form-group">
                                <label for="email">Your Email</label>
                                <input type="email" id="email" name="email" value="{{Auth::guard('member')->user()->email}}" class="form-control" required>
                            </div>
                            @else
                            <input type="hidden" name="username" value="">

                            <div class="form-group">
                                <label for="name">Your Name</label>
                                <input type="text" id="name" name="name" class="form-control" required>
                            </div>

                            <div class="form-group">
                                <label for="email">Your Email</label>
                                <input type="email" id="email" name="email" class="form-control" required>
                            </div>
                            @endauth

                            <div class="form-group">
                                <label for="message">Your Message</label>
                                <textarea id="message" name="message" cols="30" rows="5" class="form-control" required></textarea>
                            </div>

                            <button type="submit" class="btn btn-dark btn-rounded">Send Now</button>
                        </form>

                    </div>

                    <div class="col-lg-6 mb-8">
                        <h4 class="title mb-3">Find Us on Map</h4>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3652.4750329003696!2d90.40961177484515!3d23.730433989543545!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755b8f62dd80869%3A0x4638a272cf1bd944!2sBaitul%20View%20Tower%2C%20Dhaka%201205!5e0!3m2!1sen!2sbd!4v1763013757011!5m2!1sen!2sbd" width="100%" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                    
                </div>
            </section>
        </div>  
            
    </div>

</div>
@endsection