@extends('website.layouts.app')
@section('content')
    <section id="education_v_p_banner" class="education_v_p_banner_bg">
        <div class="container-fluid align-content-center banner_height_privacy">
            <div class="col-lg-10 col-md-12 col-12 mx-auto">
                <div class="row d-flex justify-content-center">
                    <div class="col-xxl-11 col-xl-11 col-lg-12 col-md-12 col-12">
                        <div class="row d-flex justify-content-center">
                            <div class="col-xl-12 col-lg-12 col-md-6 col-12 ">
                                <div class="row d-flex justify-content-center">
                                    <div class="col-xxl-12 col-xl-12 col-lg-12">
                                        <div class="tabs-content text-center">
                                            <h2>{{ $page->heading_en }}</h2>
                                            <p>{!! $page->sub_description_en !!}</p>
                                            <div class="b_n_app_buttons">
                                                <span class="faq">
                                                    <a href="{{ route('contact.us') }}">Need Help? </a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--<div class="col-xl-7 col-lg-7 col-md-6 col-12 align-content-center">-->
                            <!--    <div class="row d-flex justify-content-center">-->
                            <!--        <div class="col-xxl-12 col-xl-12 col-lg-12 align-content-center">-->
                            <!--            <div class="s_banner_img">-->
                            <!--                <img src="{{ asset('uploads/terms_image/' . $page->image) }}"-->
                            <!--                    class="img-fluid w-100" alt="{{ str_replace('-', ' ', pathinfo($page->image, PATHINFO_FILENAME)) }}"/>-->
                            <!--            </div>-->
                            <!--        </div>-->
                            <!--    </div>-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="education_v_s2" class="s-p-tb">
        <div class="container-fluid">
            <div class="col-lg-10 col-md-12 col-12 mx-auto">
                <div class="row pt-4 d-flex justify-content-center">
                    <div class="col-xxl-11 col-xl-11 col-lg-12 col-md-12 col-12">
                        <div class="row gy-4">
                            <div class="col-xl-4 col-lg-4 pe-xl-5">
                                <div class="card shadow">
                                    <div class="card_content">
                                        <div class="p_main_div">
                                            <div class="pt-2">
                                                <img src="{{ asset('website/assets/images/Group 427318929.svg') }}"
                                                    alt="mark" />
                                                <a href="{{ route('terms.conditions') }}" class="para_text active ps-2"
                                                    style="text-decoration: none;">
                                                    Terms & Conditions </a>
                                            </div>

                                            <div class="pt-2 align-content-center">
                                                <img src="{{ asset('website/assets/images/Group 427318929.svg') }}"
                                                    alt="mark" />
                                                <a href="{{ route('privacy.policy') }}" class="para_text ps-2"
                                                    style="text-decoration: none;">Privacy
                                                    Policy</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-8 col-lg-8">
                                <div class="r_content">
                                    <h2>Terms & Conditions</h2>
                                    <p>{!! $page->description_en !!}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="cu_p_s4" class="cu_p_4_bg">
        <div class="container-fluid">
            <div class="col-lg-10 col-md-12 col-12 mx-auto">
                <div class="row  d-flex justify-content-center">
                    <div class="col-xxl-11 col-lg-11 col-md-12 col-12">
                        <div class="row gy-4">
                            <div class="col-lg-6 col-md-6 align-content-center">
                                <div class="r_s_4_content text-md-start text-center">
                                    <h2>{{ $preferences->help_heading_en }}</h2>
                                    <p>{{ $preferences->help_description_en }}</p>
                                    <div class="tabs_buttons">
                                        <span class="get_started ">
                                            <a href="{{ $preferences->help_concierge_link }}">
                                                Concierge Service
                                            </a>
                                        </span>
                                        <span class=" talk_sales ">
                                            <a href="{{ $preferences->help_faq_link }}">
                                                FAQs
                                            </a>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <div class="row">
                                    <div class="col-xl-11">
                                        <div class="r_s_4_img">
                                            <img src="{{ asset('uploads/preferences_page/' . $preferences->help_image) }}"
                                                class="img-fluid w-100"  alt="{{ str_replace('-', ' ', pathinfo($preferences->help_image, PATHINFO_FILENAME)) }}">
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>    
@endsection