<div class="container form-page">
	<div class="row">
		<div class="col-sm-18">
			<div class="zed-tabs">
				<ul class="nav nav-tabs">
					<li class="active"><a href="javascript:void(0);" data-toggle="tab" data-target="#tab1">Basic</a></li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active fade in" id="tab1">
						<?php 	
						echo form_open_multipart('trainings/addedit',array('id'=>'addedit_gallery','onsubmit'=>'return validateform()'));
						?>
						<?php echo (isset($details)&&isset($details[0]['id']) ? form_hidden('id', $details[0]['id']) : '');?>
						<div class="form-group" id="stitle">
							<label>Workshop Title</label>
							<?php			   
							if(  isset($_POST['zed-save'])  )
							{
								$val = $this->input->post( 'training_title' );
							}
							elseif( isset($details) &&  count($details) > 0)
							{
								$val = $details[0]['training_title'];
							}
							else
							{
								$val = '';
							}
							$element = array(
								'name'	=>	'training_title',
								'id'	=>	'training_title',
								'class' => 	'form-control',
								'value'	=>	$val,
									//'required' => 'required',
								);			
							echo form_input($element);
							?>
						</div>
						<div class="row">
							<div class="col-sm-12">
								<div class="form-group">
									<label>Company Logo</label>
									<?php			   
									if(  isset($_POST['zed-save'])  )
									{
										$val = $this->input->post( 'training_logo' );
									}
									elseif( isset($details) &&  count($details) > 0)
									{
										$val = $details[0]['training_logo'];
									}
									else
									{
										$val =base_url().'slider/default.png';

									}
									$element = array(
										'name'	=>	'training_logo',
										'id'	=>	'training_logo',
										'value'	=>	$val,
										);			
									echo form_upload($element);
									?>
									<?php //if( isset($details) &&  count($details) > 0) { ?>
									<input type="hidden" name="existed_file"  id="existed_file" value="<?php if( isset($details) &&  count($details) > 0) { echo $details[0]['training_slug']; }?>">
									<?php // } ?>
								</div>


							</div>
							<div class="col-sm-12">
								<img id="img-preview" src="<?php echo URL_FOLDER.'/photogallery/'.$val?>" class="img-responsive pull-right">
							</div>
						</div>
						<div class="form-group" id="scaption">
							<label>Workshop Detail</label>
							<?php			   
							if(  isset($_POST['zed-save'])  )
							{
								$val = $this->input->post( 'training_caption' );
							}
							elseif( isset($details) &&  count($details) > 0)
							{
								$val = $details[0]['training_caption'];
							}
							else
							{
								$val = '';
							}
							$element = array(
								'name'	=>	'training_caption',
								'id'	=>	'training_caption',
								'class' => 	'form-control',
								'value'	=>	$val,
									//'required' => 'required',
								);			
							echo form_textarea($element);
							?>
						</div>


						<div class="form-group" id="sagenda">
							<label>Workshop Agenda</label>
							<?php			   
							if(  isset($_POST['zed-save'])  )
							{
								$val = $this->input->post( 'training_agenda' );
							}
							elseif( isset($details) &&  count($details) > 0)
							{
								$val = $details[0]['training_agenda'];
							}
							else
							{
								$val = '';
							}
							$element = array(
								'name'	=>	'training_agenda',
								'id'	=>	'training_agenda',
								'class' => 	'form-control',
								'value'	=>	$val,
									//'required' => 'required',
								);			
							echo form_textarea($element);
							?>
						</div>

						<div class="form-group" id="slink">
							<label>Workshop meeting Link</label>
							<?php			   
							if(  isset($_POST['zed-save'])  )
							{
								$val = $this->input->post( 'training_link' );
							}
							elseif( isset($details) &&  count($details) > 0)
							{
								$val = $details[0]['training_link'];
							}
							else
							{
								$val = '';
							}
							$element = array(
								'name'	=>	'training_link',
								'id'	=>	'training_link',
								'class' => 	'form-control',
								'value'	=>	$val,
								);			
							echo form_input($element);
							?>
						</div>


						<div class="form-group" id="soutcome">
							<label>Workshop Outcome</label>
							<?php			   
							if(  isset($_POST['zed-save'])  )
							{
								$val = $this->input->post( 'training_outcome' );
							}
							elseif( isset($details) &&  count($details) > 0)
							{
								$val = $details[0]['training_outcome'];
							}
							else
							{
								$val = '';
							}
							$element = array(
								'name'	=>	'training_outcome',
								'id'	=>	'training_outcome',
								'class' => 	'form-control',
								'value'	=>	$val,
								);			
							echo form_textarea($element);
							?>
						</div>

						<div class="form-group" id="training_date">
							<label>Workshop Date</label>
							<?php			   
							if(  isset($_POST['zed-save'])  )
							{
								$val = $this->input->post( 'training_date' );
							}
							elseif( isset($details) &&  count($details) > 0)
							{
								$val = $details[0]['training_date'];
							}
							else
							{
								$val = '';
							}
							$element = array(
								'name'	=>	'training_date',
								'type'  =>   'date',
								'id'	=>	'order',
								'class' => 	'form-control',
								'value'	=>	$val,
								'placeholder'=>'Training Date',
								);			
							echo form_input($element);
							?>
						</div>



						<div class="form-group" id="training_time">
							<label>Workshop Timing</label>
							<?php			   
							if(  isset($_POST['zed-save'])  )
							{
								$val = $this->input->post( 'training_time' );
							}
							elseif( isset($details) &&  count($details) > 0)
							{
								$val = $details[0]['training_time'];
							}
							else
							{
								$val = '';
							}
							$element = array(
								'name'	=>	'training_time',
								'type'  =>   'text',
								'id'	=>	'order',
								'class' => 	'form-control',
								'value'	=>	$val,
								'placeholder'=>'Workshop time',
								);			
							echo form_input($element);
							?>
						</div>


						<div class="form-group" id="logo_order">
							<label>Order</label>
							<?php			   
							if(  isset($_POST['zed-save'])  )
							{
								$val = $this->input->post( 'logo_order' );
							}
							elseif( isset($details) &&  count($details) > 0)
							{
								$val = $details[0]['logo_order'];
							}
							else
							{
								$val = '';
							}
							$element = array(
								'name'	=>	'logo_order',
								'type'  =>   'number',
								'id'	=>	'order',
								'class' => 	'form-control',
								'value'	=>	$val,
								'placeholder'=>'Logo Order',
								);			
							echo form_input($element);
							?>
						</div>
						<div class="form-group">
							<input type="submit" class="btn btn-primary" name="zed-save" value="Save">
							<a href="<?php echo base_url();?>trainings" class="btn btn-default">Cancel</a>
						</div>
						<?php echo form_close();?>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script>
	function readURL(input) {
		if (input.files && input.files[0]) {
			var reader = new FileReader();
			reader.onload = function(e) {
				$('#img-preview').attr('src', e.target.result);
			}

			reader.readAsDataURL(input.files[0]);
		}
	}

	$("#training_logo").change(function() {
		readURL(this);
	});
