@extends('web.layouts.app')

@section('content')


<!-- start header =====
        ============ -->
<header class="header header-pages">

    <!-- start top-par -->
    <div class="top-par">
        <div class="main-container">
            <div class="logo">
                <a href="{{ url('/') }}">
                    <img src="{{ getSetting('logo') }}" alt="">
                </a>
            </div>



            <div class="icons-top-par">
                <div class="language">
                    @if (app()->getLocale() == 'ar')
                    <a href="{{ route('web.lang' , 'en') }}">

                        <span> En </span>
                    </a>
                    @else
                    <a href="{{ route('web.lang' , 'ar') }}">

                        <span> عربي </span>
                    </a>
                    @endif
                </div>


                <!-- ----------- -->


                <div class="menu-div">
                    <div class="content" id="times-ican">
                        <a href="#" title="Navigation menu" class="navicon" aria-label="Navigation">
                            <span class="navicon__item"></span>
                            <span class="navicon__item"></span>
                            <span class="navicon__item"></span>
                            <span class="navicon__item"></span>
                        </a>
                    </div>
                </div>



            </div>
        </div>
    </div>
    <!-- end top-par -->



    <!-- start sub-header -->
    <div class="sub-header">
        <div class="sub-slider-header">
            <div class="img-slider" style="background-image: url({{ url('web') }}/images/bg01.png);"></div>
            <div class="text-slider-header">
                <div class="title-text-slider-header">
                    <div class="main-container">
                        <img src="{{ url('web') }}/images/img.png" alt="">
                        <h2 class="slider-title-fill h42 slider-tr-delay01 medium-title red-color" data-text="{{ awtTrans('شركاؤنا') }}">
                            {{ awtTrans('شركاؤنا') }}
                        </h2>
                    </div>
                </div>

                <div class="p-sub-header">
                    <div class="main-container">
                        <p>
                            <span class="slider-title-fill h42 slider-tr-delay01" data-text="{{ getSettingLang('about_application') }}">
                                {{ getSettingLang('about_application') }} </span>
                        </p>
                    </div>

                </div>
            </div>

        </div>
    </div>
    <!-- +
     sub-header -->



</header>
<!-- end header =====
============== -->

<!-- start app ====
        ===============================
        ================================
        ============== -- 
        -->
<main id="app">

    <section class="partners mr-section">
        <div class="main-container">
            <div class="title-center">
                <h2> {{ awtTrans('شركاؤنا') }} </h2>
            </div>

            <div class="main-partners-index">

                @foreach ($partners as $partner)

                <a href="{{ $partner->link }}" target="_blank" data-aos="flip-left" data-aos-duration="700">
                    <div class="sub-partners-index">
                        <img src="{{ $partner->photo }}" alt="">
                    </div>
                </a>

                @endforeach

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




</main>

<!-- end app ====
        =============================
        ==================================
        ==================== -->

@endsection