@extends('layouts.site_layout')

@section('content')

<section class="pt-5">
    <div class="container mt-lg-5 mb-lg-5 mt-0 mb-0">
        <!-- <div class="breadcrumbs mb-5">
            <span>
                <a href="{{url('/')}}" class="fs-24 text-decoration-none text-dark opacity-5">Home <span
                        class="px-lg-4 px-0">></span> </a>
                <span class="fs-24 text-decoration-none text-dark">Contact Us</span>
            </span>
        </div> -->
        <div class="card border-0 shadow overflow-hidden br-22">
            <div class="card-body p-0">
                <div class="row">
                    <div class="col-lg-5 p-5">
                        <h1 class="fs-40 mb-4">Offices</h1>
                        <!-- <a href="https://goo.gl/maps/wVebnnbM7baUDNgw8" class="text-decoration-none">
                            <p class="fs-20 shadow border-start rounded border-4 border_orange ps-3 p-3 text-orange">
                                Bengaluru (head
                                office)</p>
                        </a> -->
                        <div class="d-flex align-items-start">
                            <div class="nav flex-column  nav-pills me-3" id="v-pills-tab" role="tablist"
                                aria-orientation="vertical">
                                <a class="nav-link text_black location_active  bg-transparent p-0  active" id="v-pills-bangalore-tab" data-bs-toggle="pill"
                                    data-bs-target="#v-pills-bangalore" type="button" role="tab" aria-controls="v-pills-bangalore"
                                    aria-selected="true">
                                    <p
                                        class="fs-20 mb-0  rounded  ps-2 p-3">
                                        BENGALURU (HEAD OFFICE)</p>
                                </a>
                                <a class="nav-link text_black location_active   bg-transparent p-0" id="v-pills-profile-tab" data-bs-toggle="pill"
                                    data-bs-target="#v-pills-profile" type="button" role="tab"
                                    aria-controls="v-pills-profile" aria-selected="false"><p
                                        class="fs-20 mb-0  rounded  ps-2 p-3">
                                        DELHI</p></a>
                            </div>

                        </div>
                        <p class="text-danger" id="office_error"></p>
                        <h2 class="fs-34 mt-5 mb-3">Get in Touch</h2>
                        <form id="contact_us" method="post" action="javascript:void(0)"
                            class="row contact-form fs-18 g-3">
                            @csrf
                            <div class="col-lg-12">
                                <input type="text" class="form-control" id="full_name" placeholder="Full Name*"
                                    name="full_name">
                            </div>
                            <div class="col-lg-12">
                                <input type="email" class="form-control" id="email" placeholder="Email Address*"
                                    name="email">
                            </div>
                            <div class="col-lg-12">
                                <input type="tel" class="form-control" id="phone" placeholder="Mobile Number*"
                                    name="phone">
                            </div>
                            <div class="col-lg-12">
                                <textarea class="form-control" id="message" rows="3" placeholder="Message*"
                                    name="message"></textarea>
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn bg-orange fs-18 text-white w-100"
                                    onclick="sumitEnquiry('contact_us');">Submit</button>
                            </div>
                        </form>
                    </div>
                    <div class="col-lg-7">
                        <div class="tab-content" id="v-pills-tabContent">
                            <div class="tab-pane fade show active" id="v-pills-bangalore" role="tabpanel"
                                aria-labelledby="v-pills-bangalore-tab"><iframe
                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6970.232161793561!2d77.62240605898083!3d12.981667246676718!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae165d441df95f%3A0x232fbedf2493f0f9!2sIndia%20Electronics%20%26%20Semiconductor%20Association!5e0!3m2!1sen!2sin!4v1675061231468!5m2!1sen!2sin"
                                    width="100%" height="820vh" class="location_iesa" style="border:0;"
                                    allowfullscreen="" loading="lazy"
                                    referrerpolicy="no-referrer-when-downgrade"></iframe></div>
                            <div class="tab-pane fade" id="v-pills-profile" role="tabpanel"
                                aria-labelledby="v-pills-profile-tab">
                                <!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3504.79589232059!2d77.27060127547635!3d28.545854075712285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce3e564daac1d%3A0x2c582e340e7bc556!2sIndraprastha%20Institute%20of%20Information%20Technology%20Delhi!5e0!3m2!1sen!2sin!4v1682575575087!5m2!1sen!2sin" width="100%" height="820vh" class="location_iesa" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div> -->
                                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3504.336503165581!2d77.18611661508096!3d28.559656382446594!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d1d8ecf225133%3A0x2471094e57149909!2sIndo-French%20Chamber%20of%20Commerce%20%26%20Industry%20(Delhi)!5e0!3m2!1sen!2sin!4v1687168588075!5m2!1sen!2sin"  width="100%" height="820vh" class="location_iesa" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <p class="fs-20 mt-5">For Career Opportunities, contact us at <a href="mailto:hr@iesa.org"
                class="text-decoration-none">hr@iesa.org</a></p>
    </div>
</section>
<section class="py-5 my-lg-5 my-0">
    <div class="container join-iesa-bg text-center py-lg-5 py-md-0 py-5">
        <div data-aos="zoom-in-up" data-aos-duration="2000">
            <h2 class="fs-40 fw-500 text-white mb-5 mt-lg-5 mt-md-0 mt-5 pt-lg-0 pt-5">Join the Vibrant IESA Community
            </h2>
            <div class="pb-lg-0 pb-5 mb-lg-5 mb-md-0 mb-5">
                <a href="{{url('become-a-member')}}" class="btn bg-white btn-padding">Register Now</a>
            </div>
        </div>
    </div>
</section>
<script src="{{'/js/site-api/contact_form.js'}}"></script>
@endsection