@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">Syllabus</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">Syllabus</li>
			</ol>
		</div>
	</div>
	<!-- PAGE-HEADER END -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header border-bottom">
                    <h3 class="card-title">Create Syllabus</h3>                    
                </div>
                <div class="card-body">
                <form class="needs-validation" novalidate method="post" action="{{ route('depafaculty.syllabus.post') }}" enctype="multipart/form-data">
                @csrf               
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label for="photgallery" class="form-label text-muted">Syllabus For?: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Create Photo Gallery For?" id="photgallery" name="photgallery" required>
                                    <option value="">Select Option</option>
                                    <option value="Department" {{ $photgallery == "Department" ? 'selected' : '' }}>Department</option>
                                    <option value="Faculty" {{ $photgallery == "Faculty" ? 'selected' : '' }}>Faculty</option>
                                </select>
                                <div class="invalid-feedback">Please select option.</div>
                            </div>
                        </div>                        
                        <div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label for="sessionid" class="form-label text-muted">Select Year: <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 Year..." required>
                                    <option value="">Select Year</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="semester" class="form-label text-muted">Select Semester: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Semester" id="semester" name="semester" required>
                                    <option value="">Select Option</option>
                                    <option value="Semester I" {{ $semester == "Semester I" ? 'selected' : '' }}>Semester I</option>
                                    <option value="Semester II" {{ $semester == "Semester II" ? 'selected' : '' }}>Semester II</option>
                                    <option value="Semester III" {{ $semester == "Semester III" ? 'selected' : '' }}>Semester III</option>
                                    <option value="Semester IV" {{ $semester == "Semester IV" ? 'selected' : '' }}>Semester IV</option>
                                    <option value="Semester V" {{ $semester == "Semester V" ? 'selected' : '' }}>Semester V</option>
                                    <option value="Semester VI" {{ $semester == "Semester VI" ? 'selected' : '' }}>Semester VI</option>
                                    <option value="Semester VII" {{ $semester == "Semester VII" ? 'selected' : '' }}>Semester VII</option>
                                    <option value="Semester VIII" {{ $semester == "Semester VIII" ? 'selected' : '' }}>Semester VIII</option>
                                </select>
                                <div class="invalid-feedback">Please select semester.</div>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label for="subtype" class="form-label text-muted">Select Paper Type: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Paper Type" id="subtype" name="subtype" required>
                                    <option value="">Select Option</option>
                                    <option value="GE" {{ $subtype == "GE" ? 'selected' : '' }}>GE Paper</option>
                                    <option value="VAC" {{ $subtype == "VAC" ? 'selected' : '' }}>VAC Paper</option>
                                    <option value="SEC" {{ $subtype == "SEC" ? 'selected' : '' }}>SEC Paper</option>
                                    <option value="AEC" {{ $subtype == "AEC" ? 'selected' : '' }}>AEC Paper</option>
                                    <option value="DSE" {{ $subtype == "DSE" ? 'selected' : '' }}>DSE Paper</option>
                                    <option value="DSC" {{ $subtype == "DSC" ? 'selected' : '' }}>DSC Paper</option>
                                </select>
                                <div class="invalid-feedback">Please select paper type.</div>
                            </div>
                        </div>                                                
                        <div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label for="syllabustitle" class="form-label text-muted">Enter Syllabus Title: <font style="font-weight: bold; color: red;">**</font></label>
                                <input id="syllabustitle" name="syllabustitle" type="text" class="form-control text-dark" required>
                                <div class="invalid-feedback">Please enter syllabus title.</div>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label for="videolink" class="form-label text-muted">Video Link:</label>
                                <input id="videolink" name="videolink" type="text" class="form-control text-dark">
                            </div>
                        </div>
                        <!--div class="col-md-8 mb-3">
                            <div class="form-group">
                                <label for="newpics" class="form-label text-muted">Browse Video File: <font style="font-weight: bold; color: red;">**</font></label>
                                <input class="form-control file-input form-control-sm" id="syvideo" name="syvideo[]" type="file" multiple>
                            </div>
                        </div-->                                                
                        <div class="col-md-12 mb-3">
                            <div class="form-group">
                                <label for="pictures" class="form-label text-muted">Browse Syllabus (Only PDF File : File Size less than 1 MB): <font style="font-weight: bold; color: red;">**</font></label>
                                <input class="form-control file-input form-control-sm" id="galleryfile" name="galleryfile[]" type="file" accept="image/jpeg" multiple required>
                            </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> Upload Syllabus</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>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header border-bottom">
                    <h3 class="card-title">Syllabus Edit Details</b></h3>
                </div>
                <div class="card-body">
                    <form class="needs-validation" novalidate method="post" action="{{ route('depafaculty.syllabus.data') }}">
                    @csrf
                        <div class="row">
                            <div class="col-md-3 mb-3">
                                <div class="form-group">
                                    <select class="form-control select2-show-search form-select" id="sessionidext" name="sessionidext" data-placeholder="Select Year..." required>
                                        <option value="">Select Year</option>
                                        @foreach($actsession as $sessnm)
                                            <option value="{{ $sessnm->sessionid }}" {{ $sessnm->sessionid == $sessionidext ? 'selected' : '' }}>{{ $sessnm->sessionid }}</option>
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback">Please select session.</div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <button class="btn btn-primary btn-block" type="submit"><i class="fe fe-list me-2"></i> Click to View Report</button>
                            </div>
                        </div>
                    </form>
                    @if(!empty($sessionidext))
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="table-responsive">
                                    <table class="table text-nowrap table-bordered border-bottom w-100" id="responsive-datatable-2">
                                        <thead>
                                            <tr>
                                                <th class="wd-15p border-bottom-0">S. No.</th>
                                                <th class="wd-15p border-bottom-0">Type</th>
                                                <th class="wd-15p border-bottom-0">Semester</th>
                                                <th class="wd-15p border-bottom-0">Paper Type</th>
                                                <th class="wd-25p border-bottom-0">Faculty/Department Name</th>
                                                <th class="wd-15p border-bottom-0">Syllabus Title</th>
                                                <th class="wd-25p border-bottom-0">Video Link</th>
                                                <th class="wd-25p border-bottom-0">File</th>
                                                <th class="wd-25p border-bottom-0">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $intcount = 1;
                                            @endphp
                                            @foreach($restData as $keyone => $itemone)
                                                <tr>
                                                    <td>{{ $intcount }}</td>
                                                    <td>{{ $itemone['dtphotgallery'] }}</td>
                                                    <td>{{ $itemone['dtsemester'] }}</td>
                                                    <td>{{ $itemone['dtsubtype'] }}</td>
                                                    <td>
                                                        @if($itemone['dtphotgallery'] == "Department")
                                                            {{ getdepaname($itemone['dtdepaid']) }}
                                                        @elseif($itemone['dtphotgallery'] == "Individual")
                                                            {{ getstudata($itemone['dtfacultyid'], "NAME") }}
                                                        @else
                                                            ----
                                                        @endif
                                                    </td>
                                                    <td>{{ $itemone['dtsyllabustitle'] }}</td>
                                                    <td>{{ $itemone['dtvideolink'] }}</td>
                                                    <td>
                                                        <div class="row">
                                                            @if(!empty($itemone['finYear']))
                                                                @php
                                                                    $cntcount = 1;
                                                                @endphp
                                                                @foreach($itemone['finYear'] as $keyone)
                                                                    @php
                                                                        $pictureid = $keyone['picid'];
                                                                        $picfilename = $keyone['picfilename'];
                                                                    @endphp
                                                                        <div class="col-md-4" style="text-align: center; ">
                                                                            <a href="{{ url('facsyllabus/'.$picfilename) }}" download><i class="fe fe-download text-success"></i></a><br><p style="text-align: center; font-weight: bold; color: black; font-size: 10px;">File {{ $cntcount }}<br><a href="{{ route('factsyllabus.single.delete', [$pictureid, $picfilename]) }}"><i class="fe fe-trash-2 text-red"></i></a></p>
                                                                        </div>
                                                                    @php
                                                                        $cntcount++;
                                                                    @endphp                                                                                                                    
                                                                @endforeach
                                                            @else
                                                                <div class="col-md-12" style="text-align: center; ">
                                                                    No Content(s) Uploaded
                                                                </div>
                                                            @endif                             
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <a href="{{ route('factsyllabus.bulk.create', [$itemone['rowid'], $itemone['dtsaveby']]) }}" class="text-primary"><font style="font-size: 12px;"><i class="fe fe-folder-plus"></i> Add File(s)</font></a><br>
                                                        <a href="{{ route('factsyllabus.bulk.delete', [$itemone['rowid'], $itemone['dtsaveby']]) }}" class="text-danger"><font style="font-size: 12px;"><i class="fe fe-trash-2"></i> Delete Details</font></a>
                                                    </td>                                                    
                                                </tr>
                                            @php
                                                $intcount++;
                                            @endphp                                                
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>                    
            </div>
        </div>
    </div>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    
    <script type="text/javascript">
        $(document).ready(function(){
            $('#galleryfile').change(function(){
                var fp = $("#galleryfile");
                var lg = fp[0].files.length; 
                var items = fp[0].files;
                var fileSize = 0;
                var fileType = "";
                if (lg > 0) {
                    for (var i = 0; i < lg; i++) {
                        fileSize = fileSize+items[i].size;
                        fileType = fileType+items[i].type;
                    }
                    if(fileSize > 1048576 {
                            alert('Hi User! File size should be less than 1 MB');
                            $('#galleryfile').val('');
                    }
                    /*if(fileType !== "image/jpeg" || fileType !== "image/jpg") {
                            alert('Hi User! File type should be JPEG/JPG only');
                            $('#galleryfile').val('');
                    }*/                    
                }
            });
        });
    </script>

@endsection