@extends('ar.layouts.layout')
@section('content')
        <!-- start page title area-->
        <div class="page-title-area ptb-100">
            <div class="container">
                <div class="page-title-content">
                    <h1>{{ \App\Models\Links::where('id', 2)->first()->name_ar }}</h1>
                    <ul>
                        <li class="item"><a href="{{route('home-ar')}}">{{ \App\Models\Links::where('id', 1)->first()->name_ar }}</a></li>
                        <li class="item active"><span></span>{{ \App\Models\Links::where('id', 2)->first()->name_ar }}</li>
                    </ul>
                </div>
			</div>
			<div class="bg-image">
				<img src="{{ asset(\App\Models\Images::where('id', 2)->first()->picture) }}" alt="Demo Image">
			</div>
        </div>
        <!-- end page title area -->

        <!-- start about single area -->
        <div class="about-single-area ptb-100">
            <!-- start about section -->
            <section id="about" class="about-section about-section-single">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="image-content mb-30">
                                <img src="assets/img/pattern.jpg" alt="Demo Image" class="img1">
                                <img src="{{ asset(\App\Models\Images::where('id', 3)->first()->picture) }}" alt="Demo Image" class="img2">
                                {!! \App\Models\Settings::where('id', 19)->first()->value_ar !!}
                            </div>
                        </div>
                        <div class="col-lg-6">
                            {!! \App\Models\Settings::where('id', 18)->first()->value_ar !!}
                        </div>
                    </div>
                </div>
            </section>
            <!-- end about section -->

            <!-- start promo area -->
            <div class="promo-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="promo-inner">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-12">
                                        {!! \App\Models\Settings::where('id', 20)->first()->value_ar !!}
                                    </div>
                                    <div class="col-lg-6 col-md-12">
                                        <div class="image">
                                            <img src="{{ asset(\App\Models\Images::where('id', 4)->first()->picture) }}" alt="Demo Image">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="promo-inner">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-12">
                                        <div class="image">
                                            <img src="{{ asset(\App\Models\Images::where('id', 5)->first()->picture) }}" alt="Demo Image">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-12">
                                    {!! \App\Models\Settings::where('id', 21)->first()->value_ar !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="promo-inner">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-12">
                                        {!! \App\Models\Settings::where('id', 22)->first()->value_ar !!}
                                    </div>
                                    <div class="col-lg-6 col-md-12">
                                        <div class="image">
                                            <img src="{{ asset(\App\Models\Images::where('id', 6)->first()->picture) }}" alt="Demo Image">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
   
        </div>
        <!-- end about single area -->

        <section id="team" class="team-section-two pb-70" style="background-color: rgb(49, 47, 47);padding-top: 100px;" >
            <div class="container">
                <div class="top-content-two">
                    <h2>{{ \App\Models\Settings::where('id', 23)->first()->value_ar }}</h2>
                    <div id="teamSlider" class="custom-owl-nav"></div>
                </div>
                <div class="team-slider owl-carousel">
                    @foreach($certificates as $cert)
                    <div class="item-single m-2">
                        <div class="image" style="background-color: white; padding-left: 20px;padding-right: 20px;">
                            <a href="#"><img src="{{asset($cert->picture)}}" alt="{{$cert->title_ar}}"></a>
                        </div>
                    </div>
                    @endforeach             
                </div>
            </div>
        </section>
@endsection