@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">Department Society</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">Upload Department Society Files</h3>                    
                </div>
                <div class="card-body">
                <form class="needs-validation" novalidate method="post" action="{{ route('depafaculty.society.save') }}" enctype="multipart/form-data">
                @csrf
                    <input type="hidden" id="ttrowid" name="ttrowid" value="{{ $depasoctmasterdt->id }}">
                    <input type="hidden" id="ttsavedby" name="ttsavedby" value="{{ $dtsaveby }}">
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <div class="form-group">
                                <label for="photgallery" class="form-label text-muted">Society Name:<br><font style="font-weight: bold; color: red;">{{ getdepasoctname($depasoctmasterdt->societynm) }}</font></label>
                            </div>
                        </div>
                        <div class="col-md-12 mb-3">
                            <div class="form-group">
                                <label for="socintro" class="form-label text-muted">Society Introduction:</label>
                                <textarea class="form-control" maxlength="5000" id="socintro" name="socintro" rows="3" required>{{ $depasoctmasterdt->socintro }}</textarea>
                                <div class="invalid-feedback">Please enter introduction.</div>
                            </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):</label>
                                <input class="form-control file-input form-control-sm" id="galleryfile" name="galleryfile[]" type="file" accept="image/jpeg" multiple>
                            </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> Update Society Details</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>

    <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