@extends('frontend.layouts.master')
@section('content')

    <div class="bg-image" style="background-image: url('{{page_header_background($about_us->id)}}');background-size: cover;background-repeat: no-repeat;">
        <div class="bg-primary-default">
            <div class="container p-lg-0">
                <div class="row">
                    <div class="col-lg-9">
                        <div class="page-title d-flex align-items-center me-3 flex-wrap py-20 ">

                            <!--begin::Breadcrumb-->
                            <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-3 my-1">
                                <!--begin::Item-->
                                <li class="breadcrumb-item text-warning">
                                    <a href="/" class="text-warning text-hover-primary">Home</a>
                                </li>
                                <!--end::Item-->
                                <!--begin::Item-->
                                <li class="breadcrumb-item">
                                    <span class="bullet bg-gray-200 w-5px h-2px"></span>
                                </li>
                                <!--end::Item-->
                                <!--begin::Item-->
                                <li class="breadcrumb-item text-white">{{$heading}}</li>
                                <!--end::Item-->
                            </ul>
                            <!--end::Breadcrumb-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if($about_us)
        <div class="pb-10 bg-white">
            <div class="container p-lg-0">
                <div class="row justify-content-center">
                    <!--begin::List-->
                    <div class="card my-4 pt-20">
                        <!--begin::Body-->
                        <div class="card-body py-6">
                            <!--begin::Item-->
                            <div class="row justify-content-center">
                                <div class="col-md-6">
                                    <div class="about_us">
                                        <div class="row mt-4 mt-md-0">
                                            @if(count($about_us->images)>3)
                                                @foreach($about_us->images as $key=>$image)
                                                    @if($image->isImage)
                                                        @if($image->isFeatured)
                                                            @if($key==0)
                                                                <div class="col-5 offset-1 px-2 mb-3 align-self-end">
                                                                    <img class="border-radius-3 " src="/{{get_image($image->file)}}" alt="">
                                                                </div>
                                                            @elseif($key==1)
                                                                <div class="col-6 px-2 mb-3">
                                                                    <img class="border-radius-3 " src="/{{get_image($image->file)}}" alt="">
                                                                </div>
                                                            @elseif($loop->last)
                                                                <div class="col-5 align-self-start pl-2 mb-3">
                                                                    <img class="border-radius-3 " src="/{{get_image($image->file)}}" alt="">
                                                                </div>
                                                            @else
                                                                <div class="col-5 px-2 mb-3">
                                                                    <img class="border-radius-3 " src="/{{get_image($image->file)}}" alt="">
                                                                </div>
                                                            @endif
                                                        @else
                                                            @if($key==0)
                                                                <div class="col-5 offset-1 px-2 mb-3 align-self-end">
                                                                    <img class="border-radius-3 " src="/{{get_image($image->file)}}" alt="">
                                                                </div>
                                                            @elseif($key==1)
                                                                <div class="col-6 px-2 mb-3">
                                                                    <img class="border-radius-3 " src="/{{get_image($image->file)}}" alt="">
                                                                </div>
                                                            @elseif($loop->last)
                                                                <div class="col-5 align-self-start pl-2 mb-3">
                                                                    <img class="border-radius-3 " src="/{{get_image($image->file)}}" alt="">
                                                                </div>
                                                            @else
                                                                <div class="col-5 px-2 mb-3">
                                                                    <img class="border-radius-3 " src="/{{get_image($image->file)}}" alt="">
                                                                </div>
                                                            @endif
                                                        @endif
                                                    @else
                                                        <div class="col-7 px-2 mb-3">
                                                            <div class="border-radius-3  bg-grad p-15">
                                                                <span>{{$image->heading}}:</span>
                                                                <h3 class="fw-bold fw-bold text-white fs-1">{{$image->details}}</h3>
                                                            </div>
                                                        </div>
                                                    @endif
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 align-items-center">
                                    <h2 class="text-gray-800 fw-bold text-hover-primary fs-2x">{{$about_us->heading}}</h2>
                                    <div class="fs-6" style="text-align: justify;">
                                        {!! $about_us->details !!}
                                    </div>
                                </div>
                            </div>
                            <!--end::Item-->
                        </div>
                        <!--end::Body-->
                    </div>
                    <!--end::List-->

                </div>
            </div>
        </div>
    @endif
    @foreach ($page_sections as $page_section)
        @php
            $section = $page_section->section;
            $file_name = $section->layout->slug . '.blade.php';
            $file_path = resource_path('views/livewire/frontend/layouts');
        @endphp
        @if($section->status)
            @if (is_file($file_path . '/' . $file_name) && file_exists($file_path . '/' . $file_name))
                @livewire('frontend.layouts.'.$section->layout->slug,['section_id'=>$section->id])
            @endif
        @endif
    @endforeach

    <div class="featured_c bg-white py-15">
        <div class="container lg-p-0">
            <div class="pb-10 text-center" id="heading_ti_adn">
                <span>Partners Associated With Us</span>
                <h1 class="font-w700 mb-2" id="f_ad_ne_main_title">
                    Our Associated Companies
                </h1>
                <p>
                    We Have Partnership With Top Institutions & Oganizations Around The World 
                </p>
            </div>
        </div>
        <div class="container lg-p-0">
            <div class="row g-2 justify-content-center">
                <div class="col-lg-2">
                    <div class="partners">
                        <img src="{{ asset('img/company/01.png') }}" alt="">
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="partners">
                        <img src="{{ asset('img/company/02.png') }}" alt="">
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="partners">
                        <img src="{{ asset('img/company/03.png') }}" alt="">
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="partners">
                        <img src="{{ asset('img/company/04.png') }}" alt="">
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="partners">
                        <img src="{{ asset('img/company/05.png') }}" alt="">
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="partners">
                        <img src="{{ asset('img/company/06.png') }}" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection