@extends('web.layouts.container')

@section('header')
    <!--inner-header-->
    <div class="inner-header" style="background-image: url({{asset($pageDetails->image ?? 'assets/web/images/careers.jpg')}});">
        <div class="info">
            @php
                $pageDetails = explode('@@', $pageDetails->description);
            @endphp
            <h3>{{$pageDetails[0]}}</h3>
            <h3>{{$pageDetails[1]}}</h3>
        </div>
        <div class="btn-scroll-down">
            <a href="#">{{__('main.scroll_down')}}</a>
        </div>
    </div>
    <!--End-inner-header-->
@endsection

@section('content')

    <!-- ------------------------ careers ------------------------ -->
    <section class="careers-text text-center bg-gray">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="color-title text-center">
                        <h2>
                            @if (getCurrentLocale() == 'ar')
                                موقع نسما للتوظيف
                            @else
                                Careers at Nesma
                            @endif
                        </h2>
                    </div>
                    <h6>
                        <strong>
                            @if (getCurrentLocale() == 'ar')
                                نسما شركة جذابة وجديرة بالاهتمام. إننا في نسما نتمتع بالديناميكية وروح المغامرة، وفي كثير من الأحيان نتبع أساليب غير تقليدية للغاية. من هذا المنطلق، تعتبر شركة نسما من الشركات التي تجذب اهتمام الباحثين عن العمل والراغبين في الالتحاق بها والانضمام إلى كادر الموظفين، حيث تسعى نسما دوما إلى تمكين موظفيها للتفوق والتطور. ونحقق ذلك من خلال ضمان تحديد أوصاف وتعريفات وظيفية دقيقة، ورسم المسارات الوظيفية، وتوفير فرص التدريب والتطوير الذاتي. تقوم نسما بتبني وتطوير المواهب، والاعتراف دوما بالإنجازات الفردية ومكافأتها. كما ينتشر الإصرار على النجاح والتوفق على كافة مستويات منظمتنا.
                            @else
                                Nesma is an exciting company. We are dynamic, adventurous and unconventional. It makes sense then that Nesma is also an exciting company to work for, where employees are empowered to excel. We do this by ensuring job descriptions are
                                defined, career paths outlined and opportunities for training and self-development provided. Talent, where identified, is developed, and individual achievement is always recognized and rewarded. An urgency to succeed resonates
                                at all levels of our organization.
                            @endif
                        </strong>
                    </h6>
                </div>
            </div>
        </div>
    </section>
    <!-- ------------------------ creat-cv ------------------------ -->
    <section class="creat-cv">
        <div class="row no-gutters">
            <div class="col-lg-6">
                @if (getCurrentLocale() == 'ar')
                    <div class="info">
                        <h4>أنشئ حساب لسيرتك الذاتية</h4>
                        <h6>بعد إنشاء حسابك، ستتمكن من:</h6>
                        <ul>
                            <li>
                                <span class="icon"><img src="{{asset('assets/web/images/icons/chair.png')}}" alt=""></span>
                                <p><strong>تقديم سيرتك الذاتية.</strong> قم بتحميل سيرتك الذاتية على الموقع </p>
                            </li>
                            <li>
                                <span class="icon"><img src="{{asset('assets/web/images/icons/mail.png')}}" alt=""></span>
                                <p><strong>البحث عن وظائف .</strong> ابحث عن الوظائف وتقدم إلى أحدث الوظائف الشاغرة </p>
                            </li>
                            <li>
                                <span class="icon"><img src="{{asset('assets/web/images/icons/vip.png')}}" alt=""></span>
                                <p><strong>اللوحة الرئيسية الخاصة.</strong> استخدم اللوحة الرئيسية لتحديث سيرتك الذاتية وإدارة طلبات التقديم الخاصة بك</p>
                            </li>
                        </ul>
                        <div class="text-center mt-5">
                            <button class="butn light"><span>أنشئ حساب لسيرتك الذاتية</span></button>
                        </div>
                        <div class="mt-3 text-center">
                            <h6>يوجد لدي حساب؟ <a href="#" class="main-color">تسجيل الدخول</a></h6>
                        </div>
                    </div>
                @else
                    <div class="info">
                        <h4>Create CV Account</h4>
                        <ul>
                            <li>
                                <span class="icon"><img src="{{asset('assets/web/images/icons/chair.png')}}" alt=""></span>
                                <p><strong>To be a Nesma Member.</strong> Lorem ipsum dolor amet, consectetuer adipiscing elit, sed diam nonummy euismod tincidunt </p>
                            </li>
                            <li>
                                <span class="icon"><img src="{{asset('assets/web/images/icons/mail.png')}}" alt=""></span>
                                <p><strong>Recieve Latest job vacancies.</strong> Lorem ipsum dolor amet, consectetuer adipisc diam nonummy </p>
                            </li>
                            <li>
                                <span class="icon"><img src="{{asset('assets/web/images/icons/vip.png')}}" alt=""></span>
                                <p><strong>Access to your dashboard.</strong> Lorem ipsum dolor amet, consectetuer adipiscing elit, sed diam nonummy </p>
                            </li>
                        </ul>
                        <div class="text-center mt-5">
                            <button class="butn light"><span>Create you CV Account</span></button>
                        </div>
                        <div class="mt-3 text-center">
                            <h6>Already have an account? <a href="#" class="main-color">Sign in</a></h6>
                        </div>
                    </div>
                @endif
            </div>
            <div class="col-lg-6">
                <div class="img">
                    <img src="{{asset('assets/web/images/man-up.png')}}" alt="">
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection