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

<link rel="stylesheet" type="text/css" href="{!! asset('public/frontend/css/slick-theme.css')!!}"/>

    <!-- START homemainclassicslider REVOLUTION SLIDER 6.1.0 -->
    <rs-module-wrap id="rev_slider_1_1_wrapper" data-source="gallery">

        <rs-module id="rev_slider_1_1" data-version="6.1.0">

            <rs-slides>
                @foreach ($banners as $k=>$banner)

                <rs-slide data-key="rs-{{ $k }}" data-title="Slide" data-thumb="{{ $banner->image }}" data-anim="ei:d;eo:d;s:d;r:0;t:slotzoom-horizontal;sl:d;">

                    <img src="{{ $banner->image }}" title="{{ $banner->title }}" width="100%" height="600" class="rev-slidebg" data-no-retina>

                    <rs-layer id="slider-{{ $k }}-slide-{{ $k }}-layer-1"
                        class="tp-caption cmt-bgcolor-skincolor"
                        data-type="shape"
                        data-rsp_ch="on"
                        data-xy="x:l,l,l,c;xo:50px,50px,20px,-520px;y:t,t,t,t;yo:188px,188px,112px,0;"
                        data-frame_0="scaleX:0;y:100%;tp:600;"
                        data-frame_1="scaleX;1;tp:600;e:Power0.easeIn;st:660;sp:800;sR:660;"
                        data-frame_999="o:0;tp:600;st:w;sR:7640;"
                        style="z-index:48;">
                    </rs-layer>

                    <rs-layer id="slider-{{ $k }}-slide-{{ $k }}-layer-2"
                        data-type="text"
                        data-rsp_ch="on"
                        data-color="#fff"
                        data-xy="x:l,l,l,c;xo:100px,100px,70px,-520px;y:t,t,t,t;yo:176px,176px,102px,0;"
                        data-text="w:normal;s:18,18,18,18;l:28,28,28,28;a:left;fw:300;"
                        data-frame_0="scaleY:0;y:100%;tp:600;"
                        data-frame_1="scaleY;1;tp:600;e:Power0.easeIn;st:660;sp:800;sR:660;"
                        data-frame_999="o:0;tp:600;st:w;sR:7640;"
                        style="z-index:48;font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size: 48px;" >
                        {{-- style="z-index:48;font-family: 'Roboto', sans-serif; text-transform:uppercase;" > {!! $banner->title !!} --}}
                    </rs-layer>

                    <rs-layer id="slider-{{ $k }}-slide-{{ $k }}-layer-7"
                        data-type="text"
                        data-color="#fff"
                        data-rsp_ch="on"
                        data-xy="x:l,l,l,c;xo:50px,50px,20px,0;y:t,t,m,t;yo:221px,221px,-57px,86px;"
                        data-text="w:normal;s:59,59,49,35;l:60,60,50,38;a:left;fw:300;"
                        data-frame_0="y:100%;tp:600;"
                        data-frame_1="tp:600;e:Power0.easeIn;st:400;sp:800;sR:400;"
                        data-frame_999="o:0;tp:600;st:w;sR:7800;"
                        style="z-index:9;font-family: 'Roboto', sans-serif; text-transform:capitalize;"> <span class="font-27" style="background-color: rgba(0, 0, 0, 0.6); padding: 10px; border-radius: 4px;">{!! $banner->description !!}</span>
                    </rs-layer>
                    @if (!empty($banner->url) && !empty($banner->name))
                    <a id="slider-{{ $k }}-slide-{{ $k }}-layer-9"
                        class="rs-layer cmt-btn cmt-btn-size-md cmt-btn-shape-round cmt-btn-style-fill cmt-btn-color-skincolor"
                        href="{{ $banner->url }}"
                        target="_self"
                        data-type="button"
                        data-rsp_ch="on"
                        data-xy="x:l,l,l,c;xo:50px,50px,20px,0;y:b,b,m,m;yo:240px,240px,89px,61px;"
                        data-text="s:15;a:c;fw:600;"
                        data-border="bos:solid;boc:#FE0000;bow:1px,1px,1px,1px;"
                        data-frame_1="e:none;st:500;sp:1000;sR:500;"
                        data-frame_999="o:0;e:power4.inOut;st:w;sp:500;sR:7580;"
                        data-frame_hover="c:#FE0000;bow:1px,1px,1px,1px;boc:#FE0000;"
                        style="z-index:11;">{!! $banner->name !!}
                    </a>
                    @else

                    @endif
                    {{-- <a id="slider-{{ $k }}-slide-{{ $k }}-layer-9"
                        class="rs-layer cmt-btn cmt-btn-size-md cmt-btn-shape-round cmt-btn-style-fill cmt-btn-color-skincolor"
                        href="{{ $banner->url }}"
                        target="_self"
                        data-type="button"
                        data-rsp_ch="on"
                        data-xy="x:l,l,l,c;xo:50px,50px,20px,0;y:b,b,m,m;yo:240px,240px,89px,61px;"
                        data-text="s:15;a:c;fw:600;"
                        data-border="bos:solid;boc:#FE0000;bow:1px,1px,1px,1px;"
                        data-frame_1="e:none;st:500;sp:1000;sR:500;"
                        data-frame_999="o:0;e:power4.inOut;st:w;sp:500;sR:7580;"
                        data-frame_hover="c:#FE0000;bow:1px,1px,1px,1px;boc:#FE0000;"
                        style="z-index:11;">{!! $banner->name !!}
                    </a> --}}

               </rs-slide>

               @endforeach
            </rs-slides>
            <rs-progress class="rs-bottom" style="visibility: hidden !important;"></rs-progress>
        </rs-module>
    </rs-module-wrap>

    <section class="showcase mb-5">
        <marquee>
            @foreach ($marquees as $k=>$marquees)
            @if ($k==0)
                ...&nbsp;{{ $marquees->message }}&nbsp;...
            @else
                {{ $marquees->message }}&nbsp;...
            @endif
            @endforeach
        </marquee>
      </section>


    <!-- END REVOLUTION SLIDER -->

    <!--site-main start-->
    {{-- <div class="site-main">

      <!--Admission Cycle-->
      <section class="cmt-row conatact_2-section clearfix">
          <div class="container">
              <div class="row">
                <div class="col-xl-12 col-xs-12">
                    <div class="pt-15 res-991-pt-0">
                        <!-- section title -->
                        <div class="section-title">
                            <div class="title-header text-center">

                                <h2 class="title">Admission <strong>Cycle</strong></h2>
                            </div>
                        </div><!-- section title end -->

                        <div class="featuredbox-number">
                            <!--featured-icon-box-->
                            @foreach ($admission_cycles as $admission_cycle)
                            <div class="featured-icon-box icon-align-before-content icon-ver_align-top style1 border-1 p-3">
                                <div class="featured-icon">
                                    <div class="cmt-icon cmt-icon_element-fill cmt-icon_element-color-skincolor cmt-icon_element-size-xs cmt-icon_element-style-rounded bg-danger">
                                          <i class="cmt-num ti-info"></i>
                                    </div>
                                </div>
                                <div class="featured-content">
                                    <div class="featured-title">
                                        <h5>{!! $admission_cycle->name !!}</h5>
                                    </div>
                                    <div class="featured-desc">
                                        <p>{!! $admission_cycle->body !!}</p>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                            <!-- featured-icon-box end-->
                        </div>
                    </div>
                </div>
              </div><!-- row end -->
          </div>
      </section> --}}

      <!--Services-section-->
      <section class="cmt-row grid-section clearfix bg_color">
        <div class="container">
          <div class="section-title title-style-center_text">
              <div class="title-header">

                  <h2 class="title">Our  <strong> Services</strong></h2>
              </div>
          </div><!-- section title end -->
            <!-- row -->
            <div class="row">
                @foreach ($services as $service)
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <!-- featured-imagebox -->
                    <div class="featured-icon-box icon-align-top-content style4 bor_rad_5 text-center">
                        <div class="bg_icon"><i class="{!! $service->flaticon !!}"></i></div>
                        <div class="featured-icon">
                            <div class="cmt-icon cmt-icon_element-onlytxt cmt-icon_element-color-skincolor cmt-icon_element-size-lg">
                                <i class="{!! $service->flaticon !!}"></i>
                            </div>
                        </div>
                        <div class="featured-content">
                            <div class="content-inner">
                                <div class="featured-title">
                                    <h5>{!! $service->name !!}</h5>
                                </div>
                                {{-- <div class="featured-desc">
                                    <p>{!! $service->intro !!}</p>
                                </div> --}}
                            </div>
                            <a class="cmt-btn btn-inline cmt-btn-size-md cmt-icon-btn-left cmt-btn-color-skincolor" href="{!! "service-details/".$service->id !!}" title=""><i class="fa fa-minus"></i>View more info</a>
                        </div>
                    </div><!-- featured-imagebox end-->
                </div>
                @endforeach
            </div><!-- row end -->

            <div class="text-center">
                <a class="cmt-btn cmt-btn-size-xs cmt-btn-shape-round cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-dark mt-5" href="{!! url('service-list') !!}">View All<i class="ti ti-angle-right"></i></a>
              </div>

        </div>
    </section>
    <!--Services-section end-->

      <!--Numeric Counter-section end-->
      <section class="number-count">
        <div class="container">
          <div class="">
          <div class="col-xl-12 col-xs-12">
                <div class="pt-15 res-991-pt-0">

                          @foreach ($admission_cycle_image as $aci)
                              @if (!empty($aci->image))
                              <!-- section title -->
                              <div class="section-title">
                                  <div class="title-header text-center">

                                      <h2 class="title">Steps to <strong>Study Abroad</strong></h2>

                                  </div>
                              </div>
                              <!-- section title end -->
                              @else

                              @endif
                          @endforeach
                            {{-- <h2 class="title">Admission <strong>Cycle</strong></h2> --}}

                    <div class="featuredbox-number">

                        {{-- <img src="{{ asset("public/frontend/images/Infographic_28.02.2022.png")}}" alt="Girl in a jacket" style="max-width:100%; max-height:100%"> --}}
                        @foreach ($admission_cycle_image as $aci)

                        @if (!empty($aci->image))
                        <!--featured-icon-box-->
                        <div class="featured-icon-box icon-align-before-content icon-ver_align-top style1 border-1 p-3">
                            <div class="title-header text-center">
                                <div class="title-header">

                                    <img src="{!! $aci->image !!}" alt="{{ $aci->id }}" style="max-width:100%; max-height:100%">

                                </div>
                            </div>
                        </div>
                        <!-- featured-icon-box end-->
                        @else
                        @endif
                            {{-- <img src="{!! $aci->image !!}" alt="{{ $aci->id }}" style="max-width:100%; max-height:100%"> --}}
                        @endforeach
                    </div>
                </div>
            </div>
          </div>
        </div>
      </section>
      <!--Numeric Counter-section end-->


        <!--Countries-section start-->
        <section class="cmt-row services_row-section clearfix fix-height">
            <div class="container">

                <!-- row -->
                <div class="row">
                    <div class="col-lg-12 col-md-8 col-sm-9 col-11 m-auto">
                        <!-- section title -->
                        <div class="section-title title-style-center_text">
                            <div class="title-header">
                                <h2 class="title">Choose Your <strong> Destination!</strong></h2>
                            </div>
                        </div><!-- section title end -->
                    </div>
                </div>
                <!-- row end -->

                <!-- slick_slider -->


                <div class="portfolio-menu">
                    <ul>
                      <li class="active" data-filter="*">All</li>
                        @foreach ($country_services as $country_service)
                          <li data-filter=".{{ $country_service->id }}">{{ $country_service->name }}</li>
                        @endforeach

                    </ul>
                </div>

                <div class="portfolio-item">
                    @foreach ($countries as $country)

                    <div class="item {{ str_replace(',', ' ', $country->services_by_country) }}">


                          <!--featured-imagebox-->
                          <div class=" featured-imagebox-country style1 bor_rad_5">
                              <div class="cmt-box-view-content-inner">
                                  <!-- featured-thumbnail -->
                                  <div class="featured-thumbnail bor_rad_5">
                                      <a href="{{ "country-details/".$country->id }}" tabindex="-1">
                                          <img class="img-fluid" src="{{ $country->thumbnail }}" alt="{{ $country->name }}">
                                      </a>
                                  </div><!-- featured-thumbnail end-->
                                  <div class="featured-content">
                                      <div class="featured-content-icon_img-block">
                                          <img class="img-fluid" src="{{ $country->flag }}" alt="{{ $country->name }}">
                                      </div>
                                      <div class="featured-title">
                                          <h5><a href="{{ "country-details/".$country->id }}" tabindex="-1">{{ $country->name }}</a></h5>
                                      </div>
                                      <div class="featured-desc">
                                          <p>{{ $country->intro }}</p>
                                      </div>
                                      <a class="cmt-btn cmt-btn-size-sm btn-inline cmt-btn-color-skincolor" href="{{ "country-details/".$country->id }}" tabindex="-1">Read More</a>
                                  </div>
                              </div>
                          </div><!-- featured-imagebox end-->

                     </div>

                    @endforeach
                </div>
            </div>
        </section>
        <!--Countries-section end-->

        <!--Affiliated Schools-section start-->
        <section class="cmt-row services_row-section clearfix bg_color">
            <div class="container">
                <!-- row -->
                <div class="row">
                    <div class="col-lg-12">
                        <!-- section title -->
                        <div class="section-title title-style-center_text">
                            <div class="title-header">
                                {{-- <h5> School</h5> --}}
                                <h2 class="title">Partner   <strong>  Schools</strong></h2>
                            </div>
                        </div><!-- section title end -->
                    </div>
                </div>
                <!-- row end -->
                <!-- slick_slider -->



                <div class="wrapper-slider">
                  <!-- Контент -->
                  <div class="school-slider">
                    @foreach ($schools as $school)
                    <div class="slider__item">
                        <!--featured-imagebox-->
                        <div class="featured-imagebox featured-imagebox-services style2">
                            <div class="cmt-box-view-content-inner">
                                <!-- featured-thumbnail -->
                                <div class="featured-thumbnail">
                                    <a href="{{ "school-details/".$school->id }}" tabindex="-1"> <img class="img-fluid" src="{{ $school->thumbnail }}" alt="image"></a>
                                </div><!-- featured-thumbnail end-->
                                <div class="featured-content featured-content-box">
                                    <div class="featured-title">
                                        <h5><a href="{{ "school-details/".$school->id }}" tabindex="-1">{{ $school->name }}</a></h5>
                                    </div>
                                    <div class="featured-desc">
                                        <p>{{ $school->intro }}</p>
                                    </div>
                                </div>
                                <div class="bottom-footer">
                                    <a class="cmt-btn cmt-btn-size-md cmt-btn-shape-square cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-grey" href="{{ "school-details/".$school->id }}" tabindex="0">Read More<i class="fa fa-long-arrow-right"></i></a>
                                </div>
                            </div>
                        </div><!-- featured-imagebox end-->
                    </div>
                    @endforeach
                  </div>
                </div><!-- row end -->
                <div class="text-center mt-5">
                    <a class="cmt-btn cmt-btn-size-xs cmt-btn-shape-round cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-dark mt-5" href="{{ url('school-list') }}">View All School <i class="ti ti-angle-right"></i></a>
                </div>
            </div>
        </section>
        <!--Affiliated Schools-section end-->

        <!--Affiliated Colleges-section start-->
        <section class="cmt-row services_row-section clearfix">
            <div class="container">
                <!-- row -->
                <div class="row">
                    <div class="col-lg-12">
                        <!-- section title -->
                        <div class="section-title title-style-center_text">
                            <div class="title-header">
                                {{-- <h5> Colleges & Universities</h5> --}}
                                <h2 class="title">Partner <strong> Universities</strong></h2>
                            </div>
                        </div><!-- section title end -->
                    </div>
                </div><!-- row end -->
                <!-- slick_slider -->
                <div class="wrapper-slider">
                  <!-- Контент -->
                  <div class="colleges-slider">
                    @foreach ($colleges as $college)
                    <div class="slider__item">
                        <!--featured-imagebox-->
                        <div class="featured-imagebox featured-imagebox-services style2">
                            <div class="cmt-box-view-content-inner">
                                <!-- featured-thumbnail -->
                                <div class="featured-thumbnail">
                                    <a href="{{ "college-details/".$college->id }}" tabindex="-1"> <img class="img-fluid" src="{{ $college->thumbnail }}" alt="image"></a>
                                </div><!-- featured-thumbnail end-->
                                <div class="featured-content featured-content-box">
                                    <div class="featured-title">
                                        <h5><a href="{{ "college-details/".$college->id }}" tabindex="-1">{{ $college->name }}</a></h5>
                                    </div>
                                    <div class="featured-desc">
                                        <p>{{ $college->intro }}</p>
                                    </div>
                                </div>
                                <div class="bottom-footer">
                                    <a class="cmt-btn cmt-btn-size-md cmt-btn-shape-square cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-grey" href="{{ "college-details/".$college->id }}" tabindex="0">Read More<i class="fa fa-long-arrow-right"></i></a>
                                </div>
                            </div>
                        </div><!-- featured-imagebox end-->
                    </div>
                    @endforeach
                  </div>
                </div><!-- row end -->
                <div class="text-center mt-5">
                    <a class="cmt-btn cmt-btn-size-xs cmt-btn-shape-round cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-dark mt-5" href="{{ url('college-list') }}">View All Universities <i class="ti ti-angle-right"></i></a>
                </div>
            </div>
        </section>
        <!--Affiliated Colleges-section end-->



        <!--Numeric Counter-section end-->
        <section class="number-count">
          <div class="container">
            <div class="mt-30 mb-30 pt-20 pb-15 pl-30 res-991-pl-15 pr-15">

                <div class="row cmt-vertical_sep">
                    <div class="col-lg-4 col-md-4 col-sm-6 cmt-box-col-wrapper">
                        <!-- cmt-fid -->
                        <div class="cmt-fid inside cmt-fid-with-icon cmt-fid-view-lefticon">
                            <div class="cmt-fid-icon-wrapper cmt-textcolor-skincolor">
                                <i class="fa fa-calendar"></i>
                            </div>
                            <div class="cmt-fid-contents">
                                <h4 class="cmt-fid-inner">
                                    <span   data-appear-animation="animateDigits"
                                            data-from="0"
                                            data-to="{{ $statistics_counter->ex_year }}"
                                            data-interval="3"
                                            data-before=""
                                            data-before-style="sup"
                                            data-after=""
                                            data-after-style="sub"
                                            class="numinate">{{ $statistics_counter->ex_year }}
                                    </span>
                                    <sub>+</sub>
                                </h4>
                                <h3 class="cmt-fid-title">Years Of Experience</h3>
                            </div>
                        </div><!-- cmt-fid end -->
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 cmt-box-col-wrapper">
                        <!-- cmt-fid -->
                        <div class="cmt-fid inside cmt-fid-with-icon cmt-fid-view-lefticon">
                            <div class="cmt-fid-icon-wrapper cmt-textcolor-skincolor">
                                <i class="fa fa-smile-o"></i>
                            </div>
                            <div class="cmt-fid-contents">
                                <h4 class="cmt-fid-inner">
                                    <span   data-appear-animation="animateDigits"
                                            data-from="0"
                                            data-to="{{ $statistics_counter->happy_cus }}"
                                            data-interval="15"
                                            data-before=""
                                            data-before-style="sup"
                                            data-after=""
                                            data-after-style="sub"
                                            class="numinate">{{ $statistics_counter->happy_cus }}
                                    </span>
                                    <sub>+</sub>
                                </h4>
                                <h3 class="cmt-fid-title">Happy Customers</h3>
                            </div>
                        </div><!-- cmt-fid end -->
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 cmt-box-col-wrapper">
                        <!-- cmt-fid -->
                        <div class="cmt-fid inside cmt-fid-with-icon cmt-fid-view-lefticon">
                            <div class="cmt-fid-icon-wrapper cmt-textcolor-skincolor">
                                <i class="fa fa-user-plus"></i>
                            </div>
                            <div class="cmt-fid-contents">
                                <h4 class="cmt-fid-inner">
                                    <span   data-appear-animation="animateDigits"
                                            data-from="0"
                                            data-to="{{ $statistics_counter->new_cus }}"
                                            data-interval="15"
                                            data-before=""
                                            data-before-style="sup"
                                            data-after=""
                                            data-after-style="sub"
                                            class="numinate">{{ $statistics_counter->new_cus }}
                                    </span>
                                    <sub>+</sub>
                                </h4>
                                <h3 class="cmt-fid-title">New Customers</h3>
                            </div>
                        </div><!-- cmt-fid end -->
                    </div>
                </div>
            </div>
          </div>
        </section>
        <!--Numeric Counter-section end-->

        <!--TESTIMONIALS-section star-->
        <section class="cmt-row bg-layer-equal-height cmt-bg bg-img4 cmt-bgimage-yes clearfix">
            <div class="bg-anim-2 text-right">
                <img class="img-fluid" src="{{ asset("public/frontend/images/anim_img_02.png")}}" alt="">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <!-- col-img-img-three -->
                        <div class="col-bg-img-three cmt-col-bgimage-yes cmt-bg pt-100 pb-90">
                            <div class="cmt-col-wrapper-bg-layer cmt-bg-layer" style="background-image: url('{{ $testimonial_section->image }}')">
                                <div class="cmt-col-wrapper-bg-layer-inner"></div>
                            </div>
                            <div class="layer-content h-100">
                                <div class="d-flex justify-content-center align-items-center h-100">
                                    <div class="cmt-play-icon-btn">
                                        <div class="cmt-play-icon-animation">
                                            <a href="{{ $testimonial_section->url }}" target="_self" class="cmt_prettyphoto">
                                                <div class="cmt-icon cmt-icon_element-fill cmt-icon_element-color-skincolor cmt-icon_element-size-sm cmt-icon_element-style-round">
                                                    <i class="fa fa-play"></i>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- col-img-bg-img-one end-->
                    </div>
                    <div class="col-lg-6 col-xs-12">
                        <div class="cmt-col-bgcolor-yes cmt-bg cmt-bgcolor-white box-shadow spacing-3">
                            <div class="cmt-col-wrapper-bg-layer cmt-bg-layer">
                                <div class="cmt-col-wrapper-bg-layer-inner"></div>
                            </div>
                            <div class="layer-content">
                                <!-- section title -->
                                <div class="section-title title-style-center_text">
                                    <div class="title-header">
                                        {{-- <h5>TESTIMONIALS</h5> --}}
                                        <h2 class="title">What Our <strong>Client Says?</strong></h2>
                                    </div>
                                </div><!-- section title end -->
                                <div class="row slick_slider slick-dots-style1" data-slick='{"slidesToShow": 1, "slidesToScroll": 1, "dots":true, "arrows":false, "autoplay":true, "infinite":true,  "responsive": [{"breakpoint":991,"settings":{"slidesToShow": 1}}, {"breakpoint":550,"settings":{"slidesToShow": 1}}]}'>
                                    @foreach ($testimonials as $testimonial)
                                    <div class="col-lg-12">
                                        <!-- testimonials -->
                                        <div class="testimonials cmt-testimonial-box-view-style1">
                                            <div class="testimonial-content">
                                               <blockquote class="testimonial-text">{{ $testimonial->message }}</blockquote>
                                               @if (!empty($testimonial->video_url))
                                                <div class="cmt-play-icon-animation">
                                                <a href="{{ $testimonial->video_url }}" target="_self" class="cmt_prettyphoto">
                                                    <div class="cmt-icon cmt-icon_element-color-skincolor   cmt-icon_element-size-xl cmt-icon_element-style-round">
                                                        <i class="fa fa-play-circle" aria-hidden="true"></i>
                                                    </div>
                                                </a>
                                                </div>
                                               @else

                                               @endif
                                                <div class="testimonial-avatar">
                                                    <div class="testimonial-img">
                                                        <img class="img-fluid" src="{{ $testimonial->image }}" alt="testimonial-img">
                                                    </div>
                                                     <div class="testimonial-caption">
                                                        <h5>{{ $testimonial->name }}</h5>
                                                        <label>{!! $testimonial->country !!}</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- testimonials end -->
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- row end -->
            </div>
            <div class="bg-anim-1 mt_120">
                <img class="img-fluid" src={{ asset("public/frontend/images/anim_img_01.png") }} alt="">
            </div>
        </section>
        <!--TESTIMONIALS-section end-->


        <!--blog-section star-->
        <section class="cmt-row blog-section clearfix bg_color">
            <div class="container">
                <!-- row -->
                <div class="row align-items-center">
                    <div class="col-xl-9 col-lg-9 col-md-12">
                        <!-- section title -->
                        <div class="section-title">
                            <div class="title-header">
                                {{-- <h5>our latest news/blog</h5> --}}
                                <h2 class="title">Our Innovation in <strong>Global Immigration!</strong></h2>
                            </div>
                        </div><!-- section title end -->
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-12">
                        <a class="cmt-btn cmt-btn-size-xs cmt-btn-shape-round cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-dark mt-5 float-lg-right" href="{{ url("blog-list") }}">View More News</a>
                    </div>
                </div><!-- row end -->
                <!-- slick_slider -->
                <div class="row slick_slider mt-15" data-slick='{"slidesToShow": 3, "slidesToScroll": 1, "arrows":false, "autoplay":true, "infinite":true, "centerMode":true, "initialSlide":2, "centerPadding":0, "responsive": [{"breakpoint":870,"settings":{"slidesToShow": 2}}, {"breakpoint":540,"settings":{"slidesToShow": 1}}]}'>

                    @foreach ($blogs as $blog)
                    <div class="cmt-box-col-wrapper col-lg-12">
                        <!-- featured-imagebox-post -->
                        <div class="featured-imagebox featured-imagebox-post style3">
                            <div class="cmt-post-thumbnail featured-thumbnail">
                                <img class="img-fluid" src="{{ $blog->thumbnail }}" alt="{{ $blog->name }}">
                            </div>
                            <div class="featured-content featured-content-post">
                                <div class="post-header">
                                    <div class="post-title featured-title">
                                        <h5><a href="{{ "blog-details/".$blog->id }}">{{ $blog->name }}</a></h5>
                                    </div>
                                </div>
                                <div class="post-meta">
                                    <span class="cmt-meta-line byline">
                                        <img class="img-fluid" src="{{URL::to('/')}}/public/uploads/thumbnail/{{ \App\Models\User::where('id', $blog->updated_by)->first()->photo }}" alt="post-img /"> {{ \App\Models\User::where('id', $blog->updated_by)->first()->username }}
                                    </span>
                                    <span class="cmt-meta-line post-date"><i class="fa fa-calendar"></i>{{ date('d F Y', strtotime($blog->updated_at)) }}</span>
                                </div>
                                <div class="post-desc featured-desc">
                                    <p>{{ $blog->intro }}</p>
                                </div>
                                <div class="post-bottom cmt-post-link">
                                    <a class="cmt-btn cmt-btn-size-sm cmt-icon-btn-left cmt-btn-color-skincolor btn-inline" href="{{ "blog-details/".$blog->id }}" tabindex="0"><i class="fa fa-minus"></i>Read more</a>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-post end-->
                    </div>
                    @endforeach

                </div>
            </div>
        </section>
        <!--blog-section end-->

        <!--event-section star-->
        <section class="cmt-row blog-section clearfix">
            <div class="container">
                <!-- row -->
                <div class="row align-items-center">
                    <div class="col-xl-9 col-lg-9 col-md-12">
                        <!-- section title -->
                        <div class="section-title">
                            <div class="title-header">
                                {{-- <h5>Our Events</h5> --}}
                                <h2 class="title">Our <strong> Stories</strong></h2>
                            </div>
                        </div><!-- section title end -->
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-12">
                        <a class="cmt-btn cmt-btn-size-xs cmt-btn-shape-round cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-dark mt-5 float-lg-right" href="{{ url("event-list") }}">View More Event</a>
                    </div>
                </div><!-- row end -->
                <!-- slick_slider -->
                <div class="row slick_slider mt-15" data-slick='{"slidesToShow": 3, "slidesToScroll": 1, "arrows":false, "autoplay":true, "infinite":true, "centerMode":true, "initialSlide":2, "centerPadding":0, "responsive": [{"breakpoint":870,"settings":{"slidesToShow": 2}}, {"breakpoint":540,"settings":{"slidesToShow": 1}}]}'>
                    @foreach ($events as $event)
                    <!-- featured-imagebox-post -->
                    <div class="featured-imagebox featured-imagebox-post style3">
                        <div class="cmt-post-thumbnail featured-thumbnail">
                            <img class="img-fluid" src="{!! $event->image !!}" alt="image">
                        </div>
                        <div class="featured-content featured-content-post">
                            <div class="post-header">
                                <div class="post-title featured-title">
                                    <h5><a href="{{ "event-details/".$event->id }}">{{ $event->name }}</a></h5>
                                </div>
                            </div>
                            <div class="post-meta">
                                <span class="cmt-meta-line byline">
                                    <img class="img-fluid" src="{{URL::to('/')}}/public/uploads/thumbnail/{{ \App\Models\User::where('id', $event->updated_by)->first()->photo }}" alt="post-img /"> {{ \App\Models\User::where('id', $event->updated_by)->first()->username }}
                                </span>
                                <span class="cmt-meta-line post-date"><i class="fa fa-calendar"></i>{{ date('d F Y', strtotime($event->updated_at)) }}</span>
                            </div>
                            <div class="post-desc featured-desc">
                                <p>{{ $event->intro }}</p>
                            </div>
                            <div class="post-bottom cmt-post-link">
                                <a class="cmt-btn cmt-btn-size-sm cmt-icon-btn-left cmt-btn-color-skincolor btn-inline" href="{{ "event-details/".$event->id }}" tabindex="0"><i class="fa fa-minus"></i>Read more</a>
                            </div>
                        </div>
                    </div><!-- featured-imagebox-post end-->
                    @endforeach
                </div>
            </div>
        </section>
        <!--event-section end-->

        <!--Our Partners-section star-->
        <div class="cmt-row client-section cmt-bgcolor-grey cmt-bg cmt-bgimage-yes bg_color cmt-bg-pattern border-bottom clearfix">
            <div class="cmt-row-wrapper-bg-layer cmt-bg-layer"></div>
            <div class="container">
                <!-- row -->
                <div class="row">
                    <div class="col-lg-12">
                        <!-- section title -->
                        <div class="section-title title-style-center_text">
                            <div class="title-header">
                                {{-- <h5> School</h5> --}}
                                <h2 class="title mt-4 mb-4">Our Accrediation and  <strong>  Partner Institution</strong></h2>
                            </div>
                        </div><!-- section title end -->
                    </div>
                </div>
                <!-- row end -->
                <!-- row -->
                <div class="row text-center">
                    <div class="col-md-12">
                        <!-- slick_slider -->
                        <div class="wrapper-slider">
                          <!-- Контент -->
                          <div class="client-slider">
                            @foreach ($clients as $client)
                            <div class="slider__item">
                                <div class="cmt-client-logo-tooltip" data-tooltip="{{ $client->name }}">
                                    <div class="client-thumbnail">
                                        <img class="img-fluid" src="{{ $client->logo }}" alt="{{ $client->name }}">
                                    </div>
                                </div>
                            </div>
                            @endforeach
                          </div>
                        </div><!-- cmt-client end -->
                    </div>
                </div><!-- row end -->
            </div>
        </div>
        <!--Our Partners-section end-->

        <!--contact-section star-->
        <section class="cmt-row conatact_2-section clearfix">
            <div class="container">
                <div class="title-header">
                    {{-- <h5 class="text-danger">Countact Us</h5> --}}
                    <h2 class="title">Request A <strong>Call Back</strong></h2>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cmt-col-bgcolor-yes cmt-bg cmt-bgcolor-grey z-index-2 mt-0 box-shadow">
                            <div class="cmt-col-wrapper-bg-layer cmt-bg-layer"></div>
                            <div class="row">

                                <div class="col-lg-6">
                                    {!! Form::open(array('contact-form-submission' => 'form', 'url' => 'contact-form-submission', 'files' => true ,'class' => 'contact_form wrap-form pt-15 clearfix')) !!}
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <label>
                                                <span class="text-input"><input name="name" type="text" value="" placeholder="Your Name" required="required"></span>
                                            </label>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <label>
                                                <span class="text-input"><input name="email" type="email" value="" placeholder="Your Email" required="required"></span>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <label>
                                                <span class="text-input"><input name="phone" type="text" value="" placeholder="Phone Number" required="required"></span>
                                            </label>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <label>
                                                <span class="text-input"><input name="subject" type="text" value="" placeholder="Subject" required="required"></span>
                                            </label>
                                        </div>
                                    </div>
                                    <label>
                                        <span class="text-input"><textarea name="message" rows="5" placeholder="Message" required="required"></textarea></span>
                                    </label>
                                    <button class="cmt-btn cmt-btn-size-xs cmt-btn-shape-round cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-dark mt-5 w-100" type="submit">Submit !</button>
                                    {!! Form::close() !!}
                                    <br>
                                    @include('layouts.flash')
                                </div>
                                <div class="col-md-6">
                                  <div class="map mt-3">
                                    <iframe src="{{ $map->location }}" width="100%" height="363" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                                  </div>
                                  </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- row end -->
            </div>
        </section>
        <!--contact-section end-->


        <div class="cmt-row client-section cmt-bgcolor-grey cmt-bg cmt-bgimage-yes bg_color cmt-bg-pattern border-bottom clearfix">
            <div class="cmt-row-wrapper-bg-layer cmt-bg-layer"></div>
            <div class="container">


              <div class="title-header">
                  <h2 class="title">Partner <strong>Certificates</strong></h2>
                </div>
                <!-- row -->
                <div class="row text-center">
                    <div class="col-md-12">
                        <!-- slick_slider -->
                        <div class="wrapper-slider">
                          <!-- Контент -->
                          <div class="certificate-slider">
                            @foreach ($certificates as $certificate)
                            <div class="slider__item">
                                <div class="cmt-client-logo-tooltip" >
                                    <div class="client-thumbnail">
                                        <img class="img-fluid" src="{!! $certificate->image !!}" alt="{!! $certificate->name !!}">

                                    </div>
                                </div>
                            </div>
                            @endforeach
                          </div>
                        </div><!-- cmt-client end -->
                    </div>
                </div><!-- row end -->
            </div>
        </div>


        <section class="cmt-row cta_2-section cmt-bgcolor-skincolor bg-img8 cmt-bg cmt-bgimage-yes clearfix">
            <div class="cmt-row-wrapper-bg-layer cmt-bg-layer"></div>
            <div class="container">
                <!-- row -->
                <div class="row align-items-center">
                    <div class="col-md-4">
                        <div class="row-title">
                            <!-- section title -->
                            <div class="section-title">
                                <div class="title-header">
                                    <h4>Newsletter</h4>

                                </div>
                            </div><!-- section title end -->
                        </div>
                    </div>
                    <div class="col-md-8">
                      <form method="post" action="{{url('store-newsletter')}}">
                          @csrf
                        <div class="form-row">
                          <div class="col-md-8">
                            {{-- <input type="text" name="subscriberemail" class="form-control form-control-sm" placeholder="Subscribe"> --}}
                            <span class="text-input"><input name="subscriberemail" type="text" value="" placeholder="Your Email"></span>
                          </div>

                          <div class="col-md-4">
                            <button class="submit cmt-btn cmt-btn-size-lg cmt-btn-shape-rounded cmt-btn-style-border cmt-btn-color-dark w-100 subs" type="submit">Subscribe</button>
                          </div>
                        </div>
                      </form>
                    </div>
                </div><!-- row end -->
            </div>
        </section>


@endsection