@extends('frontend.layouts.main')

@section('title','Write to CSV Pharmaceuticals for Quality, Process and Quotations')

@section('content')
    
    <div class="theme-inner-banner">
        <div class="bg position-relative breadcrumb_banner" style="overflow: hidden;">
            <!-- Video background below -->
            <div class="bg position-relative" style="overflow: hidden;">
               <video autoplay muted loop playsinline
                class="position-absolute top-50 start-50 translate-middle min-w-100 min-h-100"
                style="object-fit: cover;width:100%">
                <source src="{{ asset('storage/videos/contact us.mp4') }}" type="video/mp4">
                Your browser does not support the video tag.
            </video>
            </div>
        </div>
        <div class="container">
            <div class="clearfix">
                <ul class="float-left">
                    <li><a href="{{  route('home') }}" class="tran3s">Home</a></li>
                    <li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
                    <li>Contact Us</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="contact-us-top-content container">
        <p>Thank you for your interest in CSV Pharmaceuticals India Private Limited. Please fill out the form below to ask a question, leave a statement, or report a technical problem and we will get back to you at our earliest convenience.</p>
        <div class="row">
            <div class="col-sm-4">
                <div class="single-address">
                    <i class="flaticon-map"></i>
                    <h3>Corporate Office</h3>
                    <p>Plot no A 203, Sector 69, Noida, Uttar Pradesh, 201301, INDIA </p>
                    <span style="visibility:hidden">91-12049915309</span>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="single-address">
                    <i class="flaticon-map"></i>
                    <h3>Plant Office</h3>
                    <p>MAUZA SIDCUL INDUSTRIAL AREA SIDCUL, Dehradun, Uttarakhand 248197, INDIA <span style="visibility:hidden">91-1204991530</span></p>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="single-address">
                    <i class="flaticon-email"></i>
                    <h3>Phone &amp; Email</h3>
                    <p>
                        +91-7837808759, +91-7428856504, 91-1204991530<br />
                     exports@csvpharmaceuticals.com
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="contact-us-page">
        <div class="container">
            <div class="col-lg-5 col-md-6 col-xs-12">
                <h2>Location Map</h2>
                <div id="google-map-area">
                    <div class="google-map">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7005.136884726483!2d77.38810745456637!3d28.612720720538604!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cefc4f843a731%3A0x8234f062b7594eac!2sCSV%20Pharmaceuticals%20India%20Pvt.%20Ltd.%20Essential%20oils%20and%20Herbal%20Extract%20Manufacturer!5e0!3m2!1sen!2sin!4v1735999483255!5m2!1sen!2sin" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
                        </iframe>
                    </div>
                </div>
            </div>
            <div class="col-lg-7 col-md-6 col-xs-12">
                <div class="contact-form-wrapper">
                    <h2>Contact Us</h2>
                    <form class="action" action="{{ route('send-enquiry')}}" method="post">
                        <div class="row">
                            <div class="col-sm-6 mb-3">
                                <input class="form-control" placeholder="First Name*" name="firstname" id="fname" />
                                <div class="firstname_error errorClass"></div>
                            </div>
                            <div class="col-sm-6 mb-3">
                                <input class="form-control" placeholder="Last Name*" name="lastname" id="lname" />
                                <div class="lastname_error errorClass"></div>
                            </div>
                            <div class="col-sm-12 mb-3">
                                <input class="form-control" type="email" placeholder="Email*" name="email" id="email" />
                                <div class="email_error errorClass"></div>
                            </div>
                            <div class="col-sm-12 mb-3">
                                <input class="form-control" placeholder="Mobile No.*" name="mobile" id="mobile" />
                                <div class="mobile_error errorClass"></div>
                            </div>
                            <div class="col-sm-12 mb-3">
                                <textarea class="form-control" placeholder="Message*" name="description" id="comments"></textarea>
                                <div class="description_error errorClass"></div>
                            </div>
                            <button class="tran3s p-bg-color hvr-float-shadow" type="submit" id="send-message">Send Message</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection