@extends('website.layout.main')


@section('content')


        <!-- Banner -->
        <div class="banner-area-two">
            <div class="banner-slider-two owl-theme owl-carousel owl-loaded owl-drag">



            <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-2732px, 0px, 0px); transition: all; width: 8196px;">



        @foreach ($sliders as $key=>$item)

                <div class="owl-item animated owl-animated-in fadeIn active" style="width: 1366px;">
                    <div class="banner-item banner-bg-two" style="background-image: url({{ render_multiple_image_path($item) }})">
                    <div class="d-table">
                        <div class="d-table-cell">
                            <div class="container">
                                <div class="banner-content" >

                                    <h1>{{render_post_title($item)}}</h1>
                                    <p>
                                    {!!strip_tags(str()->words(render_post_description($item),30))!!}


                                    </p>
                                  <div class="banner-btn-area">
    <a class="common-btn two me-5" href="{{render_route('contact.index')}}">
        @lang('front.apply_now')
        <span></span>
    </a>

    <a class="common-btn two "  href="{{render_route('about.index')}}">
        @lang('front.learn_more')
        <span></span>
    </a>
</div>

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

                @endforeach







            </div></div><div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><i class="bx bx-chevron-left"></i></button><button type="button" role="presentation" class="owl-next"><i class="bx bx-chevron-right"></i></button></div><div class="owl-dots disabled"></div></div>
        </div>
        <!-- End Banner -->

        <!-- About -->
        <div class="about-area-two pt-100 pb-70">
            <div class="container">
                <div class="row align-items-center">

                    <div class="col-lg-6">
                        <div class="about-content">
                            <div class="section-title two">
                                {{-- <span class="sub-title">About Company</span> --}}
                                <h2>
                                    {{render_post_title($about)}}
                                </h2>
                            </div>
                            <p class="about-p">

                                    {!!strip_tags(str()->words(render_post_description($about),56   ))!!}


                            </p>
                            <ul>
                                @foreach ($about_categories as $item)

                                <li>
                                    <i class="flaticon-bar-chart"></i>
                                    <h3>{{render_post_title($item)}}</h3>
                                    <p>
                                    {!!strip_tags(str()->words(render_post_description($item),20))!!}


                                    </p>
                                </li>
                                @endforeach

                            </ul>
                            <a class="common-btn two" href="{{render_route('about.index')}}">
                                @lang('front.more')
                                <span></span>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="about-img">
                            <img src="{{ render_image_path($about->image) }}" alt="About">
                            {{-- <img src="assets/img/about/about-shape6.png" alt="Shape">
                            <img src="assets/img/about/about-shape7.png" alt="Shape">
                            <img src="assets/img/about/about-shape8.png" alt="Shape"> --}}
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- End About -->

        <!-- Projects -->
        {{-- <section class="projects-area pt-100 pb-70">
            <div class="container">
                <div class="section-title two">
                    <span class="sub-title">Latest Projects</span>
                    <h2>We Have Completed Latest Projects</h2>
                </div>
                <div class="row">

                    <div class="col-sm-6 col-lg-3">
                        <div class="projects-item">
                            <img src="assets/img/projects/projects1.jpg" alt="Projects">
                            <div class="inner">
                                <h3>
                                    <a href="project-details.html">Investment Trading</a>
                                </h3>
                                <a class="projects-btn" href="#">Trading</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6 col-lg-3">
                        <div class="projects-item">
                            <img src="assets/img/projects/projects2.jpg" alt="Projects">
                            <div class="inner">
                                <h3>
                                    <a href="project-details.html">Financial Growth</a>
                                </h3>
                                <a class="projects-btn" href="#">Finance</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6 col-lg-3">
                        <div class="projects-item">
                            <img src="assets/img/projects/projects3.jpg" alt="Projects">
                            <div class="inner">
                                <h3>
                                    <a href="project-details.html">Fund Management</a>
                                </h3>
                                <a class="projects-btn" href="#">Management</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6 col-lg-3">
                        <div class="projects-item">
                            <img src="assets/img/projects/projects4.jpg" alt="Projects">
                            <div class="inner">
                                <h3>
                                    <a href="project-details.html">Online Payment</a>
                                </h3>
                                <a class="projects-btn" href="#">Payment</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section> --}}
        <!-- End Projects -->

        <!-- Services -->
        <section class="services-area-two pt-100 pb-70">
            <div class="container">
                <div class="section-title two">

                    <h2>@lang('front.services')</h2>
                </div>
                <div class="row">

                    @foreach ($services as $item)

                    <div class="col-sm-6 col-6 col-lg-3">
                        <div class="services-item-two">
                            <div class="top">
                                <img src="{{ render_image_path($item->image) }}"  style="height: 240px" alt="
                                    {{render_post_title($item)}}   ">
                            </div>
                            <div class="bottom">
                                <h3 style="min-height: 80px">
                                    <a href="{{render_route('service.show',$item->id)}}">

                                    {{render_post_title($item)}}

                                    </a>
                                </h3>

                                <p>
                                    {!!strip_tags(str()->words(render_post_description($item),20   ))!!}
                                </p>
                                <div class="services-btn">
                                    <a href="{{render_route('service.show',$item->id)}}">


                                        @lang('front.more')
                                        @if (is_rtl())
                                        <i class="bx bx-left-arrow-alt"></i>
                                       @endif
                                        @if (!is_rtl())
                                        <i class="bx bx-right-arrow-alt"></i>
                                        @endif
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach




                </div>
            </div>
        </section>
        <!-- End Services -->
 <section class="projects-area-two pt-100 pb-70">
            {{-- <div class="services-shape">
                <img src="assets/img/services/services-shape1.png" alt="Shape">
                <img src="assets/img/services/services-shape2.png" alt="Shape">
            </div> --}}
            <div class="container">
                <div class="row">


  <div class="section-title two">
                    {{-- <span class="sub-title">Projects</span> --}}
                    <h2>@lang('front.branche')</h2>
                </div>



                    @foreach ($branches as $item)

                    <div class="col-sm-6 col-lg-3">
                        <div class="services-item">
                            {!! $item->size!!}
                            <h3>
                                <a href="{{render_route('branche.show',$item->id)}}">{{render_post_title($item)}}</a>
                            </h3>

                                    {{-- {!!strip_tags(str()->words(render_post_description($item),10   ))!!} --}}



                            <div class="services-btn">
                                 <a  href="{{render_route('branche.show',$item->id)}}">
                                @lang('front.more')
                                        @if (is_rtl())
                                        <i class="bx bx-left-arrow-alt"></i>
                                       @endif
                                        @if (!is_rtl())
                                        <i class="bx bx-right-arrow-alt"></i>
                                        @endif

                            </a>


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

                </div>

            </div>
        </section>
        <!-- Projects -->


        <!-- Counter -->
        <div class="counter-area ptb-100">
            <div class="container">
                <div class="counter-wrap">
                        {{-- <div class="counter-shape">
                            <img src="assets/img/counter-shape1.png" alt="Shape">
                            <img src="assets/img/counter-shape2.png" alt="Shape">
                        </div> --}}
                    <div class="row">

                        @foreach ($counters as $item)

                        <div class="col-6    col-sm-6 col-lg-4">
                            <div class="counter-item">
                                 {!!$item->icon !!}
                                <h3>
                                    <span class=" " >
                                        {{-- {{$item->value}} --}}
                                        <div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">

                                    </span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">{{$item->value}}</span></span></span></span></span></div></span>
                                </h3>
                                <p>{{render_post_title($item)}}</p>
                            </div>
                        </div>
                        @endforeach


                        {{-- <div class="col-6 col-sm-6 col-lg-3">
                            <div class="counter-item">
                                <i class="flaticon-like"></i>
                                <h3>
                                    <span class="odometer odometer-auto-theme" data-count="4269"><div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span></div></span>
                                </h3>
                                <p>Satisfied Clients</p>
                            </div>
                        </div> --}}

                        {{-- <div class="col-6 col-sm-6 col-lg-3">
                            <div class="counter-item">
                                <i class="flaticon-trophy"></i>
                                <h3>
                                    <span class="odometer odometer-auto-theme" data-count="6421"><div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span></div></span>
                                </h3>
                                <p>International Awards</p>
                            </div>
                        </div> --}}

                        {{-- <div class="col-6 col-sm-6 col-lg-3">
                            <div class="counter-item right-border">
                                <i class="flaticon-team"></i>
                                <h3>
                                    <span class="odometer odometer-auto-theme" data-count="3351"><div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span></div></span>
                                </h3>
                                <p>Team Members</p>
                            </div>
                        </div> --}}

                    </div>
                </div>
            </div>
        </div>
        <!-- End Counter -->

        <!-- Video -->

        <!-- End Video -->

        <!-- Works -->

        <!-- End Works -->

        <!-- Book -->
        <div class="book-area pb-100">
            <div class="container" >
                <div class="book-content" style="background-image: url({{render_multiple_image_path($appointment)}})">
                    <div class="book-shape">
                        {{-- <img src="{{render_multiple_image_path($appointment)}}" alt="Shape">
                        <img src="{{render_multiple_image_path($appointment)}}" alt="Shape"> --}}
                        {{-- <img src="assets/img/book-shape4.png" alt="Shape"> --}}
                    </div>
                    <h2>{{render_post_title($appointment)}}</h2>
                    <p>@lang('front.contact') <a href="tel:{{company()->phone1}}">{{company()->phone1}}</a></p>
                    <a class="common-btn" href="{{render_route('contact.index')}}">
                        @lang('front.more')
                        <span></span>
                    </a>
                </div>
            </div>
        </div>
        <!-- End Book -->



        <section class="testimonials-area-two ptb-100">
            <div class="container">
                <div class="section-title two">

                    <h2>
                        @lang('front.client')
                    </h2>
                </div>
                <div class="testimonials-slider owl-theme owl-carousel owl-loaded owl-drag">




                <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-12060px, 0px, 0px); transition: all; width: 18090px;">

                    @foreach ($clients as $item)

                    <div class="owl-item cloned" style="width: 1206px;"><div class="testimonials-item">
                        <h2>


                              {!!strip_tags(render_post_description($item))!!}


                        </h2>

                        <h3>{{$item?->name}}</h3>
                        <span>{{render_post_title($item)}}</span>
                        {{-- <i class="bx bxs-quote-alt-left bx-flip-horizontal"></i>    --}}
                    </div></div>
                    @endforeach






                </div></div><div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><i class="bx bx-left-arrow-alt"></i></button><button type="button" role="presentation" class="owl-next"><i class="bx bx-right-arrow-alt"></i></button></div><div class="owl-dots disabled"></div><div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><i class="bx bx-left-arrow-alt"></i></button><button type="button" role="presentation" class="owl-next"><i class="bx bx-right-arrow-alt"></i></button></div><div class="owl-dots disabled"></div></div>
            </div>
        </section>
        <!--=== Blog ===-->
        <section class="blog-area two pt-100 pb-70">
            <div class="container">
                <div class="section-title two">
                    {{-- <span class="sub-title">Latest News</span> --}}
                    <h2>@lang('front.event')</h2>
                </div>
                <div class="row justify-content-center">

                    @foreach ($events as $item)

                    <div class="col-sm-6 col-lg-4">
                        <div class="blog-item">
                            <div class="top">
                                <img src="{{ render_image_path($item->image) }}" alt="{{render_post_title($item)}}">
                            </div>
                            <div class="bottom">
                                <ul>

                                    <li>
                                        <i class="bx bx-calendar"></i>
                                     {{ \Carbon\Carbon::parse($item->date)->format('d F, Y') }}
                                    </li>
                                </ul>
                                <h3>
                                    <a href="{{render_route('event.show',$item->id)}}">
                                        {{render_post_title($item)}}
                                    </a>
                                </h3>
                                <p>
                                    {!!strip_tags(str()->words(render_post_description($item),20   ))!!}


                                </p>
                                <a class="blog-btn" href="{{render_route('event.show',$item->id)}}">

                                    @lang('front.more')
                                </a>
                            </div>
                        </div>
                    </div>
                    @endforeach




                </div>
            </div>
        </section>
        <!--=== End Blog ===-->

        <!-- Logo -->
        <div class="logo-area ptb-100">
            <div class="container">
                <div class="logo-slider owl-theme owl-carousel owl-loaded owl-drag">



                <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1814px, 0px, 0px); transition: 1s; width: 3888px;">

                    @foreach ($partners as $item)

                    <div class="owl-item cloned active" style="width: 259.2px;"><div class="logo-item">
                        <img src="{{render_multiple_image_path($item)}}" style="width: 259.2px;" alt="Partner Logo">
                    </div></div>
                    @endforeach







                </div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots disabled"></div></div>
            </div>
        </div>
        <!-- End Logo -->


@endsection
