@php

    use App\Institution;
    use App\Course;
    use App\Department;
    use App\ScrollingText;
    use App\Designation;
    use App\FeedbackQuestion;
    use App\FeedbackQuestionOption;
    use App\PageImage;

    $pageImages = PageImage::where('disp_section', '=', 'hhs')->orderBy('id', 'DESC')->get();
    $designations = Designation::orderBy('designation')->get();
    $scrollingText = ScrollingText::where(['section' => 'Grievances', 'active' => 'Yes'])->first();
    $year_start = date('Y');
    $year_end = $year_start + 6;
    $passout_year = 2013;

    // Peer Team Visit (Cycle 2)
    $basePath = '/uploads/IQAC/';
    $itemSets = [
        [
            'title' => 'Gimps of Peer Team Visit (Cycle-2)',
            'folder' => 'CYCLE - 2',
            'type' => 'image',
        ],
    ];
    function getItemsFromFolder($folder, $allowedExtensions = ['webp', 'jpg', 'jpeg', 'png', 'pdf', 'mp4'])
    {
        $directory = public_path("{$folder}/");
        return collect(File::files($directory))->filter(function ($file) use ($allowedExtensions) {
            return in_array(strtolower($file->getExtension()), $allowedExtensions);
        });
    }
@endphp

@extends('frontend.mainlayout')
<script src="assets/lib/remodal/dist/remodal.js"></script>
<link href="assets/lib/remodal/dist/remodal.css" rel="stylesheet" />
<link href="assets/lib/remodal/dist/remodal-default-theme.css" rel="stylesheet" />

<style>
    @media only screen and (min-width: 641px) {
        .remodal {
            max-width: 1000px !important;
        }
    }

    .hamburger {
        padding: 28px 15px !important;
    }

    .feedback-box:hover {
        background-color: #f2f2f2;
    }

    .sticky-top {
        z-index: 1030 !important;

    }

    .lb-nav a.lb-prev {
        background: url(frontend/assets/lib-images/prev.png) left 48% no-repeat !important;
    }

    .lb-nav a.lb-next {
        background: url(frontend/assets/lib-images/next.png) right 48% no-repeat !important;
    }
</style>
@section('title', 'IEI Student Chapter Committee')

@section('banner')
    <section class="color-1 background-10 font-1 fw-400 py-6">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <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">Peer Team Visit (Cycle 2)</a>
                    </div>
                    <h1 class="fs-3 fs-sm-4 fw-400">Peer Team Visit (Cycle 2)</h1>
                </div>
            </div>
            <!--/.row-->
        </div>
        <!--/.container-->
    </section>
@endsection

@section('main')

    <section class="font-1 py-5">
        <div class="container">
            <div style="" class="container py-5">
                @foreach ($itemSets as $itemSet)
                    <div class="row align-items-center font-1">
                        <div class="col">
                            <h5 class="mb-4">— {{ $itemSet['title'] }}</h5>
                        </div>
                    </div>
                    <div class="card-columns">
                        @foreach (getItemsFromFolder("{$basePath}{$itemSet['folder']}") as $file)
                            @php $itemUrl = asset(rawurlencode("{$basePath}{$itemSet['folder']}/" . $file->getFilename())); @endphp
                            <div class="card">
                                <a href="{{ $itemUrl }}" data-lightbox="gimps-of-peer-team-visit-cycle2"
                                    data-title="Gimps of Peer Team Visit (Cycle-2)">
                                    <img class="radius-primary" src="{{ $itemUrl }}"
                                        alt="{{ $itemSet['folder'] }} - {{ $file->getFilename() }}" />
                                </a>
                            </div>
                        @endforeach
                    </div>
                    {!! $loop->last ? '' : '<div class="mb-5"></div>' !!}
                @endforeach
            </div>
        </div>
    </section>
@endsection