@extends('frontend.mainlayout')
@section('title', 'Events (EE 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 (EE Department)</a>
          </div>
          <h1 class="fs-3 fs-sm-4 fw-400">Events (EE 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
      $baseImagePath = 'uploads/Events/Bachelor of Technology/Electrical Engineering/';
      $imageSets = [
          [
              'title' => "TEACHERS' DAY 2K23",
              'folder' => "TEACHERS' DAY 2K23",
          ],
      ];
      function getImagesFromFolder($folder, $allowedExtensions = ['webp', 'jpg', 'jpeg', 'png'])
      {
          $directory = public_path("{$folder}/");
          return collect(File::files($directory))->filter(function ($file) use ($allowedExtensions) {
              return in_array(strtolower($file->getExtension()), $allowedExtensions);
          });
      }
    @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 (getImagesFromFolder("{$baseImagePath}{$imageSet['folder']}") as $file)
              @php $imageUrl = asset("{$baseImagePath}{$imageSet['folder']}/" . $file->getFilename()); @endphp
              <div class="item">
                <img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                  alt="{{ $imageSet['folder'] }} - {{ $file->getFilename() }}" />
              </div>
            @endforeach
          </div>
        </div>
      </div>
      <div class="pb-5"></div>
    @endforeach
    <div class="pb-5"></div>
  </div>
@endsection