@extends('dashboard_connect.dash_master')
@section('pagescontents')
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.0/dist/chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0/dist/chartjs-plugin-datalabels.min.js"></script>
	<!-- PAGE-HEADER -->
	<div class="page-header">
		<div>
			<h1 class="page-title">Photo Gallery</h1>
		</div>
		<div class="ms-auto pageheader-btn">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="javascript:void(0);">Dashboard</a></li>
				<li class="breadcrumb-item active" aria-current="page">Photo Gallery</li>
			</ol>
		</div>
	</div>
	<!-- PAGE-HEADER END -->

    <div class="row">
        <div class="col-xl-12 col-lg-12 col-md-12">
            <div class="card custom-card overflow-hidden">
                <div class="card-body p-3">
                    <div class="breadcrumb-main">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('super.photo.search', [$sessionid, $depaid, $societyid]) }}">Photo Gallery</a></li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                <form class="needs-validation" novalidate method="post" action="{{ route('super.photo.view') }}">
                @csrf               
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label for="sessionid" class="form-label text-muted">Select Session: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" id="sessionid" name="sessionid" data-placeholder="Select Session..." required>
                                    <option value="">Select Session</option>
                                    @foreach($actsession as $sessnm)
                                        @if($sessnm->sessaction == "Current")
                                            <option value="{{ $sessnm->sessionid }}" selected>{{ $sessnm->sessionid }}</option>
                                        @else
                                            <option value="{{ $sessnm->sessionid }}">{{ $sessnm->sessionid }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Please select session.</div>
                            </div>
                        </div>
                        <!--div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label for="depaid" class="form-label text-muted">Select Department: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Department" id="depaid" name="depaid" required>
                                    <option value="NA">Not Applicable</option>
                                    <option value="College">College Photo Gallery</option>
                                    @foreach($depamaster as $depanm)
                                        <option value={{ $depanm->id }} {{ $depanm->id == $depaid ? 'selected' : '' }}>{{ $depanm->department }}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Please select deartment.</div>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label for="societyid" class="form-label text-muted">Or Select Society: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Society" id="societyid" name="societyid" required>
                                    <option value="NA">Not Applicable</option>
                                    @foreach($societymaster as $socname)
                                        <option value={{ $socname->id }} {{ $socname->id == $societyid ? 'selected' : '' }}>{{ $socname->societyname }}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Please select society.</div>
                            </div>
                        </div-->                       
                    </div>
                    <div class="row p-5">
                        <div class="btn-list text-end">
                            <button class="btn btn-secondary" type="submit"><i class="fe fe-upload-cloud me-2"></i> View Photo Gallery</button>
                        </div>
                    </div>                    
                    @if(Session::has('status'))
                        <div class="row">
                            <div class="col-12">
                                <div class="alert alert-success" role="alert">
                                    <span class="alert-inner--icon me-2"><i class="fe fe-user-check"></i></span>
                                    <span class="alert-inner--text" style="font-weight: bold;">{{ session('status') }}</span>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if(Session::has('wrong'))
                        <div class="row">
                            <div class="col-12">
                                <div class="alert alert-danger" role="alert">
                                    <span class="alert-inner--icon me-2"><i class="fe fe-user-x"></i></span>
                                    <span class="alert-inner--text" style="font-weight: bold;">{{ session('wrong') }}</span>
                                </div>
                            </div>
                        </div>
                    @endif                                                        
                </form>
                </div>
            </div>
        </div>
    </div>
    @if(!empty($sessionid) && !empty($depaid) && !empty($societyid))
        <div class="demo-gallery card">
            <div class="card-header">
                <div class="card-title">College Photo Gallery</div>
            </div>
            <div class="card-body">
                <ul id="lightgallery" class="list-unstyled row">
                    @php
                        $intcount = 1;
                    @endphp
                    @foreach($photogallerydt as $keyone => $itemone)              
                        <li class="col-xs-6 col-sm-4 col-md-4 col-xl-4 mb-5 border-bottom-0" data-responsive="{{ url('/photogallery') }}" data-src="{{ url('photogallery/'.$itemone->filename) }}" data-sub-html="<h4>{{ $itemone->sessionid }}</h4><p>{{ $itemone->eventnewname }}<br>{{ $itemone->eventdt }}</p>">
                            <a href="javascript:void(0)">
                                <img class="img-responsive br-5 wp-100" src="{{ url('photogallery/'.$itemone->filename) }}" style="width: 430px; height: 290px; " alt="Thumb-1"><br><p style="text-align: center; font-weight: bold; color: black;">{{ $itemone->eventnewname }}</p>
                            </a>
                        </li>
                        @php
                            $intcount++;
                        @endphp
                    @endforeach                
                </ul>
            </div>
        </div>
        <!-- GALLERY DEMO CLOSED -->

        <!-- PAGINATION OPEN -->
        <div class="row mb-5">
            <div class="col-md-6 mt-1 d-none d-md-block">{{ $firstitem }} - {{ $lastitem }} of {{ $totrecord }} photos</div>
            <div class="col-md-6">
                <div class="float-end">
                    @if ($hasPages)
                        <ul class="pagination">
                            @if ($onFirstPage)
                                <li class="page-item page-prev disabled">
                                    <a class="page-link" href="#" tabindex="-1">Prev</a>
                                </li>
                            @else
                                <li class="page-item page-prev">
                                    <a class="page-link" href="{{ $prevpageurl }}" tabindex="-1">Prev</a>
                                </li>
                            @endif

                            {!! $photogallerydt->links() !!}

                            @if ($hasmorepages) 
                                <li class="page-item page-next">
                                    <a class="page-link" href="{{ $nextpageurl }}">Next</a>
                                </li>                         
                            @else 
                                <li class="page-item disabled">
                                    <a class="page-link" href="#">Next</a>
                                </li>                        
                            @endif
                        </ul>
                    @endif
                </div>
            </div><!-- COL-END -->
        </div>
        <!-- PAGINATION CLOSED -->
    @endif
</div>
</div>
</div>


@endsection