@extends('dashboard_connect.dash_master')
@section('pagescontents')
	<!-- PAGE-HEADER -->
	<div class="page-header">
		<div>
			<h1 class="page-title">Faculty Achievements</h1>
		</div>
		<div class="ms-auto pageheader-btn">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="javascript:void(0);">Faculty Profile</a></li>
				<li class="breadcrumb-item active" aria-current="page">Faculty Achievements/ Activities</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">Add Faculty Achievements/ Activities</h3>
                    <div class="card-options">
                        <a class="btn btn-primary btn-sm ms-2" href="{{ route('research.facachieve.report') }}"><i class="fa fa-list-ul" data-bs-toggle="tooltip" title="fa fa-list-ul"></i> View Faculty Achievements Report</a>
                        <button aria-controls="offcanvasWithBothOptions" class="btn btn-red" data-bs-target="#offcanvasWithBothOptions" data-bs-toggle="offcanvas" type="button"><i class="fe fe-help-circle" data-bs-toggle="tooltip" title="fe fe-help-circle"></i> Help</button>
                        <div aria-labelledby="offcanvasWithBothOptionsLabel" class="offcanvas offcanvas-start" data-bs-scroll="true" id="offcanvasWithBothOptions" tabindex="-1">
                            <div class="offcanvas-header">
                                <h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel"><font style="font-weight: bold; color: black;"><i class="fe fe-help-circle" data-bs-toggle="tooltip" title="fe fe-help-circle"></i> Help Manual</font></h5><button aria-label="Close" class="btn-close text-reset" data-bs-dismiss="offcanvas" type="button"><span aria-hidden="true">&times;</span></button>
                            </div>
                            <div class="offcanvas-body" style="font-size: 14px;">
                                <p style="text-align: justify;">
                                    <font style="color: red;">** - Mandatory fields!</font>
                                    <br><br><font style="color: red;">Upload Achievement Proof</font><br><font style="color: black;">Upload only pdf or jpg/ jpeg or gif file, file size should be less than 5MB.</font>
                                </p>
                            </div>
                        </div>                                                                                                
                    </div>
                </div>
                <div class="card-body">
                <form role="form" method="post" action="{{ route('research.facachieve.save') }}" enctype="multipart/form-data">
                @csrf
                    @php
                        $curryear = \Carbon\Carbon::now()->year;
                    @endphp                                
                    <div class="row p-5">
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="session" class="form-label text-muted">Select Year: <font style="font-weight: bold; color: red;">**</font></label>
                                <div class="input-group">
                                    <select class="form-control select2-show-search form-select" data-placeholder="Select Year" id="session" name="session">
                                        <option value="">Select Year</option>
                                        @php
                                            getyear($curryear);
                                        @endphp
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="categachieve" class="form-label text-muted">Select Achievement/ Activities: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Achievement/ Activities" id="categachieve" name="categachieve">
                                    <option value="">Select Achievement/ Activities</option>
                                    @foreach($achcategorydata as $achval)
                                        <option value={{ $achval->id }} {{ $achval->id == $categachieve ? 'selected' : '' }}>{{ $achval->categachieve }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="roledesig" class="form-label text-muted">Role: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Role" id="roledesig" name="roledesig">
                                    <option value="">Select Role</option>
                                    @foreach($roledesigdata as $roleval)
                                        <option value={{ $roleval->id }} {{ $roleval->id == $roledesig ? 'selected' : '' }}>{{ $roleval->roledesig }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="achlevel" class="form-label text-muted">National/ International etc.: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="National/ International/ University/ College etc." id="achlevel" name="achlevel">
                                    <option value="">Select National/ International/ University/ College etc.</option>
                                    @foreach($leveldata as $levelval)
                                        <option value={{ $levelval->id }} {{ $levelval->id == $achlevel ? 'selected' : '' }}>{{ $levelval->newlevel }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>                        
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="dofrom" class="form-label text-muted">Date From: <font style="font-weight: bold; color: red;">**</font></label>
                                <div class="input-group">
                                    <div id="ps-datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
                                        <span class="input-group-addon input-group-text bg-primary-transparent"><i class="fe fe-calendar text-primary-dark"></i></span>
                                        <input id="project-start-date" name="dofrom" class="form-control" type="text" placeholder="Select From Date"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="dotofrom" class="form-label text-muted">Date To: <font style="font-weight: bold; color: red;">**</font></label>
                                <div class="input-group">
                                    <div id="pe-datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
                                        <span class="input-group-addon input-group-text bg-primary-transparent"><i class="fe fe-calendar text-primary-dark"></i></span>
                                        <input id="project-end-date" name="dotofrom" class="form-control" type="text" placeholder="Select To Date"/>
                                    </div>
                                </div>
                            </div>
                        </div>                        
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="eventname" class="form-label text-muted">Name of the Event or Course etc.: <font style="font-weight: bold; color: red;">**</font></label>
                                <input id="eventname" name="eventname" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="orgname" class="form-label text-muted">Organizing University or College etc.: <font style="font-weight: bold; color: red;">**</font></label>
                                <input id="orgname" name="orgname" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="placeevent" class="form-label text-muted">Place: <font style="font-weight: bold; color: red;">**</font></label>
                                <input id="placeevent" name="placeevent" type="text" class="form-control text-dark" placeholder="" required>
                            </div>
                        </div>                        
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="showhome" class="form-label text-muted">Display? (Select Yes/ No): <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Display? (Select Yes/ No)" id="showhome" name="showhome">
                                    <option value="">Display? (Select Yes/ No)</option>
                                    <option value="Yes" {{ $showhome == "Yes" ? 'selected' : '' }}>Yes</option>
                                    <option value="No" {{ $showhome == "No" ? 'selected' : '' }}>No</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-12">
                            <div class="form-group">
                                <label for="attachfile" class="form-label text-muted">Upload Achievement/ Activities Proof (Only PDF 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="attachfile" name="attachfile[]" multiple type="file">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-12">
                            <div class="form-group">
                                <label for="showhome" class="form-label text-muted">Any Remarks?:</label>
                                <textarea class="form-control mb-4" placeholder="Enter remarks" id="textarea" name="remarks" maxlength="3000" rows="5"></textarea>
                            </div>
                        </div>                        
                    </div>
                    <div class="row p-5">
                        <div class="btn-list text-end">
                            <a class="btn btn-primary" href="{{ route('research.facachieve.report') }}" role="button"><i class="fa fa-list-ul me-2"></i> View Faculty Achievements/ Activities Report</a>
                            <button class="btn btn-success"><i class="fe fe-upload-cloud me-2"></i> Add Faculty Achievement/ Activities</button>
                        </div>
                    </div>                
                </form>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function(){
            $('#attachfile').change(function(){
                var fp = $("#attachfile");
                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');
                            $('#attachfile').val('');
                    }
                    if(fileType !== "application/pdf") {
                            alert('Hi User! File type should be PDF only');
                            $('#attachfile').val('');
                    }                    
                }
            });
        });
    </script>

@endsection