@extends('front.layout.app')

@section('title')
    @if (LaravelLocalization::getCurrentLocale() == 'ar')
        {{ $menu['ar']['view.about'] }}@else{{ $menu['en']['view.about'] }}
    @endif
@stop

@section('slider')
     <!-- Banner  -->
     <div class="header-banner bg-theme-grad-s2">
        <div class="nk-banner">
            <div class="banner banner-page">
                <div class="banner-wrap">
                    <div class="container">
                        <div class="row justify-content-center align-items-center">
                            <div class="col-xl-6 col-lg-9">
                                <div class="banner-caption cpn tc-light text-center">
                                    <div class="cpn-head">
                                        @if($about)
                                        <h2 class="title ttu">
                                            @if (LaravelLocalization::getCurrentLocale() == 'ar')
                                                {{ $about->title_ar }}@else{{ $about->title }}
                                            @endif
                                        </h2>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- .nk-banner -->
        <div class="nk-ovm shape-z6-sm">
        </div>
    </div>
    <!-- .header-banner -->
    <!-- Secondary Menu  -->
    <div class="secondary-navbar">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <nav class="secondary-menu">
                        <ul class="secondary-menu-list">
                            <li class = "Secondary-menu-item"> <a href="{{ route('view.about') }}" class="secondary-menu-link menu-link"> {{ __('نبذة عنا') }} </a> </li>
                            <li class = "Secondary-menu-item"> <a href="{{ route('view.about-2') }}" class="secondary-menu-link menu-link"> {{ __('المهمة والرؤية') }} </a> </li>
                            <li class = "Secondary-menu-item"> <a href="{{ route('view.partners') }}" class="secondary-menu-link menu-link"> {{ __('الشركاء') }} </a> </li>
                            {{-- <li class = "Secondary-menu-item"> <a href="page-career.html" class="secondary-menu-link menu-link"> مهنة </a> </li> --}}
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- Secondary Menu -->
@endsection

@section('content')

<main class="nk-pages">
    @if($about)
    <section class="section pb-0 ov-h">
        <div class="container">
            <div class="nk-block">
                <div class="section-head text-center">
                    <h2 class="title">
                        {{ __('المهمة والرؤية') }}
                    </h2>
                </div>
                <div class="row gutter-vr-15px justify-content-center">
                    <div class="col-lg-12 col-mb-10">
                        <div class="nk-block-text">
                            <p>
                                @if (LaravelLocalization::getCurrentLocale() == 'ar')
                                    {{ $about->description_ar }}@else{{ $about->description }}
                                @endif
                            </p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- // -->
    <!-- // -->
    <section class="section">
        <div class="container">
            <div class="nk-block nk-block-text-wrap">
                <div class="row align-items-center gutter-vr-30px justify-content-lg-between justify-content-center">
                    <div class="col-lg-5 col-mb-10">
                        <div class="nk-block-img gfx-re-mdl py-5 py-lg-0">
                            <img src="{{ asset('front/images/gfx/gfx-z-i.png') }}" alt="app">
                        </div>
                    </div>
                    <div class="col-lg-6 col-mb-10">
                        <div class="nk-block-text">
                            <div class="pb-5">
                                <h2 class="title title-regular">{{ __('المهمة') }}</h2>
                                <p>
                                    @if (LaravelLocalization::getCurrentLocale() == 'ar')
                                        {{ $about->mission_ar }}@else{{ $about->mission }}
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>
                </div><!-- .row -->
            </div><!-- .block -->
        </div>
    </section>
    <!-- // -->
    <section class="section pt-0">
        <div class="container">
            <div class="nk-block nk-block-text-wrap">
                <div class="row align-items-center gutter-vr-30px justify-content-lg-between justify-content-center">
                    <div class="col-lg-5 col-mb-10 order-lg-last">
                        <div class="nk-block-img gfx-re-lg">
                            <img src="{{ asset('front/images/gfx/gfx-z-j.png') }}" alt="app">
                        </div>
                    </div>
                    <div class="col-lg-6 col-mb-10">
                        <div class="nk-block-text">
                            <div class="pb-5">
                                <h2 class = "title title-normal"> {{ __('الرؤية') }} </h2>
                                <p>
                                    @if (LaravelLocalization::getCurrentLocale() == 'ar')
                                        {{ $about->vision_ar }}@else{{ $about->vision }}
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>
                </div><!-- .row -->
            </div><!-- .block -->
        </div>
    </section>
    <!-- // -->
    {{-- <section class="section pt-0">
        <div class="container">
            <div class="nk-block nk-block-feature">
                <div class="row justify-content-center">
                    <div class="col-lg-8 col-mb-10">
                        <div class="section-head text-center">
                            <h2 class="title title-regular">اعرف المزيد عن تشفير ICO</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-mb-10">
                        <div class="feature feature-inline card card-s3 flex-wrap flex-sm-nowrap">
                            <div class="feature-icon feature-icon-lg-s3 mt-0">
                                <img src="images/icons/icon-t14.png" alt="icon">
                            </div>
                            <div class="feature-text">
                                <h5 class = "title title-md"> الامتثال </h5>
                                <p style="height: 55.78px;"> نعتقد أن الامتثال القانوني هو المفتاح لنمو التمويل الرقمي. </p>
                                <a href="#" class="btn btn-secondary btn-md"> اعرف المزيد <em class = "ti ti-arrow-left pe-2"> </em> </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-mb-10">
                        <div class="feature feature-inline card card-s3 flex-wrap flex-sm-nowrap">
                            <div class="feature-icon feature-icon-lg-s3 mt-0">
                                <img src="images/icons/icon-t15.png" alt="icon">
                            </div>
                            <div class="feature-text">
                                <h5 class = "title title-md"> إدارة الأموال </h5>
                                <p style="height: 55.78px;"> يعمل تشفير ICO على تبسيط لوريم إيبسوم دولور سوميت في التكرار. </p>
                            <a href="#" class="btn btn-secondary btn-md"> اعرف المزيد <em class = "ti ti-arrow-left pe-2"> </em> </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}
    <!-- // -->
    @endif
</main>
@endsection