@extends('frontend.mainlayout')
@section('title', 'Events (ME Department)')
@section('banner')
  <section class="color-1 background-10 font-1 fw-400 py-6">
    <div class="container">
      <div class="row">
        <div class="col-lg-8">
          <div class="fs--1 font-1 mb-2">
            <a class="mr-2" href="/home">Home</a><span class="fa fa-angle-double-right color-6"></span>
            <a class="mx-2">Events (ME Department)</a>
          </div>
          <h1 class="fs-3 fs-sm-4 fw-400">Events (ME Department) </h1>
          {{-- <p class="lead color-4">Welcome to RERF Group of Institutions' NSS Cell,
					empowering students through
					community service and social impact.</p> --}}
        </div>
      </div>
      <!--/.row-->
    </div>
    <!--/.container-->
  </section>
@endsection
@section('main')
  <div style="" class="container py-5">
    @php
      $imageSets = [
          [
              'title' => 'International Conference on Material Science & Mechanical Engineering (ICMSME 2023)- ME',
              'folder' => 'ICMSME 2023',
              'images' => ['day 1.webp', 'day 11.webp', 'day 111.webp', 'day 111111.webp', 'day 1111111.webp', 'day 111111111111.webp', 'day 111111111111111.webp', 'day 1111111111111111.webp', 'day 11111111111111111.webp', 'day 111111111111111111.webp', 'IMG-20230119-WA0019.webp', 'IMG-20230119-WA0023.webp', 'IMG-20230119-WA0024.webp', 'IMG-20230119-WA0025.webp', 'IMG-20230119-WA0028.webp', 'IMG-20230119-WA0032.webp', 'IMG-20230119-WA0033.webp', 'IMG-20230119-WA0039.webp', 'IMG-20230119-WA0040.webp', 'IMG-20230119-WA0044.webp'],
          ],
          [
              'title' => "Techer's Day Celebration 2023",
              'folder' => "Teacher's Day ME Dept 2023",
              'images' => ['20230905_13630pmByGPSMapCamera.webp', '20230905_13811pmByGPSMapCamera.webp', '20230905_14624PMByGPSMapCamera.webp', '20230905_21556PMByGPSMapCamera.webp', '20230905_21729PMByGPSMapCamera.webp', '20230905_21835PMByGPSMapCamera.webp', '20230905_22029PMByGPSMapCamera.webp', '20230905_22111PMByGPSMapCamera.webp', '20230905_22245PMByGPSMapCamera.webp', '20230905_22651PMByGPSMapCamera.webp', '20230905_22925PMByGPSMapCamera.webp', '20230905_23253PMByGPSMapCamera.webp', '20230905_23434PMByGPSMapCamera.webp', '20230905_23548PMByGPSMapCamera.webp', '20230905_25231PMByGPSMapCamera.webp', '20230905_25307PMByGPSMapCamera.webp', 'IMG-20230905-WA0046.webp', 'IMG-20230905-WA0048.webp'],
          ],
      ];
    @endphp
    @foreach ($imageSets as $imageSet)
      <div class="row align-items-center font-1">
        <div class="col">
          <h5 class="mb-4">— {{ $imageSet['title'] }}</h5>
        </div>
      </div>
      <div class="row font-1 mt-5">
        <div class="col">
          <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round" data-dots="true" data-nav="false"
            data-items='{"0":{"items":2},"400":{"items":3}}' data-autoplay="true" data-margin="30" data-loop="true">
            @foreach ($imageSet['images'] as $image)
              @php $imageUrl = asset("/uploads/Events/Bachelor of Technology/Mechanical Engineering/{$imageSet['folder']}/" . $image); @endphp <div class="item"> <img class="radius-primary object-fit-cover"
                  src="{{ $imageUrl }}" alt="{{ $image }}" /> </div>
            @endforeach
          </div>
        </div>
      </div>
      <div class="pb-5"></div>
    @endforeach
    <div class="pb-5"></div>
</div> @endsection