@extends('website_ar.layouts.app')
@section('content')

   <section id="education_v_p_banner" class="education_v_p_banner_bg" style="direction:rtl;">
        <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 d-flex justify-content-center gy-md-5 gy-4 pt-xl-4 pt-3">
                            <div class="col-xl-5 col-lg-5 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">
                                        <div class="tabs-content text-md-end text-center">
                                            <h2>{{ $page->heading_ar }}</h2>
                                            <p>{!! $page->sub_description_ar !!}</p>
                                            <div class="b_n_app_buttons">
                                                <span class="faq">
                                                    <a href="{{ route('contact.us') }}">هل تحتاج إلى مساعدة؟ </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" style="direction:rtl;">
        <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.ar') }}" class="para_text active pe-2"
                                                    style="text-decoration: none;">
                                                    الشروط والأحكام </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.ar') }}" class="para_text pe-2"
                                                    style="text-decoration: none;">سياسة الخصوصية</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-8 col-lg-8">
                                <div class="r_content">
                                    <h2>الشروط والأحكام</h2>
                                    <p>{!! $page->description_ar !!}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="cu_p_s4" class="cu_p_4_bg" style="direction:rtl;">
        <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-end text-center">
                                    <h2>{{ $preferences->help_heading_ar }}</h2>
                                    <p>{{ $preferences->help_description_ar }}</p>
                                    <div class="tabs_buttons">
                                        <span class="get_started ">
                                            <a href="{{ $preferences->help_concierge_link_ar }}">
                                                خدمة الكونسيرج
                                            </a>
                                        </span>
                                        <span class=" talk_sales ">
                                            <a href="{{ $preferences->help_faq_link_ar }}">
                                                الأسئلة الشائعة
                                            </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