@extends('front.layouts.master')
@section('title', isset($title) ? $title : 'Home')
@section('description', isset($description) ? $description : '')
@section('keywords', isset($keywords) ? $keywords : '')
@section('content')

<!-- Breadcrumb Area -->
  <div class="breadcrumb-area">
    <div class="container">
      <div class="breadcrumb-wrap text-center">
        <h2 class="page-title">{{ langConverter($workshop->en_title,$workshop->fr_title) }}</h2>
        <ul class="breadcrumb-pages">
          <li class="page-item"><a class="page-item-link" href="{{ route('front') }}">{{ __('Home') }}</a></li>
          <li class="page-item">{{ langConverter($workshop->en_title,$workshop->fr_title) }}</li>
        </ul>
      </div>
    </div>
  </div>
<!-- /Breadcrumb Area -->

<!-- Work Area -->
  <div class="about-us-area section">
    <div class="container">
      @foreach ($workshop->workshopData as $key => $workshopData)
      @if ($key % 2 == 0)
      <div class="row rscnMarBox">
        <div class="col-md-4">
          <img src="{{asset($workshopData->image_medium)}}" class="rscnMediaImg">
        </div>
        <div class="col-md-8">
          <div class="rscnMediaBox">
            <div class="rscnWorkViewTit">{{ langConverter($workshopData->en_title,$workshopData->fr_title) }}</div>
            <div class="rscnWorkViewDescription">{{ langConverter($workshopData->en_description, $workshopData->fr_description) }}</div>
          </div>
        </div>
      </div>
      @endif
      @if ($key % 2 != 0)
      <div class="row flex-row-reverse rscnMarBox">
        <div class="col-md-4">
          <img src="{{asset($workshopData->image_medium)}}" class="rscnMediaImg">
        </div>
        <div class="col-md-8">
          <div class="rscnMediaBox">
            <div class="rscnWorkViewTit">{{ langConverter($workshopData->en_title,$workshopData->fr_title) }}</div>
            <div class="rscnWorkViewDescription">{{ langConverter($workshopData->en_description, $workshopData->fr_description) }}</div>
          </div>
        </div>
      </div>
      @endif
      @endforeach
    </div>
  </div>
@endsection