@include('frontend.layouts.master')
@php
    $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] != 'off') || $_SERVER['SERVER_PORT'] == 443 ? 'https://' : 'http://';
    $CurPageURL = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
    $url = $CurPageURL;
    // dd($_SERVER['REQUEST_URI']);
    // dd($url);
    
    $pageBanner = \App\Models\PageSlider::banner($url);
    
@endphp
<!-- ... banner start ... -->
@if (!empty($pageBanner))
    <div class="c-banner bg-banner-about"
        style="background-image:url({{ $pageBanner ? $pageBanner->page_banner : '/frontend/assets/images/about_banner.jpg' }});">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12">
                    <div class="c-banner-content">
                        @if ($pageBanner->top_heading)
                            <div class="d-flex align-items-center">
                                <div class="line"></div>
                                <span class="text-white hero_subtitle ps-2">{{ $pageBanner->top_heading }}</span>
                            </div>
                        @endif
                        <h1 class="c-banner-title fw-light f-xl raleway-font">
                            {{ $pageBanner->title }}
                        </h1>
                        @if ($pageBanner->description)
                            <p class="text-white w-50">
                                {{ $pageBanner->description }}
                            </p>
                        @endif
                        <nav class="mt-2" aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('frontend.index') }}">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    {{ $pageBanner->title }}
                                </li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif
<!-- ... banner end ... -->
<!-- ... main start ... -->
<main class="main">
    <!---... main section start here-->
    <div class="section">
        <div class="container">
            <div class="container-fluid">
                {{-- @dd($basicdetail); --}}
                @if (!empty($basicdetail) && $basicdetail->count() > 0)
                    <div class="row align-items-center pb-4">
                        <div class="col-lg-6 aos-init aos-animate" data-aos="fade-right" data-aos-delay="0"
                            data-aos-duration="800">
                            <div class="d-flex align-items-center">
                                <div class="line"></div>
                                <span class="hero_subtitle ps-2">CONTACT US WITH EASE</span>
                            </div>
                            <h1 class="title pb-2">
                                Get in
                                <span class="common_color">
                                    touch</span>
                            </h1>
                            <p>{!! $basicdetail->description !!}</p>
                        </div>
                        <div class="col-lg-6 aos-init aos-animate" data-aos="fade-right" data-aos-delay="0"
                            data-aos-duration="800">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="footer_box text-center">
                                            <div class="footer_box_img">
                                                <img src="{{ asset('frontend/assets/images/icon/footer-2.png') }}">
                                            </div>
                                            <div class="footer_box_content">
                                                <h5 class="card_tittle  pt-2 pb-2">Call us
                                                </h5>
                                                @if (!empty($basicdetail->phone))
                                                    <h6>+91 {{ $basicdetail->phone }}</h6>
                                                @endif
                                                @if (!empty($basicdetail->alt_phone))
                                                    <h6>+91 {{ $basicdetail->alt_phone }}</h6>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="footer_box text-center">
                                            <div class="footer_box_img">
                                                <img src="{{ asset('frontend/assets/images/icon/footer-3.png') }}">
                                            </div>
                                            <div class="footer_box_content ps-3">
                                                <h5 class="card_tittle  pt-2 pb-2">Email us
                                                </h5>
                                                @if (!empty($basicdetail->email_1))
                                                    <h6> {{ $basicdetail->email_1 }}</h6>
                                                @endif
                                                @if (!empty($basicdetail->email_2))
                                                    <h6> {{ $basicdetail->email_2 }}</h6>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                @endif
            </div>
            <div class="row pt-4">
                <div class="col-lg-6">
                    <div class="delhi_map pt-2 pb-2">
                        <h5><b>{{ $basicdetail->location_1 }} Office:</h5></b>
                        <p>{{ $basicdetail->address_1 }}</p>
                        <iframe
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3501.7970638166457!2d77.24680591542929!3d28.63584369068098!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfcd0f7afbbcd%3A0xca0ed2d1db7bebc0!2sZonal%20Multi%20Disciplinary%20Training%20Centre%20Rajghat!5e0!3m2!1sen!2sin!4v1602136713558!5m2!1sen!2sin"
                            frameborder="0" style="border: 0;" allowfullscreen="" aria-hidden="false" tabindex="0"
                            width="538" height="200"></iframe>
                    </div>
                    <div class="noida_map pt-2 pb-2">
                        <h5><b>{{ $basicdetail->location_2 }} Office :</h5></b>
                        <p>{{ $basicdetail->address_2 }}</p>
                        <iframe
                            src="https://maps.google.com/maps?width=600&amp;height=400&amp;hl=en&amp;q=A-18, First Floor Sector-6, Noida - 201301&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"
                            frameborder="0" style="border: 0;" allowfullscreen="" aria-hidden="false" tabindex="0"
                            width="538" height="200"></iframe>
                    </div>
                    <div class="delhi_map pt-2 pb-2">
                        <h5><b>{{ $basicdetail->location_3 }} Office:</h5></b>
                        <p>{{ $basicdetail->address_3 }}</p>
                        <iframe
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3501.7970638166457!2d77.24680591542929!3d28.63584369068098!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfcd0f7afbbcd%3A0xca0ed2d1db7bebc0!2sZonal%20Multi%20Disciplinary%20Training%20Centre%20Rajghat!5e0!3m2!1sen!2sin!4v1602136713558!5m2!1sen!2sin"
                            frameborder="0" style="border: 0;" allowfullscreen="" aria-hidden="false" tabindex="0"
                            width="538" height="200"></iframe>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="form_div">
                        @include('frontend.contact.create')
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!---... main section end here-->

    @include('frontend.layouts.footerbar')