@extends('frontend.mainlayout')
@section('title', 'Events (CSE 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 (CSE Department)</a>
          </div>
          <h1 class="fs-3 fs-sm-4 fw-400">Events (CSE 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' => 'Farewell of 2023',
              'folder' => '15.7.23 Farewell of 2023 batch',
              'images' => ['15.7.23 Farewell of 2023 batch-01.webp', '15.7.23 Farewell of 2023 batch-02.webp', '15.7.23 Farewell of 2023 batch-03.webp', '15.7.23 Farewell of 2023 batch-04.webp', '15.7.23 Farewell of 2023 batch-05.webp', '15.7.23 Farewell of 2023 batch-06.webp'],
          ],
          [
              'title' => 'Alumni Meet 2023',
              'folder' => '16.9.23 Alumni Meet',
              'images' => ['16.9.23 Alumni Meet-01.webp', '16.9.23 Alumni Meet-02.webp', '16.9.23 Alumni Meet-03.webp', '16.9.23 Alumni Meet-04.webp', '16.9.23 Alumni Meet-05.webp'],
          ],
          [
              'title' => 'Teachers Day Celebration 2023',
              'folder' => '5.9.23 Teachers Day Celebration',
              'images' => ['5.9.23 Teachers Day Celebration-01.webp', '5.9.23 Teachers Day Celebration-02.webp', '5.9.23 Teachers Day Celebration-03.webp', '5.9.23 Teachers Day Celebration-04.webp', '5.9.23 Teachers Day Celebration-05.webp', '5.9.23 Teachers Day Celebration-06.webp', '5.9.23 Teachers Day Celebration-07.webp'],
          ],
          [
              'title' => 'Cyber Security Seminar 2023',
              'folder' => '18-21.7.23 Cyber Security Seminar',
              'images' => ['18-21.7.23 Cyber Security Seminar-01.webp', '18-21.7.23 Cyber Security Seminar-02.webp', '18-21.7.23 Cyber Security Seminar-03.webp', '18-21.7.23 Cyber Security Seminar-04.webp', '18-21.7.23 Cyber Security Seminar-05.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/Computer Science & 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