@extends('frontend::layouts.master')

@section('title')

@section('style')

@endsection

@section('content')
        @if (!empty($data['banner']))
          @if (count($data['banner']) > 1)
              <div class="head-banner  carousel" data-dots="true" data-items="1" data-arrow="false" data-autoplay="true" data-loop="true">
          @endif
              @foreach ($data['banner'] as $banner)
                @if (count($data['banner']) > 1)
                  <div class="slide">
                @endif
                  <a href="{{  !empty($banner['link']) ? $banner['link'] : "#" }}">
                    @if (!empty($banner['image']))
                      <img src="{{ asset( $banner['image']) }}" class="w-100">
                    @endif
                  </a>
                  @if (count($data['banner']) > 1)
                      </div>
                  @endif
              @endforeach  
            @if (count($data['banner']) > 1)
                </div>
            @endif  
        @endif

        <div class="breadcrumb">
          <div class="container">
            <ul>
              <li><a href="{{ mwz_route('frontend.index') }}"><i class="fa-solid fa-house"></i></a></li>
              <li><a href="{{ mwz_route('frontend.about') }}">@lang('frontend::lang.about')</a></li>
            </ul>
          </div>
        </div>

          <!-- About Us -->
          @if (!empty($data['about']['company_des']))
            <section class="ab-1 text-edit p-t-30 p-b-30">
              <div class="container">
                <div class="row m-0">
                  {!! !empty($data['about']['company_des']) ? $data['about']['company_des'] : '' !!}
                </div>
              </div>
            </section>
          @endif

           <!-- About Us2 -->
           @if (!empty($data['about']['company_des_2']))
           <section class="ab-1 text-edit p-t-30 p-b-30">
             <div class="container">
               <div class="row m-0">
                 {!! !empty($data['about']['company_des_2']) ? $data['about']['company_des_2'] : '' !!}
               </div>
             </div>
           </section>
         @endif
          
          <!-- VDO Large -->
          @if (!empty($data['about']['url_clip']))
            <section class="ab-vdo">
              <div class="container">
                <div class="vdo">
                    {!! $data['about']['url_clip'] !!}
                </div>
              </div>
            </section>
          @endif

          <!-- About Banner Slide -->
        <section class="ceo">
          <div class="container">
              <div class="h-top-title">
                <h2 class="m-0">@lang('frontend::lang.founder') &amp; @lang('frontend::lang.ceo_of')</h2>
                <h2 class="h-sub">@lang('frontend::lang.would')</h2>
              </div>
            {{-- @if (!empty($data['about']['ceo']['name'])) --}}
              {{-- <div class="h-top-title"> --}}
                {{-- {!!  !empty($data['about']['ceo']['name']) ? $data['about']['ceo']['name'] : "" !!} --}}
            {{-- </div> --}}
            {{-- @endif --}}
            

            <div class="head-banner  carousel" data-dots="true" data-items="1" data-arrow="false" data-autoplay="true" data-loop="true">
              @if (!empty($data['about']['ceo']['image_1']))
                <div class="slide"><a href="{{ !empty($data['about']['ceo']['url_2']) ? $data['about']['ceo']['url_2'] : "" }}"><img src="{{ asset( $data['about']['ceo']['image_1']) }}"></a></div>
              @endif

              @if (!empty($data['about']['ceo']['image_2']))
                <div class="slide"><a href="{{ !empty($data['about']['ceo']['url_2']) ? $data['about']['ceo']['url_2'] : "" }}"><img src="{{ asset( $data['about']['ceo']['image_2']) }}"></a></div>
              @endif
            </div>

            @if (!empty($data['about']['ceo']['des']))
              <div class="detail p-t-30">
                <div class="row">
                  {!! $data['about']['ceo']['des'] !!}
                </div>
              </div>
            @endif
            

          </div>          
        </section>

        @if (!empty($data['about']['vision']))
          <section class="vision p-0">
            <div class="container">
              {!! $data['about']['vision'] !!}
            </div>
          </section>
        @endif
        

        @if (!empty($data['about']['mission']))
          <section class="mission p-t-0">
            <div class="container">
              {!! $data['about']['mission'] !!}
            </div>
          </section>
        @endif
        
        <section class="banner p-0">
          <a class="#">
            @if (!empty($data['banner_ads']))
              <img class="w-100" src="{{ asset(!empty($data['banner_ads'][0]['image']) ? $data['banner_ads'][0]['image'] : "" ) }}">
            @endif
          </a>
        </section>

@endsection

@section('script')

@endsection