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


        <!-- Start Header -->
        <header class="header section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5">
                        <div class="txt_box">
                            <h1 class="title fw-bold">
                            {{__('main.company')}}  <span class="color-primary">{{__('main.tabweeb')}} </span>  {{__('main.technolgy')}} 
                            </h1>
                            <div class="p my-4 ">
                                <!-- {!!$page->description??"" !!} -->
                                {{__('main.tabweeb_notes-1')}} 
                            </div>
                            <a href="{{route('sendContact')}}" class="butn white_butn shadow mt-5"> 
                            {{__('main.contact_us')}}    <img src="{{url('')}}/assets/web/images/icons/plan.svg" class="icon filterPrimary ms-2  " alt="" /> 

                            </a>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <img src="{{url('')}}/assets/web/images/header-1.svg" class="secImg headerImg" alt="">
                    </div>
                </div>
            </div>
            <div class="lines">
                <img src="{{url('')}}/assets/web/images/lines_wavy.png" class="lineImg secImg" alt="">
            </div>
        </header>
        <!-- Start section -->
        <section class="partners_sec section">
            <div class="container">
                <div class="swiper-container partners_swiper">

                    <div class="swiper-wrapper">
                    @foreach($Partners as $Partner)      
                    @foreach($Partner->photos as $photo)
                        <div class="swiper-slide">
                            <div class="partner_card">
                        
                           <img src="{{ $photo->image }}"class="logo" alt="" />
                    
                            </div>
                        </div>  
                        @endforeach          
                        @endforeach                  

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

            <!-- Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>

            <img src="images/pattern-1.svg" class="pattern" alt="" />
            <img src="images/pattern-2.svg" class="pattern2" alt="" />
        </section>

<!-- Start section -->
<section class="about_sec section">
            <div class="container">
                <div class="row align-items-center justify-content-around">
                    <div class="col-lg-6">
                        <div class="img_box">
                            <img src="{{url('')}}/assets/web/images/about-1.png" class="secImg" alt="" />
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="txt_box">
                        <h5 class="title_box"> {{__('main.about_us')}}  </h5>
                        <h2 class="title my-4 pt-2 fw-bold">
                        {{__('pages.about_title_1')}}   <span class="color-primary">  {{__('pages.about_title_2')}}  </span> 
                            </h2>
                            <div class="p">
                            {{__('main.tabweeb_notes-1')}} 
                            </div>
                            <div class="p">
                            {{__('main.tabweeb_notes-2')}} 
                            </div>
                            <a href="#" class="butn white_butn shadow color-primary mt-5">
                                قراءة المزيد
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start section -->
        <section class="services_sec section">
            <div class="container">
                <h5 class="title_box mb-4">  {{__('main.our_services')}}   </h5>
                <h5 class="fs-4 fw-bold mb-5">{{__('main.our_services_total')}}  </h5>

                <div class="swiper-container services_swiper">

                    <div class="swiper-wrapper pb-5">
                    @foreach($services as $service)

                        <div class="swiper-slide">
                            <div class="serv_card">
                                <div class="d-flex justify-content-between align-items-center mb-5">
                                @foreach($service->descriptions as $description)


                                    <h5 class="title fw-bold"> {{ $description->name }}</h5>
                                    @endforeach


                                    <div class="icon_box"> <img src="{{url('')}}/{{$service->image ?? " "}}" class="icon" alt="" /> </div>
                                </div>
                                <a href="#" class="more_butn"> 
                                    <span class="icon"><i class="fa-light fa-arrow-left-long"></i></span> قراءة المزيد
                                </a>
                            </div>
                        </div>
                        @endforeach
                    </div>
                   
                </div>
            </div>
            <!-- Arrows -->
            <div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
        </section>

        <!-- Start section -->
        <section class="feedback_sec section  d-mob-none">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class=" mb-5">
                            <h5 class="title_box mb-5"> {{__('main.clients_opinion')}}  اراء العملاء   </h5>
                            <h5 class="fs-2  fw-bold"> {{__('main.clients_opinion_said')}}  ما يقوله عنا عملائنا  </h5>

                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="box">
                            <div class="col-lg-10 ms-auto">
                                <div class="swiper-container feedback_swiper">
                                    <div class="swiper-wrapper">

                                   @foreach($clients as $client)
                                        <div class="swiper-slide">
                                            <div class="feeback_card">
                                                <div class="">
                                                <!-- {{ $loop->iteration."outer" }} -->
                                                @foreach($client->currentDescription as $descriptionn)
                                                <!-- {{ $loop->iteration."ineer" }} -->
                                                <div class="p">  {{ trim(strip_tags($descriptionn->description)) }} </div>
                                                <h5 class="name w-fit ms-auto mt-4">{{ $descriptionn->title }}</h5>

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

                                        


                                    </div>
                                </div>

                            </div>
                           
                        </div>
                    </div>
                </div>
                <!-- Arrows -->
                 <div class="arrows d-flex justify-content-center">
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                 </div>

            </div>
            <img src="{{url('')}}/assets/web/images/star.svg" class="star star1" alt="" />
            <img src="{{url('')}}/assets/web/images/star.svg" class="star star2" alt="" />

            <img src="{{url('')}}/assets/web/images/pattern-3.svg" class="pattern" alt="">
        </section>

        
@endsection