</script>
<script type="text/javascript">
$(document).ready(function() {
		$('#training_caption').trumbowyg({
			autogrow: true,
			removeformatPasted: true,
			btns: [
		        ['viewHTML'],
		        ['undo', 'redo'], // Only supported in Blink browsers
		        ['formatting'],
		        ['strong', 'em', 'del'],
		        ['superscript', 'subscript'],
		        ['link'],
		        ['foreColor', 'backColor'],
		        ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
		        ['unorderedList', 'orderedList'],
		        ['table'],
		        ['horizontalRule'],
		        ['removeformat'],
		    ],
		});
	});

	$(document).ready(function() {
		$('#training_agenda').trumbowyg({
			autogrow: true,
			removeformatPasted: true,
			btns: [
		        ['viewHTML'],
		        ['undo', 'redo'], // Only supported in Blink browsers
		        ['formatting'],
		        ['strong', 'em', 'del'],
		        ['superscript', 'subscript'],
		        ['link'],
		        ['foreColor', 'backColor'],
		        ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
		        ['unorderedList', 'orderedList'],
		        ['table'],
		        ['horizontalRule'],
		        ['removeformat'],
		    ],
		});
	});


	$(document).ready(function() {
		$('#training_outcome').trumbowyg({
			autogrow: true,
			removeformatPasted: true,
			btns: [
		        ['viewHTML'],
		        ['undo', 'redo'], // Only supported in Blink browsers
		        ['formatting'],
		        ['strong', 'em', 'del'],
		        ['superscript', 'subscript'],
		        ['link'],
		        ['foreColor', 'backColor'],
		        ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
		        ['unorderedList', 'orderedList'],
		        ['table'],
		        ['horizontalRule'],
		        ['removeformat'],
		    ],
		});
	});
function validateform(){
	var logo = $("#training_logo").val();
	var eimage = $("#existed_file").val();
	var title=$('#training_title').val();
	if(logo=='' && eimage=='')
	{
		$.toasty('Logo is required! ','danger');
	}
	if(title!='')
	{
		$("#stitle").removeClass('has-error');	
	}
	else
	{
		$("#stitle").addClass('has-error');
	}
	if(title!='' && (logo!=''|| eimage!=''))
	{
		
		this.submit();
	}
	else
	{
		$.toasty('Please review the information you have entered! ','danger');
		return false;
	}
	
}
</script>