@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 - Update</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.list') }}">Photo Gallery - Update</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.list.view') }}">
                @csrf               
                    <div class="row">
                        <div class="col-md-6 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)
                                        <option value="{{ $sessnm->sessionid }}" {{ $sessnm->sessionid == $sessionid ? 'selected' : '' }}>{{ $sessnm->sessionid }}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Please select session.</div>
                            </div>
                        </div>
                        <!--div class="col-md-6 mb-3">
                            <div class="form-group">
                                <label for="depaid" class="form-label text-muted">Or 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-6 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 class="col-md-6 mb-3">
                            <div class="form-group">
                                <label for="eventid" class="form-label text-muted">Or Select Event Name: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Event Name" id="eventid" name="eventid" required>
                                    <option value="NA">Not Applicable</option>
                                    @foreach($eventmaster as $evtname)
                                        <option value="{{ $evtname->eventnewname }}" {{ $evtname->eventnewname == $eventid ? 'selected' : '' }}>{{ $evtname->eventnewname }}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Please select event name.</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 Data</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) && !empty($eventid))
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header border-bottom">
                        <h3 class="card-title">Phot Gallery Data - Edit/ Delete</h3>                    
                    </div>
                    <div class="card-body">
                        <div class="row p-5">
                            <div class="table-responsive">
                                <table class="table table-bordered border-bottom w-100" id="responsive-datatable">
                                    <thead>
                                        <tr>
                                            <th class="wd-25p border-bottom-0">Session</th>
                                            <th class="wd-25p border-bottom-0">Event Name</th>
                                            <th class="wd-15p border-bottom-0">Created On</th>
                                            <th class="wd-15p border-bottom-0">View Photo</th>
                                            <th class="wd-10p border-bottom-0" style="text-align: center;">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($restData as $keyone => $itemone)                                                    
                                            <tr>
                                                <td>{{ $itemone['phsessionid'] }}</td>
                                                <td>{{ $itemone['pheventnewname'] }}</td>
                                                <td>{{ Carbon\Carbon::parse($itemone['phcreatedat'])->format('d.M.Y') }}</td>
                                                <td>
                                                    <div class="row">
                                                        @php
                                                            $intcount = 1;
                                                        @endphp                                                    
                                                        @foreach($itemone['finYear'] as $keyone)
                                                            @php
                                                                $pictureid = $keyone['picid'];
                                                                $picfilename = $keyone['picfilename'];
                                                            @endphp
                                                            <div class="col-md-3">
                                                                <a href="{{ url('photogallery/'.$picfilename) }}" target="_new"><img class="img-responsive br-5 wp-100" src="{{ url('photogallery/'.$picfilename) }}" style="width: 80px; height: 60px; " alt="{{ $itemone['pheventnewname'] }}"></a><br><p style="text-align: center; font-weight: bold; color: black; font-size: 10px;">{{ $itemone['pheventnewname'] }}<br><a href="{{ route('gallery.single.delete', [$pictureid, $picfilename]) }}"><i class="fe fe-trash-2 text-red"></i></a></p>
                                                            </div>
                                                            @php
                                                                $intcount++;
                                                            @endphp                                                    
                                                        @endforeach
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="{{ route('gallery.bulk.create', [$itemone['phdepaid'], $itemone['phgroupid']]) }}" class="text-primary"><font style="font-size: 12px;"><i class="fe fe-folder-plus"></i> Add Pic(s)</font></a><br>
                                                    <a href="{{ route('photo.gallery.edit', $itemone['rowid']) }}" class="text-secondary"><font style="font-size: 12px;"><i class="fe fe-edit-2"></i> Edit Details</font></a><br>
                                                    <a href="{{ route('gallery.bulk.delete', [$itemone['rowid'], $itemone['phgroupid']]) }}" class="text-danger"><font style="font-size: 12px;"><i class="fe fe-trash-2"></i> Delete Details</font></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>                
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection