@extends('frontend.mainlayout')
@section('title', 'Events (MCA 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 (MCA Department)</a>
                    </div>
                    <h1 class="fs-3 fs-sm-4 fw-400">Events (MCA 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">
        <!-- <div class="row border-color-8 align-items-center font-1">
           <div class="col">
            <div class="flexslider flexslider-simple mt-5">
             <ul class="slides">
              <li>
               <section class="color-white pt-9">
                <div class="background-holder">
                 <img class="radius-primary"
                  src="{{ url('/frontend/assets/images/nss/tree.png') }}">
                </div>
               </section>
              </li>
             </ul>
            </div>
           </div>
          </div> -->
        <!-- <div class="row font-1 py-5">
           <div class="col">
            <p class="fs-1 mb-4 text-justify">
             Our NSS Cell is a vibrant community of passionate students dedicated to
             making a positive impact on
             society. Through a wide array of community service initiatives, we aim to
             create a meaningful change,
             promoting social welfare, environmental conservation, and empowering those
             in need. Join us in our
             journey of selfless service, personal growth, and contributing to the
             greater good. Together, let's
             embrace the spirit of volunteerism and work towards building a brighter,
             more compassionate world.
            </p>
           </div>
          </div> -->
        <div class="row align-items-center font-1">
            <div class="col">
                <h5 class="mb-4">— Allumni Meet 2023:</h5>
            </div>
        </div>
        {{-- <div class="col mb-4">
            <p class="fs-1 font-1 text-justify">
                A farewell programme "ADIOS" was organized by the ECE department on 15th July 2023. The pass-out students of
                2023 Academic Year from ECE department were invited by ECE 2nd year,3rd year and 4th year students. All
                faculty members, Principal Sir, Pass-out students and current year students were present in this programme.
                All the members enjoyed the farewell programme "ADIOS" very much and that day will be a memorable one for
                all of us.
            </p>
        </div> --}}
        @php
            $mediaFiles = [
                'Allumni Meet 2023-01.mp4',
                'Allumni Meet 2023-01.webp',
                'Allumni Meet 2023-02.mp4',
                'Allumni Meet 2023-02.webp',
                'Allumni Meet 2023-03.mp4',
                'Allumni Meet 2023-03.webp',
                'Allumni Meet 2023-04.mp4',
                'Allumni Meet 2023-04.webp',
                'Allumni Meet 2023-05.mp4',
                'Allumni Meet 2023-05.webp',
                'Allumni Meet 2023-06.mp4',
                'Allumni Meet 2023-06.webp',
                'Allumni Meet 2023-07.mp4',
                'Allumni Meet 2023-07.webp',
                'Allumni Meet 2023-08.mp4',
                'Allumni Meet 2023-08.webp',
                'Allumni Meet 2023-09.mp4',
                'Allumni Meet 2023-09.webp',
                'Allumni Meet 2023-10.mp4',
                'Allumni Meet 2023-10.webp',
                'Allumni Meet 2023-11.mp4',
                'Allumni Meet 2023-11.webp',
                'Allumni Meet 2023-12.mp4',
                'Allumni Meet 2023-12.webp',
                'Allumni Meet 2023-13.mp4',
                'Allumni Meet 2023-13.webp',
                'Allumni Meet 2023-14.webp',
                'Allumni Meet 2023-15.webp',
                'Allumni Meet 2023-16.webp',
                'Allumni Meet 2023-17.webp',
                'Allumni Meet 2023-18.webp',
                'Allumni Meet 2023-19.webp',
                'Allumni Meet 2023-20.webp',
                'Allumni Meet 2023-21.webp',
                'Allumni Meet 2023-22.webp',
                'Allumni Meet 2023-23.webp',
                'Allumni Meet 2023-24.webp',
                'Allumni Meet 2023-25.webp',
                'Allumni Meet 2023-26.webp',
                'Allumni Meet 2023-27.webp',
                'Allumni Meet 2023-28.webp',
                'Allumni Meet 2023-29.webp',
                'Allumni Meet 2023-30.webp',
                'Allumni Meet 2023-31.webp',
                'Allumni Meet 2023-32.webp',
                'Allumni Meet 2023-33.webp',
                'Allumni Meet 2023-34.webp',
                'Allumni Meet 2023-35.webp',
                'Allumni Meet 2023-36.webp',
                'Allumni Meet 2023-37.webp',
                'Allumni Meet 2023-38.webp',
                'Allumni Meet 2023-39.webp',
                'Allumni Meet 2023-40.webp',
                'Allumni Meet 2023-41.webp',
            ];
        @endphp
        <style>
            .media-element {
                max-width: 100%;
                height: auto;
            }
        </style>
       <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 ($mediaFiles as $mediaFile)
                    @php
                        $fileUrl = asset('/uploads/Events/Department of Computer Application/Master of Computer Application/Master of Computer Application/' . $mediaFile);
                        $fileExtension = pathinfo($mediaFile, PATHINFO_EXTENSION);
                    @endphp
                    <div class="item">
                        @if (in_array($fileExtension, ['jpg', 'jpeg', 'png', 'gif', 'webp']))
                            <img class="media-element" loading="lazy" src="{{ $fileUrl }}" alt="{{ $mediaFile }}" />
                        @elseif (in_array($fileExtension, ['mp4', 'webm', 'ogg']))
                            <video class="media-element" controls>
                                <source src="{{ $fileUrl }}" loading="lazy" type="video/{{ $fileExtension }}">
                                Your browser does not support the video tag.
                            </video>
                        @endif
                    </div>
                @endforeach
            </div>
        </div>
    </div>
        <!-- <div class="row align-items-center font-1">
           <div class="col">
            <h6 class="fs-0 mb-4 mt-5">— Reports</h6>
           </div>
          </div> -->
        {{-- <div class="row align-items-center font-1">
			<div class="col">
				<h5 class="mb-4">— Members of NSS</h5>
			</div>
		</div>
		@php
			$members = [
				[
					'name' => 'Prabal Kumar Basak',
					'designation' => 'PO NSS',
					'image' => '/frontend/assets/images/nss/Members/Prabal kumar basak PO-NSS.webp',
				],
				[
					'name' => 'Barnita das',
					'designation' => 'Member NSS',
					'image' => '/frontend/assets/images/nss/Members/Barnita das Member-Nss.webp',
				],
				[
					'name' => 'Chinmay Majumder',
					'designation' => 'Member NSS',
					'image' => '/frontend/assets/images/nss/Members/Chinmay majumder Member-Nss.webp',
				],
				[
					'name' => 'Subhadeep Mondal',
					'designation' => 'Member NSS',
					'image' => '/frontend/assets/images/nss/Members/Subhadeep mondal Member-Nss.webp',
				],
			];
		@endphp
		<div class="row">
			@foreach ($members as $member)
				<div class="col-sm-6 col-md-4 col-lg-3 p-4">
					<img class="radius-round px-5" src="{{ asset($member['image']) }}"
						alt={{ $member['name'] }}>
					<div style="text-align: center">
						<h5 class="fs-0 mb-1 mt-3">{{ $member['name'] }}</h5>
						<div class="fs--1 color-6 text-uppercase font-1">
							{{ $member['designation'] }}
						</div>
					</div>
				</div>
			@endforeach
		</div> --}}
        <div class="pb-5"></div>
    </div>
@endsection