@extends('frontend.layouts.app')
@section('title', 'TIJORIWALA & CO. ADVOCATES, SOLICITORS & NOTARY')
@section('content')

<section class="banner-sec">
    <div class="container-fluid">
        <div class="row flex-row-reverse">
            <div class="col-lg-8">
                <div class="right-box">
                    <div class="swiper banner-slider">
                        <div class="swiper-wrapper">
                                                    </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="left-imge-block">
                    <img src="{{asset('frontend/images/banner-left-img.jpg')}}" alt="">
                </div>
            </div>
        </div>
    </div>
</section>

<section class="jurny-sec common-padd">
    <div class="partical-one">
        <img src="{{asset('frontend/images/our-journey.jpg') }}" alt="">
    </div>
    <div class="partical-two">
        <img src="{{asset('frontend/images/partical2.png')}}" alt="">
    </div>
    <div class="partical-three">
        <img src="{{asset('frontend/images/partical3.png')}}" alt="">
    </div>
    <div class="container">
        <div class="row align-items-end">
            <div class="col-lg-7">
                <div class="left-box">
                    <div class="left-head-sec">
                        <h6>{{!empty($ourJourney_details['section_heading']) ? $ourJourney_details['section_heading']  : ''}}</h6>
                        <h2>{{!empty($ourJourney_details['main_heading']) ? $ourJourney_details['main_heading']  : ''}}</h2>
                    </div>
                    <div class="content-box">
                        {!! !empty($ourJourney_details['details']) ? $ourJourney_details['details'] : '' !!}
                        <a href="{{!empty($ourJourney_details['btn_link']) ? $ourJourney_details['btn_link']  : ''}}" class="btn black-btn">{{!empty($ourJourney_details['btn_text']) ? $ourJourney_details['btn_text']  : ''}}<span><img src="{{asset('frontend/images/button-arrow.svg')}}" alt=""></span></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="right-box">
                    <img src="{{asset('frontend/images/images4.jpg')}}" alt="">
                    <div class="content-box">
                        <div class="icon-box">
                            <img src="{{asset('frontend/images/icon4.svg')}}" alt="">
                        </div>
                        <div class="counter-num">{{!empty($ourJourney_details['right_main_text']) ? $ourJourney_details['right_main_text']  : ''}}<span>{{!empty($ourJourney_details['right_sub_text']) ? $ourJourney_details['right_sub_text']  : ''}}</span></div>
                        <p>{{!empty($ourJourney_details['right_details_text']) ? $ourJourney_details['right_details_text']  : ''}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@if (!empty($Expertise))
<section class="area-of-prac common-padd" style="background-image: url('{{!empty($practiceArea_details['bg_image']) ? asset('storage/'.$practiceArea_details['bg_image'])  : asset('frontend/images/pg-bg.jpg')}}');">
    <div class="container">
        <div class="content-box-top">
            <div class="left-head-sec">
                <h2>AREAS OF PRACTICE</h2>
            </div>
            {!! isset($practiceArea_details['description']) ? $practiceArea_details['description'] : '' !!}
        </div>
        <div class="area-of-prac-wraper">
            <div class="swiper area-of-prac-slider">
                <div class="swiper-wrapper">
                    @foreach($Expertise as $pa)
                    <div class="swiper-slide">
                        <div class="sngl-box">
                            <div class="content-box">
                                <h4>{{$pa['name']}}</h4>
                            </div>
                            <div class="image-box">
                                <div class="banner-iocn">
                                    <img src="{{!empty($pa['icon']) ? $pa['icon']  : asset('backend/assets/img/icon_placeholder.svg')}}" alt="">
                                </div>
                                <div class="image-box-wraper">
                                    <img src="{{!empty($pa['bg_image']) ? 'storage/' . $pa['bg_image']  : asset('backend/assets/img/image_placeholder.svg')}}" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
                <div class="swiper-pagination area-of-prac-slider-pag"></div>
            </div>
            <div class="btn-style">
                <a href="{{ route('expertise') }}" class="btn black-btn">View All<span><img src="{{asset('frontend/images/button-arrow.svg')}}" alt=""></span></a>
            </div>
        </div>
    </div>
</section>
@endif

@if (!empty($TeamMembers))
<section class="team-sec common-padd">
    <div class="partical">
        <img src="{{asset('frontend/images/partical3.png')}}" alt="" />
    </div>
    <div class="container">
        <div class="left-head-sec center-heading">
            <h2>OUR TEAM</h2>
        </div>
        <div class="team-sec-wraper">
            <div class="swiper team-slider">
                <div class="swiper-wrapper">

                    @foreach($TeamMembers as $member)
                    <div class="swiper-slide">
                        <div class="flip-card">
                            <div class="flip-card-inner">
                                <!-- Front Side -->
                                <div class="flip-card-front">
                                    <div class="sngl-box">
                                        <div class="image-box-content">
                                            <div class="image-box">
                                                <img src="{{!empty($member['image']) ? 'storage/' .$member['image']  : asset('backend/assets/img/image_placeholder.svg')}}" alt="" />
                                            </div>
                                            <div class="content-box">
                                                <h4>{{$member['name']}}</h4>
                                                <h6>{{$member['designation']}}</h6>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Back Side -->
                                <div class="flip-card-back">
                                    <div class="sngl-box">
                                        <div class="content-box">
                                            {!! $member['summary'] !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
                @if (count($TeamMembers) > 3)
                <div class="swiper-team-next"><img src="{{asset('frontend/images/slider-arrow-2.svg')}}" alt="" /></div>
                <div class="swiper-team-prev"><img src="{{asset('frontend/images/slider-arrow-1.svg')}}" alt="" /></div>
                @endif
            </div>
        </div>
    </div>
</section>
@endif

@if (!empty($Media))
<section class="blog-sec common-padd">
    <div class="partical">
        <img src="{{asset('frontend/images/partical3.png')}}" alt="">
    </div>
    <div class="container">
        <div class="left-head-sec center-heading">
            <h2>MEDIA</h2>
        </div>
        <div class="blog-sec-wraper">
            <div class="swiper blog-sec-slider">
                <div class="swiper-wrapper">
                    @foreach ( $Media as $blog)

                    <div class="swiper-slide">
                        <div class="sngl-box">
                            <div class="content-box">
                                <h3>{{ $blog['heading'] }}</h3>
                            </div>
                            <div class="image-box">
                                <div class="image-box-only">
                                    <div class="banner-iocn">
                                        <a href="{{ !empty($blog['blog_slug']) ? route('blog_details', $blog['blog_slug']) : '#' }}"><img src="{{asset('frontend/images/link-icon.svg')}}" alt=""></a>
                                    </div>
                                    <div class="image-box-wraper">
                                        <img src="{{ !empty($blog['image']) ? 'storage/' .$blog['image']  : asset('backend/assets/img/image_placeholder.svg') }}" alt="">
                                    </div>
                                </div>
                                <a href="{{ !empty($blog['blog_slug']) ? route('blog_details', $blog['blog_slug']) : '#' }}" class="linebtn">Read More <span><img src="{{asset('frontend/images/arrow-yellow.svg')}}" alt=""></span></a>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>

                <div class="swiper-pagination blog-sec-slider-pag"></div>

            </div>
        </div>
    </div>
</section>
@endif

@endsection

@push('scripts')
<script>
    window.onload = function() {
        // Check if modal has been shown before
        if (!localStorage.getItem("disclaimerShown")) {
            var myModal = new bootstrap.Modal(document.getElementById('exampleModal'));
            myModal.show();
            // Save flag so next time it won't show
            localStorage.setItem("disclaimerShown", "true");
        }

        // Handle Yes click
        document.getElementById("yesBtn").addEventListener("click", function() {
            console.log("User accepted disclaimer.");
        });

        // Handle No click
        document.getElementById("noBtn").addEventListener("click", function() {
            window.location.href = "https://www.google.com";
        });

        document.getElementById("closeBtn").addEventListener("click", function() {
            window.location.href = "https://www.google.com";
        });
    };
</script>

@endpush