@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>Learning Content Master</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') }}">Learning Content Master</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">
		                  Learning Content Master 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">Add Learning Content</button>
		                </div>
		              </div>
		            </div>
					<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">Content Title</th>
								<th scope="col">Content Link</th>
								<th scope="col">Created By</th>
								<th scope="col">Document</th>
								<th scope="col">Expire 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">Learning Content</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.content.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">Content Title:</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:</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">Content Link:</label>
				            <input type="text" name="content_link" class="form-control" id="content_link" value="">
				          </div>
				          <div class="form-group">
				            <label for="content_document" class="col-form-label">Content Document:</label>
				            <div class="row">
				            	<div class="form-group col-md-4">
						            <div class="input-group input-group-primary1 ">
			                            <label class="input-group-addon">
			                             Browse Document<input class="m-t-5" id="content_document" style="display: none;" name="content_document" type="file">
			                            </label>
			                        </div>
			                    </div>
			                    <div class="form-group col-md-4">
			                        <div class="input-group input-group-primary1">
			                            <label class="input-group-addon">
			                             Browse Audio<input class="m-t-5" id="content_audio" style="display: none;" name="content_audio" type="file">
			                            </label>
			                        </div>
			                    </div>
			                    <div class="form-group col-md-4">
			                        <div class="input-group input-group-primary1">
			                            <label class="input-group-addon">
			                             Browse Video<input class="m-t-5" id="content_video" style="display: none;" name="content_video" type="file">
			                            </label>
			                        </div>
			                    </div>
		                    </div>

						  </div>
						  

				          <div class="form-group" id="js-div_existing_doc">
				            <div class="form-group existing_document_div" style="display: none;">	
				            	<label for="content_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 class="form-group existing_audio_div" style="display: none;">	
				            	<label for="content_audio" class="col-form-label">Existing Audio  :</label>
				            	<div class="input-group input-group-primary1 col-md-10">
									<span id='existing_audio_span'></span>
									 
									<div class="input-group input-group-primary1 col-md-2">
										<input type="hidden" id="audio_content_id" value="">
									 	<!--<button type="button" id="js-dlt-audio" class="btn btn-danger btn-block">Delete</button>-->
									</div>
				            	</div>
				        	</div>
				        	<div class="form-group existing_video_div" style="display: none;">	
				            	<label for="content_audio" class="col-form-label">Existing Video  :</label>
				            	<div class="input-group input-group-primary1 col-md-10">
									<span id='existing_video_span'></span>
									 
									<div class="input-group input-group-primary1 col-md-2">
										<input type="hidden" id="video_content_id" value="">
									 	<!--<button type="button" id="js-dlt-video" class="btn btn-danger btn-block">Delete</button>-->
									</div>
				            	</div>
				        	</div>
							
				        </div>
				          <div class="form-group">
				            <label for="content_description" class="col-form-label">Content Description:</label>
				            <textarea class="form-control" name="content_description" id="content_description"></textarea>
				          </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/content/index.js') }}"></script>
@endsection