@extends('frontend.layouts.app')
@section('content')
    <div class="search-overlay">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="search-layer"></div>
                <div class="search-layer"></div>
                <div class="search-layer"></div>
                <div class="search-close">
                    <span class="search-close-line"></span>
                    <span class="search-close-line"></span>
                </div>
                <div class="search-form">
                    <form>
                        <input type="text" class="input-search" placeholder="Search here...">
                        <button type="submit"><i class="bx bx-search"></i></button>
                    </form>
                </div>
            </div>
        </div>
    </div>


    <div class="inner-banner" id="banner-opc">
        <div class="container">
            <div class="inner-title text-center">
                <h3>Contact Us</h3>
                <ul>
                    <li>
                        <a href="index.html">Home</a>
                    </li>
                    <li>
                        <i class="bx bx-chevrons-right"></i>
                    </li>
                    <li>Contact Us</li>
                </ul>
            </div>
        </div>
        <div class="inner-shape">
            <img src="{{ asset('frontend/images/shape/inner-shape.png') }}" alt="Images">
        </div>
    </div>


    <div class="contact-form-area pt-100 pb-70">
        <div class="container">
            <div class="section-title text-center">
                <h2>Let's Send Us a Message Below</h2>
            </div>
            <div class="row pt-45">
                <div class="col-lg-4">
                    <div class="contact-info mr-20">
                        <span>Contact Info</span>
                        <h2>Let's Connect With Us</h2>
                        <p>We are here to assist with any inquiries you may have regarding our clinical trial management
                            services. </p>
                        <ul>
                            @if (isset($setup->contact_phone_1) || isset($setup->contact_phone_2))
                                <li>
                                    <div class="content">
                                        <i class="bx bx-phone-call"></i>
                                        <h3>Phone Number</h3>
                                        @if (isset($setup->contact_phone_1))
                                            <a
                                                href="tel:+91-{{ $setup->contact_phone_1 }}">+91-{{ $setup->contact_phone_1 }}</a>
                                        @endif
                                        @if (isset($setup->contact_phone_2))
                                            <a
                                                href="tel:+91-{{ $setup->contact_phone_2 }}">+91-{{ $setup->contact_phone_2 }}</a>
                                        @endif
                                    </div>
                                </li>
                            @endif
                            @isset($setup->contact_address)
                                <li>
                                    <div class="content">
                                        <i class="bx bxs-map"></i>
                                        <h3>Address</h3>
                                        <span>{{ $setup->contact_address}}</span>
                                    </div>
                                </li>
                            @endisset
                            @if (isset($setup->contact_email_1) || isset($setup->contact_email_2))
                                <li>
                                    <div class="content">
                                        <i class="bx bx-message"></i>
                                        <h3>Contact Info</h3>
                                        @if (isset($setup->contact_email_1))
                                            <a href="mailto:{{ $setup->contact_email_1 }}">{{ $setup->contact_email_1 }}</a>
                                            </h6>
                                        @endif
                                        @if (isset($setup->contact_email_2))
                                            <a href="mailto:{{ $setup->contact_email_2 }}">{{ $setup->contact_email_2 }}</a>
                                            </h6>
                                        @endif
                                    </div>
                                </li>
                            @endif
                        </ul>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="contact-form">
                        <form action="{{ route('contactform') }}" method="post">
                            @csrf
                            @if ($message = Session::get('success'))
                                <div class="alert alert-success" id="success-message">
                                    <p>{{ $message }}</p>
                                </div>
                                <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
                                <script>
                                    $(document).ready(function() {
                                        setTimeout(function() {
                                            $('#success-message').fadeOut('slow');
                                        }, 3000);
                                    });
                                </script>
                            @endif
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Your Name <span>*</span></label>
                                        <input type="text" name="name" id="name" class="form-control" required
                                            value="{{ old('name') }}" data-error="Please Enter Your Name"
                                            placeholder="Name">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Your Email <span>*</span></label>
                                        <input type="email" name="email" id="email" class="form-control" required
                                            value="{{ old('email') }}" data-error="Please Enter Your Email"
                                            placeholder="Email">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Phone Number <span>*</span></label>
                                        <input type="text" name="number" id="phone_number" required
                                            value="{{ old('number') }}" data-error="Please Enter Your Number"
                                            class="form-control" placeholder="Phone Number" oninput="validatePhone(this)">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Your Subject <span>*</span></label>
                                        <input type="text" name="subject" id="msg_subject" class="form-control"
                                            value="{{ old('subject') }}" required data-error="Please Enter Your Subject"
                                            placeholder="Your Subject">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12">
                                    <div class="form-group">
                                        <label>Your Message <span>*</span></label>
                                        <textarea name="message" class="form-control" id="message" cols="30" rows="8" required
                                            data-error="Write Your Message" placeholder="Your Message">{{ old('message') }}</textarea>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                {{-- <div class="col-lg-12 col-md-12">
                                    <div class="agree-label">
                                        <input type="checkbox" id="chb1">
                                        <label for="chb1">
                                            Accept <a href="terms-condition.html">Terms & Conditions</a> And <a
                                                href="privacy-policy.html">Privacy Policy.</a>
                                        </label>
                                    </div>
                                </div> --}}
                                <div class="col-lg-12 col-md-12 text-center">
                                    <button type="submit" class="default-btn btn-bg-two border-radius-50">
                                        Send Message <i class="bx bx-chevron-right"></i>
                                    </button>
                                    <div id="msgSubmit" class="h3 text-center hidden"></div>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="map-area">
        <div class="container-fluid m-0 p-0">
            <iframe class="gmap_iframe" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
                src="https://maps.google.com/maps?width=1263&amp;height=400&amp;hl=en&amp;q=varanasi&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe>
        </div>
    </div>
@endsection