@extends('front.layout.app')

@section('title')
    {{ __('الشركاء') }}
@stop

@section('slider')
     <!-- Banner  -->
     <div class="header-banner bg-theme-grad-s2">
        <div class="nk-banner">
            <div class="banner banner-page">
                <div class="banner-wrap">
                    <div class="container">
                        <div class="row justify-content-center align-items-center">
                            <div class="col-xl-6 col-lg-9">
                                <div class="banner-caption cpn tc-light text-center">
                                    <div class="cpn-head">
                                        <h2 class="title ttu">
                                            {{ __('الشركاء') }}
                                        </h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- .nk-banner -->
        <div class="nk-ovm shape-z6-sm">
        </div>
    </div>
    <!-- .header-banner -->
    <!-- Secondary Menu  -->
    <div class="secondary-navbar">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <nav class="secondary-menu">
                        <ul class="secondary-menu-list">
                            <li class = "Secondary-menu-item"> <a href="{{ route('view.about') }}" class="secondary-menu-link menu-link"> {{ __('نبذة عنا') }} </a> </li>
                            <li class = "Secondary-menu-item"> <a href="{{ route('view.about-2') }}" class="secondary-menu-link menu-link"> {{ __('المهمة والرؤية') }} </a> </li>
                            <li class = "Secondary-menu-item"> <a href="{{ route('view.partners') }}" class="secondary-menu-link menu-link"> {{ __('الشركاء') }} </a> </li>
                            {{-- <li class = "Secondary-menu-item"> <a href="page-career.html" class="secondary-menu-link menu-link"> مهنة </a> </li> --}}
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- Secondary Menu -->
@endsection

@section('content')

<main class="nk-pages">
    <div class="section">
        <div class="container">
            <div class="nk-block block-partners">
                <div class="row justify-content-center">
                    <div class="col-lg-10 col-mb-10">
                        <ul class="partner-list flex-wrap gutter-vr-30px">
                            @foreach($partners as $partner)
                            <li class="partner-logo-lg mb-0"><img src="{{ asset('storage/'.$partner->image) }}" alt="{{ $partner->name }}"></li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- // -->
    {{-- <section class="section pt-0">
        <div class="container">
            <div class="nk-block nk-block-feature">
                <div class="row justify-content-center">
                    <div class="col-lg-8 col-mb-10">
                        <div class="section-head text-center">
                            <h2 class="title title-regular">اعرف المزيد عن تشفير ICO</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-mb-10">
                        <div class="feature feature-inline card card-s3 flex-wrap flex-sm-nowrap">
                            <div class="feature-icon feature-icon-lg-s3 mt-0">
                                <img src="images/icons/icon-t14.png" alt="icon">
                            </div>
                            <div class="feature-text">
                                <h5 class = "title title-md"> الامتثال </h5>
                                <p style="height: 55.78px;"> نعتقد أن الامتثال القانوني هو المفتاح لنمو التمويل الرقمي. </p>
                                <a href="#" class="btn btn-secondary btn-md"> اعرف المزيد <em class = "ti ti-arrow-left pe-2"> </em> </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-mb-10">
                        <div class="feature feature-inline card card-s3 flex-wrap flex-sm-nowrap">
                            <div class="feature-icon feature-icon-lg-s3 mt-0">
                                <img src="images/icons/icon-t15.png" alt="icon">
                            </div>
                            <div class="feature-text">
                                <h5 class = "title title-md"> إدارة الأموال </h5>
                                    <p style="height: 55.78px;"> يعمل تشفير ICO على تبسيط لوريم إيبسوم دولور سوميت في التكرار. </p>
                                <a href="#" class="btn btn-secondary btn-md"> اعرف المزيد <em class = "ti ti-arrow-left pe-2"> </em> </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}
    <!-- // -->
</main>
@endsection
