@extends('frontend.mainlayout')
@section('title', 'NDLI Club')
@section('banner')
  <style>
    .item {
      display: flex;
      justify-content: start;
      align-items: center;
      font-weight: 600;
      margin-bottom: 5px
    }

    .item a {
      color: #292b2c;
      display: flex;
      align-items: center;

    }

    .item a:hover {
      text-decoration: none;
      color: #007aff;
      padding-left: 5px;
      transition: all;
      transition-duration: 0.5s;

    }
  </style>
  <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">NDLI Club</a>
          </div>
          <h1 class="fs-3 fs-sm-4 fw-400">NDLI Club</h1>
        </div>
      </div>
      <!--/.row-->
    </div>
    <!--/.container-->
  </section>
@endsection
@section('main')
  <div class="container">
    <div class="row font-1 py-5">
      <div class="col">
        <div data-dots="true" data-nav="false" data-items='{"0":{"items":2},"400":{"items":3}}' data-autoplay="true"
          data-margin="30" data-loop="true" class="owl-carousel owl-theme owl-nav-outer owl-dot-round">
          <div class="item"><img src="{{ url('/frontend/assets/images/ndli/1.jpg') }}"
              class="radius-primary object-fit-cover" /></div>
          <div class="item"><img src="{{ url('/frontend/assets/images/ndli/2.png') }}"
              class="radius-primary object-fit-cover" /></div>
          <div class="item"><img src="{{ url('/frontend/assets/images/ndli/3.png') }}"
              class="radius-primary object-fit-cover" /></div>
        </div>
      </div>
    </div>
    <div class="row align-items-center font-1">
      <div class="col font-1">
        @php
          $baseImagePath = '/uploads/ndli/';
          $docSets = [
              [
                  'title' => 'Notice ',
                  'folder' => 'Notice',
              ],
              [
                  'title' => 'Reports',
                  'folder' => 'Reports',
              ],
          ];
          function getImagesFromFolder($folder, $allowedExtensions = ['pdf'])
          {
              $directory = public_path("{$folder}/");
              return collect(File::files($directory))->filter(function ($file) use ($allowedExtensions) {
                  return in_array(strtolower($file->getExtension()), $allowedExtensions);
              });
          }
        @endphp
        @foreach ($docSets as $docSet)
          <div class="row align-items-center font-1">
            <div class="col">
              <h5 class="mb-4">— {{ $docSet['title'] }}</h5>
            </div>
          </div>
          <div class="row font-1">
            <div class="col">
              <ul style="list-style: circle">
                @foreach (getImagesFromFolder("{$baseImagePath}{$docSet['folder']}") as $file)
                  @php $docUrl = asset("{$baseImagePath}{$docSet['folder']}/" . $file->getFilename()); @endphp
                  <li class="item">
                    <a target="_blank" href="{{ $docUrl }}">
                      {{ pathinfo($file->getFilename(), PATHINFO_FILENAME) }}
                    </a>
                  </li>
                @endforeach
              </ul>
            </div>
          </div>
          <div class="pb-5"></div>
        @endforeach
        <div class="row">
          <div class="col-12">
            <h5 class="mb-4">— Members of NDLI Club</h5>
          </div>
          @php
            $staff_members = [
                [
                    'image_src' => '/uploads/ndli/images/MR. SUBHANKAR GHOSH, Patron, NDLI Club RERF.webp',
                    'name' => 'Mr. Subhankar Ghosh',
                    'role' => 'Patron',
                ],
                [
                    'image_src' => '/uploads/ndli/images/MR. BIDYUT KUMAR GHOSH, President, NDLI Club RERF.webp',
                    'name' => 'Mr. Bidyut Kumar Ghosh',
                    'role' => 'President ',
                ],
                [
                    'image_src' => '/uploads/ndli/images/Mr. Suprovat Basu, Secretary, NDLI Club RERF.webp',
                    'name' => 'Mr. Suprovat Basu',
                    'role' => 'Secretary',
                ],
                [
                    'image_src' => '/uploads/ndli/images/Dr. ARINDITA SAHA, Executive Member.webp',
                    'name' => 'Dr. Arindita Saha',
                    'role' => 'Executive Member',
                ],
                [
                    'image_src' => '/uploads/ndli/images/Mr. Sabyasachi Mukherjee, Executive Member.webp',
                    'name' => 'Mr. Sabyasachi Mukherjee',
                    'role' => 'Executive Member',
                ],
            ];
          @endphp
          @foreach ($staff_members as $staff_member)
            @php
              $role = isset($staff_member['role']) ? $staff_member['role'] : null;
              $designation = isset($staff_member['designation']) ? $staff_member['designation'] : null;
              $contact = isset($staff_member['contact']) ? $staff_member['contact'] : null;
            @endphp
            <div class="col-sm-6 col-md-4 col-lg-3 p-4 text-center">
              <img class="radius-round px-5" src="{{ rawurlencode($staff_member['image_src']) }}"
                alt="{{ $staff_member['name'] }}">
              <h5 class="fs-0 text-uppercase mb-1 mt-3">
                {{ $staff_member['name'] }}
              </h5>
              <div class="fs--1 color-6">
                @if ($role)
                  <span>{{ $role }}</span>
                @endif
                {{ $designation }}
                @if ($contact)
                  - <span>{{ $contact }}</span>
                @endif
              </div>
            </div>
          @endforeach
        </div>
      </div>
    </div>

  </div>
@endsection