@extends('dashboard_connect.dash_master')
@section('pagescontents')
	<!-- PAGE-HEADER -->
	<div class="page-header">
		<div>
			<h1 class="page-title">Faculty Master</h1>
		</div>
		<div class="ms-auto pageheader-btn">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="javascript:void(0);">Faculty Master</a></li>
				<li class="breadcrumb-item active" aria-current="page">Create Contents</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 Contents</h3>
                </div>
                <div class="card-body">
                @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 class="needs-validation" novalidate method="post" action="{{ route('faculty.sharing.save') }}" enctype="multipart/form-data">
                @csrf
                    <div class="row p-5">
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <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->id }}" selected>{{ $sessnm->sessionid }}</option>
                                        @else
                                            <option value="{{ $sessnm->id }}">{{ $sessnm->sessionid }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Please select session.</div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="contentype" class="form-label text-muted">Select Content Type: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Content Type" id="contentype" name="contentype" required>
                                    <option value="">Select Content Type</option>
                                    <option value="PYQPapers" {{ $contentype == "PYQPapers" ? 'selected' : '' }}>Previous Year Question Papers</option>
                                    <option value="Assignments" {{ $contentype == "Assignments" ? 'selected' : '' }}>Assignments</option>
                                    <option value="Study Materials" {{ $contentype == "Study Materials" ? 'selected' : '' }}>Study Materials</option>
                                    <option value="Others" {{ $contentype == "Others" ? 'selected' : '' }}>Others</option>
                                </select>
                                <div class="invalid-feedback">Please select content type.</div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="othconttp" class="form-label text-muted">Specify Other Contents Type:</label>
                                <input id="othconttp" name="othconttp" type="text" class="form-control text-dark" placeholder="Specify Other Contents Type" value="NA" disabled>
                                <div class="invalid-feedback">Please specify other content type.</div>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label for="semesterid" 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="semesterid" name="semesterid" required>
                                    <option value="">Select Semester</option>
                                    @foreach($semestermaster as $semesternm)
                                        <option value="{{ $semesternm->courseyear }}" {{ $semesternm->courseyear == $semesterid ? 'selected' : '' }}>{{ $semesternm->courseyear }}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Please select semester name.</div>
                            </div>
                        </div>
                        <!--div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="subjectid" class="form-label text-muted">Select Subject Name: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Subject Name" id="subjectid" name="subjectid" required>
                                    <option value="">Select Paper Name</option>
                                    <option value="External Contents">External Contents</option>
                                </select>
                                <div class="invalid-feedback">Please select subject name.</div>
                            </div>
                        </div-->                       
                        <div class="col-sm-12 col-md-12 col-xl-8">
                            <div class="form-group">
                                <label for="conttitle" class="form-label text-muted">Enter Content Title: <font style="font-weight: bold; color: red;">**</font></label>
                                <input id="conttitle" name="conttitle" type="text" class="form-control text-dark" placeholder="Enter Content Title" value="" required>
                                <div class="invalid-feedback">Please enter content title.</div>
                            </div>
                        </div>
                        <!--div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label class="form-label text-muted">Display Contents 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="servingfrom" class="form-control" type="text" placeholder="Select Start Date"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label class="form-label text-muted">Display Contents 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="servingto" class="form-control" type="text" placeholder="Select End Date"/>
                                    </div>
                                </div>
                            </div>
                        </div-->
                        <!--div class="col-sm-12 col-md-12 col-xl-12">
                            <div class="form-group">
                                <label for="arearemarks" class="form-label text-muted">Enter Contents: <font style="font-weight: bold; color: red;">**</font></label>
                                <textarea id="summernote" id="arearemarks" name="arearemarks"></textarea>
                                <div class="invalid-feedback">Please enter contents.</div>
                            </div>
                        </div-->
                        <div class="col-sm-12 col-md-12 col-xl-12">
                            <div class="form-group">
                                <label for="attachment" class="form-label text-muted">Attach Contents:</label>
                                <input class="form-control file-input form-control-sm" id="attachfile" name="attachfile[]" multiple type="file">
                                <div class="invalid-feedback">Please attach contents.</div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-12">
                            <div class="form-group">
                                <label for="externallink" class="form-label text-muted">Youtube/Twitter/Facebook/Instagram/LinkedIn URL:</label>
                                <input id="externallink" name="externallink" type="text" class="form-control text-dark" placeholder="Enter Youtube/Twitter/Facebook/Instagram/LinkedIn URL" value="">
                                <div class="invalid-feedback">Please enter external link.</div>
                            </div>
                        </div>
                        <p style="text-align: justify; color: red; ">Note: - Attach Contents OR Youtube/Twitter/Facebook/Instagram/LinkedIn URL is mandatory. Both should not be empty.</p>
                    </div>
                    <div class="row p-5">
                        <div class="btn-list text-end">                            
                            <button class="btn btn-success" type="submit"><i class="fe fe-upload-cloud me-2"></i> Click to Create Content(s)</button>
                        </div>
                    </div>                                                        
                </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">
        $(function () {
            $("#contentype").change(function () {
                $('#othconttp').attr("disabled", "disabled");
                $('#othconttp').val("NA");
                if ($(this).val() == "Others") {
                    $("#othconttp").removeAttr("disabled");
                    $('#othconttp').val("");
                    $("#othconttp").focus();
                } else {
                    $('#othconttp').attr("disabled", "disabled");
                    $("#othconttp").val("NA");
                }
            });
        });
    </script>    
@endsection