@extends('frontEnd.layout')
@section('content')
<div class="breadcrumb">
  <img src="{{ URL::asset('img/bg-breadcrumb-3.png') }}" alt="">
  <div class="container">
    <div class="breadcrumb-inner">
      <h1>{{ $courses->{"title_" . @Helper::currentLanguage()->code} }}</h1>
      <div class="d-flex align-items-center">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M22.1836 11.8364L13.1274 2.7848L12.5204 2.17777C12.382 2.04037 12.195 1.96326 12 1.96326C11.8051 1.96326 11.618 2.04037 11.4797 2.17777L1.81645 11.8364C1.67473 11.9775 1.56272 12.1457 1.48705 12.3308C1.41137 12.516 1.37355 12.7145 1.37583 12.9145C1.3852 13.7395 2.07192 14.3981 2.89692 14.3981H3.89302V22.0317H20.1071V14.3981H21.1243C21.525 14.3981 21.9024 14.241 22.186 13.9575C22.3256 13.8183 22.4363 13.6528 22.5115 13.4705C22.5867 13.2883 22.6251 13.0929 22.6243 12.8957C22.6243 12.4973 22.4672 12.12 22.1836 11.8364ZM13.3125 20.3442H10.6875V15.5629H13.3125V20.3442ZM18.4196 12.7106V20.3442H14.8125V15.0004C14.8125 14.4825 14.393 14.0629 13.875 14.0629H10.125C9.60708 14.0629 9.18755 14.4825 9.18755 15.0004V20.3442H5.58052V12.7106H3.33052L12.0024 4.04574L12.5438 4.58714L20.6719 12.7106H18.4196Z" fill="white" />
        </svg>
        <a href="">{{ __('frontend.title_home') }}</a> <span>/</span>
        <span>{{ $courses->{"title_" . @Helper::currentLanguage()->code} }}</span>
      </div>
    </div>
  </div>
</div>
<section class="courses">
  <div class="container">
    @if(  $courses)
      @if(!$courses->topicOfCategorys->isEmpty())
      @foreach($courses->topicOfCategorys as $key => $course)
        @if($key%2)
          <div class="row mt-5 mb-5">
            <div class="col-md-6">
              <div class="fields-banner">
                <a href="">
                  <div class="hover-img">
                    <figure>
                      <img src="{{ URL::to('uploads/topics/'.$course->photo_file) }}" alt="">
                    </figure>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-6 fields-right">
              <h3 class="fields-title"> {{ $course->{"title_" . @Helper::currentLanguage()->code} }}</h3>
              <div class="content">
                <p>{{ $course->{"seo_description_" . @Helper::currentLanguage()->code} }}</p>
              </div>
              <a href="{{ route('courses.detail',[$courses->{'seo_url_slug_' . @Helper::currentLanguage()->code},$course->{'seo_url_slug_' . @Helper::currentLanguage()->code}]) }}" class="btn btn-main mt-3">
                <span>{{ __('frontend.readMore') }}</span>
                <i class="fas fa-arrow-right ms-2"></i>
              </a>

            </div>
          </div>
        @else
          <div class="row mt-5 mb-5">
            <div class="col-md-6">
              <div class="fields-banner">
                <a href="">
                  <div class="hover-img">
                    <figure>
                      <img src="{{ URL::to('uploads/topics/'.$course->photo_file) }}" alt="">
                    </figure>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-6 fields-right">
              <h3 class="fields-title">{{ $course->{"title_" . @Helper::currentLanguage()->code} }}</h3>
              <div class="content">
              <p>{{ $course->{"seo_description_" . @Helper::currentLanguage()->code} }}</p>
              </div>
              <a href="{{ route('courses.detail',[$courses->{'seo_url_slug_' . @Helper::currentLanguage()->code},$course->{'seo_url_slug_' . @Helper::currentLanguage()->code}]) }}" class="btn btn-main mt-3">
                <span>{{ __('frontend.readMore') }}</span>
                <i class="fas fa-arrow-right ms-2"></i>
              </a>

            </div>
          </div>
        @endif  
        @endforeach
      @endif
    @endif
  </div>
</section>