@extends('web.layouts.layout')
@section('content')

    <main>

        <!-- Start Header -->
        <header class="header">
            <div class="swiper-container header_swiper">
                <div class="swiper-wrapper">
                    @foreach($sliders as $row)
                        <div class="swiper-slide">
                            <div class="item">
                                <div class="container">
                                    <div class="info text-center">
                                        <h1  class="title"> {!! $row->title !!} </h1>
                                        <h1  class="sub-title"> {!! $row->second_title !!} </h1>
                                    </div>
                                </div>
                                <img src="{{asset($row->image)}}" class="bg" alt="">
                                <div class="float_logos">
                                    <img src="{{asset($row->icon)}}" class="" alt="">
                                    <img src="{{asset($row->category_icon ?? $row->category->logo)}}" class="" alt="">
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="swiper-pagination pb-4"></div>
                <div class="swiper-button-prev"> <img src="{{url('')}}/assets/web/images/new1/caret-left.svg" alt=""> </div>
                <div class="swiper-button-next"> <img src="{{url('')}}/assets/web/images/new1/caret-right.svg" alt=""> </div>
            </div>
        </header>
        
        <!-- Start section -->
        <section class="about_sec about_sec1  section">
            <div class="container">
                <div class="row align-items-center gx-0">
                    <div class="col-lg-4">
                        <div class="txt_box wow text-focus-in">
                            <h5 class="subtitle fw-bold color-secondary text-uppercase mb-2">{!! $who_we->title !!}</h5>
                            <h1 class="title fw-bold color-primary mb-3">{!! $who_we->second_title !!}</h1>
                            <div class="p">
                                {!! $who_we->description !!}
                            </div>
                            @if($who_we->link)
                                <a href="{!! getCurrentLocale() == 'ar' ? $who_we->link : $who_we->link2 !!}"  class="main_butn mt-4">
                                    <span class="zi_5">{{__('web.learn_more')}}</span>
                                </a>
                            @endif
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="about-cards ps-lg-5">
                            <div class="row gx-0">
                                @foreach($numbers as $key => $row)
                                    <div class="col-lg-4">
                                        <div class="item">
                                            <div class="icon">
                                                <img src="{{asset($row->image)}}" alt="">
                                            </div>
                                            <div class="numb"> {{($key != 0) ? '+' : ''}}<span class="counter">{{number_format($row->number,0)}}</span> </div>
                                            <div class="text"> {{$row->title}} </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </section>
        
        
        <!-- Start section -->
        <section class="section services_sec_st2">
            <div class="container">
                @include('web.pages.components.categories.category_section')
                <div class="row">
                    @foreach($categories as $row)
                        <div class="col-lg-3">
                            @include('web.pages.components.categories.category_card',['category'=>$row])
                        </div>
                    @endforeach
                </div>
            </div>
        </section>


        <!-- Start section -->
        <section class="projects_sec section" id="signature">
            <div class="container-fluid pe-0">
                <div class="row align-items-center">
                    <div class="col-lg-3">
                        <div class="txt_box wow text-focus-in mb-4 ps-0">
                            <h5 class="subtitle fw-bold color-secondary text-uppercase mb-2">{!! $signature->title !!}</h5>
                            <h1 class="title fw-bold color-primary mb-3">{!! $signature->second_title !!}</h1>
                            <div class="p">
                                {!! $signature->description !!}
                            </div>
                            <!--@if($signature->link)-->
                                <!--<a href="{{$signature->link}}" target="_blank" class="main_butn mt-4 d-none d-lg-inline-flex">-->
                                <!--    <span class="zi_5">{{__('web.discover_more')}}</span>-->
                                <!--</a>-->
                            <!--@endif-->
                        </div>
                    </div>
                    <div class="col-lg-9 ">
                        <div class="swiper-container proj_swiper">
                            <div class="swiper-wrapper">
                                @foreach($projects as $row)
                                    <div class="swiper-slide">
                                        <div class="item">
                                            <div class="col-lg-7">
                                                <div class="img_box">
                                                    <img src="{{asset($row->image)}}" class="secImg " alt="">
                                                </div>
                                            </div>
                                            <div class="col-lg-11 ms-auto">
                                                <div class="box ">
                                                    <div class="col-lg-6 ms-auto">
                                                        <img src="{{asset($row->logo)}}" class="logo_proj_1" alt="">
                                                    </div>
                                                    <div class="row mt-lg-5 align-items-center">
                                                        @if($row->devision_image)
                                                            <div class="col-lg-3">
                                                                <div class="logo-side">
                                                                    <img src="{{asset($row->devision_image)}}" class="logo_proj_2" alt="">
                                                                </div>
                                                            </div>
                                                        @else
                                                            <div class="col-lg-3">
                                                                <div class="logo-side">
                                                                    <img src="{{asset($row->category->logo)}}" class="logo_proj_2" alt="">
                                                                    <span>{{$row->title ?? ""}}</span>
                                                                </div>
                                                            </div>
                                                        @endif
                                                        <div class="col-lg-9">
                                                            <div class="p">
                                                                {!! $row->description !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="arrows arrows-dark">
                                <div class="swiper-button-prev"> <img src="{{url('')}}/assets/web/images/new1/caret-left.svg" alt=""> </div>
                                <div class="swiper-button-next"> <img src="{{url('')}}/assets/web/images/new1/caret-right.svg" alt=""> </div>
                            </div>

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

        <!-- Start Subsidiary -->
        @include('web.pages.components.sparckmark')
        
        
        <!-- Start clients -->
        <section class="clients_sec section">
            <div class="container">
                <div class="txt_box text-center mb-4">
                    <h5 class="subtitle fw-bold color-secondary text-uppercase mb-2">{!! $page_client->title !!}</h5>
                    <h1 class="title fw-bold color-primary mb-3">{!! $page_client->description !!}</h1>
                </div>
                <div class="clients_slider">
                <div class="swiper-wrapper">
                    @foreach($spacemark->photos as $row)
                    <div class="swiper-slide">
                        <a  class="brand">
                            <img src="{{asset($row->image)}}" alt="">
                        </a>
                    </div>
                    @endforeach
                </div>
            </div>
            </div>
        </section>
        

    </main>

@stop