@extends('layouts.app')
@section('title')
    <title>{{$field->{'name_'.$lang} }}</title>
    <meta name="title" content="{{$field->{'name_'.$lang} .' | '.$configration->app_name}}" />
    <meta name="description" content="{{$field->{'name_'.$lang} .' | '.$configration->app_name}}" />
@endsection
@section('content')
  <!-- bread crumb area -->
    <div class="rts-bread-crumbarea-1 rts-section-gap bg_image">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-main-wrapper">
                        <h1 class="title">{{$field->{'name_'.$lang} }}</h1>
                        <!-- breadcrumb pagination area -->
                        <div class="pagination-wrapper">
                            <a href="{{url('/')}}">@lang('home.home')</a>
                            <i class="fa-regular fa-chevron-right"></i>
                            <a class="active">{{__('home.courses')}}</a>
                        </div>
                        <!-- breadcrumb pagination area end -->
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if(count($field->courses) > 0)
    <!-- course area start -->
    <div class="rts-course-default-area rts-section-gap">
        <div class="container">
            <form id="filter_form">
                <div class="row g-5">
                    <div class="col-lg-12">
                        <!-- filter top-area end -->
                            <div class="tab-content" id="myTabContent">
                                <div class="row g-5 mb-5">
                                    @foreach ($field->courses as $course)
                                        <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                                            <!-- single course style two -->
                                            <div class="single-course-style-three">
                                                <a  href="{{ route('courses.trainings',$course->{'link_'.$lang})  }}" class="thumbnail">
                                                    <img
                                                    @if($lang=="en")
                                                        src="{{ isset($course->image_en) ? Helper::uploadedImagesPath('courses/source', $course->image_en) : Helper::imageFilesPath('noimage.png') }}" 
                                                    @else
                                                        src="{{ isset($course->image) ? Helper::uploadedImagesPath('courses/source', $course->image) : Helper::imageFilesPath('noimage.png') }}" 
                                                    @endif
                                                    alt="{{ $course->{'name_' . $lang} }}">
                                                    <div class="tag-thumb">
                                                        <span>{{ $field->{'name_'.$lang} }}</span>
                                                    </div>
                                                </a>
                                                <div class="body-area">
                                                    <a href="{{ route('courses.trainings',$course->{'link_'.$lang})  }}">
                                                        <h5 class="title">{{ $course->{'name_' . $lang} }}</h5>
                                                    </a>
                                                     <div class="button-area">
                                                            <a href="{{ LaravelLocalization::localizeUrl('courses/' . $course->{'link_'.$lang}) }}"   class="rts-btn btn-primary px-3 py-2 ">  {{ trans('home.register_now') }}  </a>
                                                         </div>
                                                    <div class="course-content-area">
                                                        <h6 class="heading-title">
                                                            <a    href="{{ route('courses.trainings',$course->{'link_'.$lang})  }}">{{ $course->{'name_' . $lang} ?? '' }}</a>
                                                        </h6>
                                                        <p class=' mb-3 rounded d-inline-block p-2 border '>{{ $course->field->{'name_' . $lang} }}</p>
                                                 
                                                        <div class="button-area">
                                                            <a href="javascript:void(0)" data-course_id="{{$course->id}}" class="rts-btn btn-primary addToCart">@lang('home.Add to Cart')</a>
                                                            <a href="javascript:void(0)" data-course_id="{{$course->id}}" class="addToWislist wishlist-btn"><i class="fa-thin fa-circle-heart"></i></a>
                                                        </div>
                                                        <div class="shape">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- single course style two end -->
                                        </div>                                    
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- course area end -->
    @else
        <div class="col-md-12 col-lg-12 col-xl-12 mb-3 text-center">
            <img  src="{{ Helper::imageFilesPath('no_data.png')}}"width="400" alt="no data image">
            <h4>{{trans('home.no data found in this page')}}</h4>
        </div>
    @endif

@endsection