@extends('layouts.app')
@section('style')
<style type="text/css">
    .font-max-width p{
        max-width: 100% !important;   
        width: 100% !important; 
    }
</style>
@endsection
@section('content')

   <div class="header-base">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                   @if(!empty(app()->getLocale()) && app()->getLocale() == 'ar') 
                        <div class="title-base text-right font-max-width">
                        <h1>{{ $getPage->ar_title }}</h1>
                            {!! $getPage->ar_description !!}
                        </div>
                        @else
                        <div class="title-base text-left font-max-width">
                        <h1>{{ $getPage->title }}</h1>
                            {!! $getPage->description !!}
                        </div>
                        @endif
                </div>
            </div>
        </div>
    </div>
    <div class="section-empty">
        <div class="container content">
            <table class="grid-table border-table grid-table-sm-12 text-left-sm">
                <tbody>
                    <tr>
                        @foreach($getJobs as $value)
                        <td>
                            <h4 class="text-normal">{!! $value->title !!}</h4>
                            <ul class="list-texts">
                                <li><b>{{  __('frontend.Type') }}</b>{{ $value->type }}</li>
                                <li><b>{{  __('frontend.Location') }}</b>{{ $value->location }}</li>
                                <li><b>{{  __('frontend.Valid until') }}</b>{{ $value->valid_until }}</li>
                                <li><b>{{  __('frontend.Year') }}</b>{{ $value->year }}</li>
                            </ul>
                        </td>
                        @endforeach
                    </tr>
                
                </tbody>
            </table>
        </div>
    </div>

@endsection