@extends('layouts.frontend')

@section('title')
Contact Us
@endsection
@section('content')
<!-- Brand Section Start -->
    <section id="our-brand" class="my-5">
        <div class="container">
            <div class="row">
                <div class="col-12 pb-2">
                    <h3 class="mt-md-5" style="color:{{$color->color_code}}">Contact Us</h3>
                </div>
            </div>
            <!--<div class="br"></div>-->
            <div class="row">
                <div class="col-md-6">
                    @if(session('success'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                      <strong>{{session('success')}}</strong>
                      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                    @endif
                    <div class="contact_form card">
                        <form action="{{url('send_message')}}" method="POST" class="card-body">
                            @csrf
                            <div class="form-group">
                                <label for="">Name</label>
                                <input type="text" name="name" class="form-control" placeholder="Enter Your Name">
                                @error('name')
                                <div class="alert alert-danger">
                                    <strong>{{$message}}</strong>
                                </div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="">Phone</label>
                    <input type="text" name="phone" class="form-control" placeholder="Enter Your Phone" onfocus="this.placeholder = ''"
                    onblur="this.placeholder = 'Enter Your Phone'">
                                @error('phone')
                                <div class="alert alert-danger">
                                    <strong>{{$message}}</strong>
                                </div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="">Email</label>
                                <input type="text" name="email" class="form-control" placeholder="Enter Your Email">
                                @error('email')
                                <div class="alert alert-danger">
                                    <strong>{{$message}}</strong>
                                </div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="">Message</label>
                                <textarea name="message" id="" class="form-control" cols="5" rows="4" placeholder="Write Your Message">Product Name: {{$product_name->product_name}}</textarea>
                                @error('message')
                                <div class="alert alert-danger">
                                    <strong>{{$message}}</strong>
                                </div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary" type="submit">Send</button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-6">
                   <div class="row">
                      <div class="col-md-6 pb-4">
                           <div class="card">
                               <div class="card-body">
                                    <div class="title">
                                        <h4 class="t-black text-center">Bangladesh Office</h4>
                                    </div>
                                    <div class="footer_description">
                                        <div class="address">
                                            <div class="footer-address-icon">
                                                <i class="fas fa-user fa-2x mt-2 mr-2"></i>
                                                 <p  class="mb-1"> <strong>Mr. Abubakar Siddique <br/>(Country Manager)</strong></p>
                                            </div>
                                            <div class="footer-address-icon">
                                                <i class="fas fa-map-marker-alt fa-2x mt-2 mr-2"></i>
                                                 <p  class="mb-1"> House # 25, Level 3/B <br/>Road # 4, Sector #10 <br/> Uttara -1230</p>
                                            </div>
                                             <div class="footer-address-icon">
                                                 <i class="fas fa-envelope fa-2x"></i>
                                                 <a href="mailto:siddique@americlobd.com">
                                                    <p  class="mb-1">siddique@americlobd.com </p>
                                                </a>
                                            </div>
                                            <div class="footer-address-icon">
                                                 <i class="fas fa-phone fa-2x"></i>
                                                 <a href="tel:+8801718855883">
                                                    <p  class="mb-1">+8801718855883</p>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                               </div>
                           </div>
                       </div>
                       <!--<div class="col-md-6 pb-4">-->
                       <!--    <div class="card">-->
                       <!--        <div class="card-body">-->
                       <!--             <div class="title">-->
                       <!--                 <h4 class="t-black text-center">Bangladesh Office</h4>-->
                       <!--             </div>-->
                       <!--             <div class="footer_description">-->
                       <!--                 <div class="address">-->
                       <!--                     <div class="footer-address-icon">-->
                       <!--                         <i class="fas fa-user fa-2x mt-2 mr-2"></i>-->
                       <!--                          <p  class="mb-1"><strong>Mr. Dennis Davis <br/>(Sourcing Director)</strong></p>-->
                       <!--                     </div>-->
                       <!--                     <div class="footer-address-icon">-->
                       <!--                         <i class="fas fa-map-marker-alt fa-2x mt-2 mr-2"></i>-->
                       <!--                          <p  class="mb-1"> House # 25, Level 3/B <br/>Road # 4, Sector #10 <br/> Uttara -1230</p>-->
                       <!--                     </div>-->
                       <!--                     <div class="footer-address-icon">-->
                       <!--                          <i class="fas fa-envelope fa-2x"></i>-->
                       <!--                          <a href="mailto:dennis@americlobd.com">-->
                       <!--                             <p  class="mb-1">dennis@americlobd.com  </p>-->
                       <!--                         </a>-->
                       <!--                     </div>-->
                       <!--                     <div class="footer-address-icon">-->
                       <!--                          <i class="fas fa-phone fa-2x"></i>-->
                       <!--                          <a href="tel:+8801405797414">-->
                       <!--                             <p  class="mb-1">+8801405797414</p>-->
                       <!--                         </a>-->
                       <!--                     </div>-->
                       <!--                 </div>-->
                       <!--             </div>-->
                       <!--        </div>-->
                       <!--    </div>-->
                       <!--</div>-->
                        <div class="col-md-6">
                           <div class="card">
                                <div class="card-body">
                                    <div class="title">
                                        <h4 class="t-black text-center">USA Office</h4>
                                    </div>
                                    <div class="footer_description">
                                        <div class="address">
                                             <div class="footer-address-icon">
                                                <i class="fas fa-user fa-2x mt-2 mr-2"></i>
                                                 <p  class="mb-1"><strong>Mr. Rashedul Majid (CEO)</strong></p>
                                            </div>
                                            <div class="footer-address-icon">
                                                <i class="fas fa-map-marker-alt fa-2x mt-2 mr-2"></i>
                                                 <p  class="mb-1"> 1441 Broadway, 5th Floor, <br/>New York, NY 10018 </p>
                                            </div>
                                             <div class="footer-address-icon">
                                                 <i class="fas fa-envelope fa-2x"></i>
                                                 <a href="mailto:majid@americlobd.com">
                                                    <p  class="mb-1">majid@americlobd.com </p>
                                                </a>
                                            </div>
                                            <div class="footer-address-icon">
                                                 <i class="fas fa-phone fa-2x"></i>
                                                 <a href="tel:+2125748205">
                                                    <p  class="mb-1">+2125748205</p>
                                                </a>
                                            </div>
                                            <div class="footer-address-icon">
                                                 <i class="fas fa-phone fa-2x"></i>
                                                 <a href="tel:+15166678402">
                                                    <p  class="mb-1">+15166678402</p>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                               </div>
                           </div>
                       </div>
                        <div class="col-md-6">
                           <div class="card">
                                <div class="card-body">
                                    <div class="title">
                                        <h4 class="t-black text-center">South Africa Office</h4>
                                    </div>
                                    <div class="footer_description">
                                        <div class="address">
                                             <div class="footer-address-icon">
                                                <i class="fas fa-user fa-2x mt-2 mr-2"></i>
                                                 <p  class="mb-1"><strong>Nooron Mohammad Yonus (Sourcing Director)</strong> </p>
                                            </div>
                                            <div class="footer-address-icon">
                                                <i class="fas fa-map-marker-alt fa-2x mt-2 mr-2"></i>
                                                 <p  class="mb-1">73 Zenith Drive, <br/>Umhlanga Ridge.  <br/>Durban, South Africa </p>
                                            </div>
                                             <div class="footer-address-icon">
                                                 <i class="fas fa-envelope fa-2x"></i>
                                                 <a href="mailto:nooron@americlobd.com">
                                                    <p  class="mb-1">nooron@americlobd.com </p>
                                                </a>
                                            </div>
                                            <div class="footer-address-icon">
                                                 <i class="fas fa-phone fa-2x"></i>
                                                 <a href="tel:+27786876060">
                                                    <p  class="mb-1">+27786876060</p>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                               </div>
                           </div>
                       </div>
                   </div>
                </div>
                <div class="col-md-12">
                    <div class="contact_map">
                         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14592.42649996495!2d90.38078692273598!3d23.88583747237788!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c46b6de8f207%3A0x638eb6830d10167d!2sSector%2010%2C%20Dhaka%201230!5e0!3m2!1sen!2sbd!4v1650959206783!5m2!1sen!2sbd" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </section>
<!-- Brand Section End -->

@endsection