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


<!-- Start Header -->
<header class="header">
    <div class="swiper-container header_swiper">
        <div class="swiper-wrapper">
            @foreach ($sliders as $slider)
            <div class="swiper-slide">
                <div class="item">
                    <div class="container">
                        <div class="text_box text-center col-lg-5 mx-auto">
                            <h1 class="title text-white">{{__('main.slider_1')}}</h1>
                            <div class="txt d-flex text-center justify-content-center align-items-center">
                                <div class="he">{{__('main.slider_2')}}</div>
                                <div class="statment">
                                    <div class="color-primary">{{__('main.slider_3')}}</div>
                                    <div class="text-white ms-5">{{__('main.slider_4')}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <img src="{{url('')}}/assets/web/images/pattern_hands.svg" class="pattern" alt="">
                    <img src="{{$slider->image ? asset($slider->image) : url('').'/assets/web/images/header-bg-3.jpg'}}" class="bg" alt="{{$slider->currentDescription->name ?? ""}}">
                </div>
            </div>
            @endforeach


        </div>
        <div class="swiper-pagination"></div>
    </div>
</header>

<!-- Start section -->
<section class="about_sec section">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="text_box">
                    <div class="sec_head d-flex mb-4 mt-4">
                        <h5 class="title_w_vector color-primary me-4 mt-2">{{__('main.about_us')}}</h5>
                        <h4 class="label color-secondary fw-bold">
                            {{__('pages.about_title_1')}} <br> {{__('pages.about_title_2')}}
                        </h4>
                    </div>
                    <div class="p">
                        {!! stripText($about->description, 950) !!}
                    </div>
                    <ul class="ul mt-5">
                        @foreach($features as $value)
                        <li> {{$value->currentDescription->title ??""}}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="img_box">
                    <img src="{{$about->image?asset($about->image):url('').'/assets/web/images/exp_years.svg'}}" class="img" alt="">
                    <div class="txt fw-bold color-secondary">{{__('pages.about_title_3')}}</div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Start section -->
<section class="statics_sec section pt-5" id="numbers">
    <div class="container">
        <div class="sec_head d-flex justify-content-center mb-5 pb-3 mt-4">
            <h5 class="title_w_vector color-primary me-4 mt-2">   {{__('numbers.head')}} </h5>
            <h4 class="label color-secondary fw-bold">
                {{__('main.numbersWeProud')}}
            </h4>
        </div>
        <div class="swiper-container statics_swiper">
            <div class="swiper-wrapper pb-lg-0 pb-5">
                @foreach($numbers as $key=>$value)
                @php
                $key=1+$key;
                $image="statics-$key.svg";
                @endphp
                <div class="swiper-slide">
                    <div class="static_card">
                        <div class="box">
                            <div class="icon_box">
                                <img src="{{$value->image?asset($value->image):url('')."/assets/web/images/icons/".$image}}" class="icon" alt="" />
                            </div>
                            <div class="content">
                                <h2 class="counter">{{$value->counter ?? 0}}</h2>
                                <h6 class="label">{{$value->currentDescription->title ?? ""}}</h6>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach

            </div>
            <div class="swiper-pagination d-lg-none"></div>
        </div>
    </div>
</section>

<!-- Start section -->
<section class="services_sec section" id="our_services">
    <div class="container">
        <div class="row justify-content-between align-items-center">
            <div class="col-lg-5">
                <div class="txt_box">
                    <div class="sec_head d-flex mb-4 mt-4">
                        <h5 class="title_w_vector color-primary me-4 mt-2"> {{__('services.head')}}   </h5>
                        <h4 class="label color-secondary fw-bold">
                            {!!__('main.whatWeProvide')!!}
                        </h4>
                    </div>

                    <div thumbsSlider="" class="swiper mySwiper sm-slide-swiper serviceTitle_swiper">
                        <div class="swiper-wrapper pb-3">
                            @foreach($services as $value)
                            <div class="swiper-slide">
                                <div class="item">
                                    <h5 class="title ">{{$value->name ?? ""}}</h5>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-lg-6">
                <div class="swiper_box overflow_hidden">
                    <div class="swiper mySwiper2 lg-slide-swiper serviceData_swiper">
                        <div class="swiper-wrapper">
                            @foreach($services as $value)
                            <div class="swiper-slide">
                                <div class="box">
                                    <div class="img_box">
                                        <img src="{{$value->image?asset($value->image):url('').'/assets/web/images/services-1.png'}}" class="secImg" alt="">
                                        <div class="txt_content">
                                            <div class="title mb-5">
                                                {!! stripText($value->description, 200) !!}
                                            </div>
                                            <a href="{{route('showService',$value->id)}}" class="butn white_butn color-secondary mx-auto">{{__('main.explore')}}  <i class="fa-solid fa-arrow-left me-0 ms-2"></i> </a>
                                        </div>
                                    </div>
                                    <div class="circle_box">
                                        <div class="content">
                                            <div class="icon_box">
                                                <img src="{{$value->icon?asset($value->icon):url('').'/assets/web/images/services-1.svg'}}" class="icon" alt="" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <img src="{{url('')}}/assets/web/images/pattern_hands2.svg" class="hands" alt="">
</section>
<section class="iso_sec section ">
    <div class="container">
        <div class="iso_card">
            <div class="iso_logo">
                <img src="{{($banner->image??null)?asset($banner->image):url('').'/assets/web/images/iso.png'}}" alt="">
            </div>
            <h2> {{$banner->currentDescription->title ?? ""}} </h2>
            <div class="text mx-auto col-lg-10"> 
                {!!stripText($banner->currentDescription->description) ?? ""!!}
            </div>
            <img src="{{url('')}}/assets/web/images/pg_header_vector_1.svg" alt="" class="shap_1">
            <video class="video vid-bg" id="video1" width="100%" height="100%"  autoplay="" muted="" loop="" __idm_id__="1996242945" playsinline="">
                <source src="{{($banner->video??null)?asset($banner->video):url('').'/assets/web/images/vid.mp4'}}" type="video/mp4">
            </video>
        </div>
    </div>
</section>

<!-- Start section -->
<section class="timeline_sec section ">
    <div class="container">
        <div class="inner">
            <div class="col-lg-5 mx-auto">
                <div class="txt_box">
                    <img src="{{url('')}}/assets/web/images/logo2.svg" class="logo" alt="">
                    <div class="d-flex justify-content-center mb-5 pb-3 mt-4">
                        <h5 class="title_w_vector color-primary me-4 mt-4">{{__('main.history')}}</h5>
                        <h4 class="label color-secondary fw-bold">
                            {!!__('main.time_line')!!}
                        </h4>
                    </div>
                </div>
            </div>
            @foreach($history as $key=> $value)
            <div class="item {{__('main.history_div')[$key]['class']}} d-flex align-items-center">
                @if(__('main.history_div')[$key]['position']==="up")
                <div class="circle_box">
                    <div class="border_box">
                        <div class="icon_box">
                            <img src="{{($value->image??null)?asset($value->image):url('').'/assets/web/images/icons/'.__('main.history_div')[$key]['image']}}" class="icon" alt="" />
                        </div>
                    </div>
                </div>
                <div class="txt_box">
                    <div class="year">{{$value->counter ?? ""}}</div>
                    <div class="p">{{$value->currentDescription->title ?? ""}}</div>
                </div>
                @else 
                <div class="txt_box">
                    <div class="year">{{$value->counter ?? ""}}</div>
                    <div class="p">{{$value->currentDescription->title ?? ""}}</div>
                </div>
                <div class="circle_box">
                    <div class="border_box">
                        <div class="icon_box">
                            <img src="{{($value->image??null)?asset($value->image):url('').'/assets/web/images/icons/'.__('main.history_div')[$key]['image']}}" class="icon" alt="" />
                        </div>
                    </div>
                </div>
                @endif
            </div>

            @endforeach
        </div>
    </div>
</section>

<!-- Start section -->
<section class="partners_sec section">
    <div class="container">
        <div class="row">
            <div class="col-lg-2">
                <div class="sec_head d-flex mb-4 mt-4">
                     <a href="{{route('partners.all')}}">
                    <h5 class="title_w_vector color-primary me-4 mt-2"> {{__('main.partners')}}</h5>
                    </a>
                </div>
            </div>
            <div class="col-lg-10">
                <div class="swiper-container partners_swiper">
                    <div class="swiper-wrapper">
                        @foreach($partners as $value)
                        <div class="swiper-slide">
                            <a href="{{$value->currentDescription->description?route('partners.details',$value->id):'#'}}">
                                <div class="partner_box">
                                    <img src="{{($value->photos[0]??null)?asset($value->photos[0]->image):''}}" class="logo" alt="" />
                                </div>
                            </a>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>      

<!-- Start section -->
<section class="manager_sec section">
    <div class="container">
        <div class="txt_box">
            <div class="sec_head mb-4">
                <h5 class="title_w_vector color-secondary fw-bold fs-2 mt-2 mb-3">{{__('main.leader_name')}}</h5>
                <h6 class="color-primary"> {{__('main.leader_job')}}</h6>
            </div>
            <div class="p">
                {!!$leader->description ??""!!}
            </div>
        </div>
    </div>
    <div class="vector wow slide_ltr mt-4"></div>
</section>


<!-- Start section -->
<section class="certificates_sec section">
    <div class="container">
        <div class="d-flex  mb-5 pb-3 mt-4">
            <h5 class="title_w_vector color-primary me-4 mt-1"> {{__('main.certificates_2')}}</h5>
            <h4 class="label color-secondary fw-bold">
                {{__('main.certificates_descripe')}}
            </h4>
        </div>
        <div class="swiper-container certi_swiper">
            <div class="swiper-wrapper">
                @foreach($certificates as $value)
                <div class="swiper-slide">
                    <div class="certi_card">
                        <div class="box">
                            <a href="{{asset($value->image)}}" data-fancybox="image">
                                <img src="{{asset($value->image)}}" class="secImg" alt="" />
                            </a>
                            <div class="txt_box">
                                <h5 class="title zi_5  fw-bold">
                                    {{$value->currentDescription->title ?? ""}}
                                </h5>
                            </div>
                        </div>

                    </div>
                </div>

                @endforeach
            </div>
            <div class="arrows d-flex justify-content-center align-items-center mt-5">
                <div class="swiper-button-next"></div>
                <a href="{{route('allCertificates')}}" class="butn light_butn px-5">{{__('main.show_all')}}</a>
                <div class="swiper-button-prev"></div>

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

@endsection