@extends('layouts.main')
@section('title',trans('core.content_master'))

@section('custom_style')
	<style>
		span.error {
			color: red;
		}
	</style>
@endsection

@section('content')

<div class="pcoded-content">
	<div class="pcoded-inner-content p-0">
		<div class="main-body">
			<div class="page-wrapper p-0"> @if (\Session::has('error'))
				<div class="alert alert-danger background-danger">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close"> <i class="icofont icofont-close-line-circled text-white"></i> </button> <strong>Error!</strong> {!! \Session::get('error') !!}</code>
				</div> @endif
				<div class="page-header p-15 m-b-0 pro-page-heading1">
					<div class="page-header-title">
						<h4>Assignment Creation</h4> </div>
					<div class="page-header-breadcrumb p-r-10">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item">
								<a href="#"> <span class="hiremee-home"></span> </a>
							</li>
							<li class="breadcrumb-item"> <a href="{{ secure_url('gold/college/content') }}">Assignment Creation</a></li>
						</ul>
					</div>
				</div>
				<div class="page-body">
					<div class="pageheader">
						<div class="row">
							<div class="col col-md-6 d-flex align-items-center"> Assignment Creation List </div>
							<div class="col col-md-6 d-flex align-items-center justify-content-end">
								<button onclick="createContent();" class="btn btn-primary pro-green c-white">New Assignment Creation</button>
							</div>
						</div>
					</div>
					@php $expiry_date = date('Y-m-d H:i:s', strtotime("+15 days")); @endphp
					<input type ="hidden" value="{{ $expiry_date }}" id="expiry_date_time">
					<div class="table-responsive">
					<table class="table table-striped pro-list-table">
						<thead class="bgn-gradient-blue">
							<tr>
								<th scope="col">#</th>
								<th scope="col">Assignment Title</th>
								<th scope="col">Reference Link</th>
								<th scope="col">Document</th>
								<th scope="col">End Date</th>
								<th scope="col">Action</th>
							</tr>
						</thead>
						<tbody id="table_body"> {!! $table_row !!} </tbody>
					</table>
				</div>
					<div class="d-flex flex-row justify-content-center">
						<button class="btn orange btn-lg" type="button" id="load_content" @if(!$is_load_more) style="display:none;" @endif data-page='1'>Load More</button>
					</div>
				</div>
				<!-- Create & Update Modal Start -->
				<div class="modal fade bd-example-modal-lg" id="content_modal" tabindex="-1" role="dialog" aria-labelledby="content_modalLabel" aria-hidden="true">
					<div class="modal-dialog modal-lg" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="content_modalLabel" style="color:#333">Assignment Creation</h5>
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button>
							</div> {!! Form::open(['route' => 'gold.college.assignment.store', 'id' => 'content_form', 'files' => true]) !!} {{ Form::hidden('text',null,array('class'=>'js-content_id','name'=>'js-content_id','id'=>'js-content_id')) }}
							<div class="modal-body">
								<div class="form-group">
									<label for="content_title" class="col-form-label">Assignment Title:<sup>*</sup></label>
									<input type="text" name="content_title" class="form-control" id="content_title" value=""> </div>
								<div class="form-group" id="topic_loading_div">
									<label for="topic_type" class="col-form-label">Topic Type:<sup>*</sup></label>
									<br/>
									<div class="row col-md-12">
										<div class="form-group col-md-4">
											<div class="col-md-6">
												<div class="form-check form-check-inline">
													<input class="form-check-input topic_type" type="radio" name="topic_type" id="topic_type_exist" value="1" checked="true">
													<label class="form-check-label" for="topic_type_exist">Existing</label>
												</div>
											</div>
											<div class="col-md-6">
												<div class="form-check form-check-inline">
													<input class="form-check-input topic_type" type="radio" name="topic_type" id="topic_type_new" value="2">
													<label class="form-check-label" for="topic_type_new">Create New</label>
												</div>
											</div>
										</div>
										<div class="form-group col-md-8" id="topic_field_div">
											<label for="content_link" id="topic_label" class="col-form-label">Topic:</label>
											<input type="text" name="topic" class="form-control" id="topic" value=""> </div>
									</div>
								</div>
								<div class="form-group">
									<label for="content_link" class="col-form-label">Reference Link:</label>
									<input type="text" name="content_link" class="form-control" id="content_link" value=""> </div>
								<div class="form-group">
									<label for="assign_document" class="col-form-label">Assignment Document:</label>
									<div class="input-group input-group-primary1 col-md-10">
										<label class="input-group-addon"> Browse
											<input class="m-t-5" id="assign_document" style="display: none;" name="assign_document" type="file"> </label>
									</div>
								</div>
								<div class="form-group" id="js-div_existing_doc">
									<div class="form-group existing_document_div" style="display: none;">
										<label for="assign_document" class="col-form-label">Existing Document :</label>
										<div class="input-group input-group-primary1 col-md-10"> <span id='existing_docuemnt_span'></span>
											<div class="input-group input-group-primary1 col-md-2">
												<button type="button" id="js-dlt-document" class="btn btn-danger btn-block">Delete</button>
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label for="content_description" class="col-form-label">Assignment Description:</label>
									<textarea class="form-control" name="content_description" id="content_description"></textarea>
								</div>

								<div class="form-group">
									<label for="content_description" class="col-form-label">Maximum Mark:<sup>*</sup></label>
									<input type="number" name="maximum_mark" class="form-control" id="maximum_mark">
								</div>

								<div class="form-group">
									<label for="content_description" class="col-form-label">Start Date:<sup>*</sup></label>
									<div class="date-filed">
										<input type="text" name="submission_date" class="form-control table-text-style submission_date" placeholder="YYYY-MM-DD HH:ii:ss" readonly="readonly" autocomplete="off" data-dtp="dtp_MrQVm" id="submission_date"> 
										<span><i class="icofont icofont-calendar"></i></span>
									</div>
								</div>

								<div class="form-group">
									<label for="content_description" class="col-form-label">End Date:<sup>*</sup></label>
									<div class="date-filed">
										<input type="text" name="expiry_date" class="form-control table-text-style expiry_date" placeholder="YYYY-MM-DD HH:ii:ss" readonly="readonly" autocomplete="off" data-dtp="dtp_MrQVm" id="expiry_date">
										<span><i class="icofont icofont-calendar"></i></span>
									</div>
								</div>

								<div class="form-group">
									<label for="content_description" class="col-form-label">Send grades to students:<sup>*</sup></label>
										<div class="form-radio">
											<div class="radio radiofill radio-primary radio-inline">
												<label>
												{!! Form::radio('is_publish','1',null,array('id'=>'js-is_publish_yes')) !!}
												<i class="helper"></i>Yes
												</label>
											</div>
											<div class="radio radiofill radio-primary radio-inline">
												<label>
												{!! Form::radio('is_publish','0',true,array('id'=>'js-is_publish_no')) !!}
												<i class="helper"></i>No
												</label>
											</div>
											<span id="is_publish-error" class="p-t-0"></span>
										</div>
								</div>

							</div>
							
							<div class="modal-footer">
								<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
								<button type="submit" id="submit_form" class="btn btn-primary">Submit</button>
							</div> {!! Form::close() !!} </div>
					</div>
				</div>
				<!-- Create & Update Modal Start -->
			</div>
		</div>
	</div>
</div>
@endsection

@section("footer")
	<script type="text/javascript" src="{{ secure_asset('assets/js/gold/college/assignment/index.js') }}"></script>
@endsection