@extends('layouts.site')

@section('content')
    @php

        $lang = app()->getLocale();
        $name = 'name_' . $lang;
        $details = 'details_' . $lang;
        $type = 'type_' . $lang;
        $description = 'description_' . $lang;
        $title = 'title_' . $lang;

        $img_alt = 'img_alt_' . $lang;
        $question = 'question_' . $lang;
        $answer = 'answer_' . $lang;
    @endphp

    <!--Start Page Header-->
    <section class="page-header">
        <div class="page-header__bg" style="background-image: url({{ asset('assets/front/img/pages/Guidelines.webp') }} )">
        </div>
        <div class="container">
            <div class="page-header__inner text-center">
                <h2>{{ __('Work Guidelines') }}</h2>
                <ul class="thm-breadcrumb">
                    <li><a href="{{ route('home_index') }}">{{ __('Home') }}</a></li>
                    <li><span class="icon-right-arrow-5"></span></li>
                    <li>{{ __('Work Guidelines') }}</li>
                </ul>
            </div>
        </div>
        <svg class="wave" viewBox="0 0 1440 40" xmlns="http://www.w3.org/2000/svg">
            <path fill="#fff" fill-opacity="1" d="M0,40 Q360,10 720,30 T1440,40 L1440,50 L0,50Z">
            </path>
        </svg>
    </section>



    <!--Guidelines-->
    <section class="about-three about-paddinglast">
        <div class="container">
            <div class="row  align-items flex-direction">
                <!--Start About -->
                <div class="col-xl-7 wow fadeInDown" data-wow-delay=".3s">
                    <div class="faq-one__faq">
                        <div class="sec-title-two">
                            <h2>

                                {{ app()->getLocale() == 'ar' ? 'إرشادات العمل في شركة عرفه ' : 'Guidelines for working at Arfaa Tried' }}</h5>

                            </h2>
                        </div>
                        @if ($faqs && $faqs->count() > 0)
                        <ul class="accrodion-grp faq-one__accrodion" data-grp-name="faq-one-accrodion">
                            <!-- Start Faq One Single-->
                            @foreach ($faqs as $index => $faq)
                            <li class="accrodion operation-item @if ($index == 0) active @endif">
                                <div class="accrodion-title">
                                    <h2> {{ $faq->$question }}</h2>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>
                                            {!! html_entity_decode($faq->$answer) !!}</p>
                                    </div>
                                </div>
                            </li>
                            <!-- End Faq One Single-->
                            @endforeach

                        </ul>
                        @endif
                    </div>

                </div>
                <!--Start Message  Img-->
                <div class="col-xl-5 wow fadeInDown" data-wow-delay=".3s">
                    <div class="about1">
                        <div class="aboutimg2" style="background-image: url({{ asset('assets/front/img/about/guidlines.webp') }} );"
                            alt="message img"></div>

                    </div>
                </div>
            </div>
        </div>
    </section>



@stop
@section('scripts')
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
    </script>

@stop