@extends("la.layouts.app")

@section("contentheader_title", "Add Moms")
@section("contentheader_description", "Add Moms")
@section("section", "Moms")
@section("section", "Tasks")
@section("sub_section", "Add")
@section("htmlheader_title", "Add Moms")
@section("headerElems")

@endsection

@section("main-content")

@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

@la_access("Moms", "create")
<ul class="nav nav-tabs profile" role="tablist">
	<li>
		<a href="{{ url(config('laraadmin.adminRoute') . '/meetings/') }}{{'/'.$meeting_id.'/edit'}}" data-toggle="tooltip" data-placement="right" title="" data-original-title="Back to Meetings">
			<i class="fa fa-chevron-left"></i>
			<small>Back to Meetings</small>
		</a>
	</li>

</ul>
<div class="box">
	<div class="box-header">
		<h4>Add Minutes of Meeting</h4>

	</div>
	<div class="box-body">		
		<div class="row">
			<div class="col-md-12 ">

			{!! Form::open(['action' => 'LA\MomsController@store', 'id' => 'mom-add-form']) !!}
			<div class="row">
			
			{{--  @la_form($module) --}}
					
					<div class="col-md-4">
						@la_input($module, 'mom_title')
						@la_input($module, 'schedule_date')
						@la_input($module, 'meeting_title')
					</div>
					<div class="col-md-4">
						@la_input($module, 'agenda')
						@la_input($module, 'attendees')
						
					</div>
					<div class="col-md-4">	
						@la_input($module, 'note')					
						@la_input($module, 'docs')
						@la_input($module, 'version')
					</div>
				
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-black btn-default" data-dismiss="modal">Close</button>
				{!! Form::submit( 'Submit', ['class'=>'btn btn-success']) !!}
			</div>
			{!! Form::close() !!}
		</div>
		</div>
	</div>
</div>
<div class="box form-wrapper">
	<div class="box-header">
		<h4>Create New Tasks !</h4>

	</div>
	<div class="box-body">					
		<div class="row">			
			<div class="col-md-12 ">					
				<div class="box-body " >
					{!! Form::open(['action' => 'LA\TasksController@store', 'id' => 'tasks-add-form']) !!}
					<div class="row">
						<div class="col-md-4 ">
							@la_input($module1, 'task_name')			
							@la_input($module1, 'description')
							
						</div>
						<div class="col-md-4 ">
						@la_input($module1, 'assigned_to')
						@la_input($module1, 'eta')
						</div>
						<div class="col-md-4 ">
							
							
							@la_input($module1, 'status')
						
						</div>
					
						
					</div>
				</div>
					
				<div class="modal-footer">	
					<input type="hidden" name="meeting_id" value="{{$meeting_id}}">
					<input type="hidden" name="from_module" value="mom">
					<input type="hidden" name="meeting_name" value="{{$meeting_name}}">	
					<input type="hidden" name="meeting_date" value="{{$meeting_date}}">			
					<button type="button" class="btn btn-black btn-default" data-dismiss="modal">Close</button>					
					<input type="button" class="btn btn-blue"  value="Add More Tasks (+)" onclick="return add_more_tasks()">
					
				
				</div>
				</form>
			</div>
		</div>
	</div>		
</div>
<div class="append_row"></div>
@foreach ($tasks_detail as $tasks)
<div class="box">

	<div class="box-header">
		<h4> {{$tasks->task_name}} Tasks</h4>

	</div>
	<div class="box-body">					
		<div class="row">			
			<div class="col-md-12 ">					
				<div class="box-body " >
					<form method="POST" action="" accept-charset="UTF-8" id="tasks-add-form-{{$tasks->id}}" novalidate="novalidate">
					<input name="_token" type="hidden" value="3PHO18XfOyjkIQhgQKqILr0CSBMpILYcFMiLQA4f">
					<div class="row">
						<div class="col-md-4 ">
							<div class="form-group" >
								<label for="task_name_{{$tasks->id}}">Task Name* :</label>
								<input id="task_name_{{$tasks->id}}" class="form-control" placeholder="{{$tasks->task_name}}" data-rule-minlength="1" data-rule-maxlength="200" required="1" name="task_name" type="text" value="{{$tasks->task_name}}" aria-required="true">
							</div>
							<div class="form-group" >
								<label for="description_{{$tasks->id}}">Task Description* :</label>
								<textarea id="description_{{$tasks->id}}" class="form-control" placeholder="Enter Task Description" required="1" cols="30" rows="3" name="description" aria-required="true">{{$tasks->description}}</textarea>
							</div>				
							
							
						</div>
						<div class="col-md-4 ">
							<div class="form-group" >
								<label for="assigned_to_{{$tasks->id}}">Assigned to*  :</label>
								<select id="assigned_to_{{$tasks->id}}" class="form-control select2-hidden-accessible" required="1" data-placeholder="Select multiple Assigned tos" multiple="" rel="select2" name="assigned_to[]" tabindex="-1" aria-hidden="true" aria-required="true">
									<option>Select</option>
									@foreach($meeting_attendees as $attnds)
									<option value="{{$attnds->id}}" selected>{{$attnds->id}}-{{$attnds->name}}</option>
									@endforeach
									
								</select>
							</div>
							<div class="form-group" id="148">
								<label for="eta_{{$tasks->id}}">ETA : </label>
								<div class="input-group datetime">
									<input id="eta_{{$tasks->id}}" class="form-control" placeholder="Enter ETA" name="eta" type="text" value="{{date('d-m-Y', strtotime($tasks->eta))}}">
									<span class="input-group-addon input_dt">
										<span class="fa fa-calendar">

										</span>
									</span>

								</div>
							</div>
						</div>
						<div class="col-md-4 ">
							<div class="form-group" id="149" >
								<label for="status">Status :</label>
								<span class="row">
								<span class="col-md-10 col-sm-8 col-xs-6 p0">
								<select id="status" class="form-control select2-hidden-accessible" data-placeholder="Enter Status" rel="select2" name="status" tabindex="-1" aria-hidden="true">
								<option value=""></option>
								<option value="Completed">Completed</option>
								<option value="In Progress">In Progress</option>
								<option value="Pending">Pending</option>
								<option value="On-hold">On-hold</option>
								</select>

								</span>
								</span>
							</div>	
							
						
						
						</div>
					</div>
				</div>
				<div class="modal-footer">	
						<input type="hidden" name="meeting_id" value="{{$meeting_id}}">
						<input type="hidden" name="from_module" value="mom">
						<input type="hidden" name="meeting_name" value="{{$meeting_name}}">	
						<input type="hidden" name="meeting_date" value="{{$meeting_date}}">			
						<button type="button" class="btn btn-black btn-default" data-dismiss="modal">Close</button>
						<input type="button" class="btn btn-success"  value="Update" onclick="return update_tasks()">

				</div>
					
			</div>			

				</form>
		</div>
	</div>
</div>
			

@endforeach

@endla_access

@endsection

@push('styles')
<link rel="stylesheet" type="text/css" href="{{ asset('la-assets/plugins/datatables/datatables.min.css') }}"/>
@endpush

@push('scripts')
<script src="{{ asset('la-assets/plugins/datatables/datatables.min.js') }}"></script>
<script>
$(function () {
	
	$("#tasks-add-form").validate({
		
	});
});
$.urlParam = function(name) {
  var results = new RegExp('[\?&amp;]' + name + '=([^&amp;#]*)').exec(window.location.href);
  return results[1] || 0;
}
$(function () {
	$('#143').hide();
	$('#149').hide();
	//$('#145').hide();
	var cr = $('#meeting_title');	 
    cr.empty();
	$mn = decodeURIComponent($.urlParam('meeting_name'));
	$m = $.urlParam('meeting');
    cr.append($("<option></option>").attr("value",$m).text($mn));
	
	// For Tasks
	$('#meeting_name').empty();
	$('#meeting_name').append($("<option></option>").attr("value",$m).text($mn));
});

/*Add Users in Mom and Tasks from Meeting Attendees Only*/
renderAttendees();

function renderAttendees() {
var $el = $('#attendees');
var $ato =  $('#assigned_to');
$el.empty();
$ato.empty();
//  $("#meeting_attendees").change(function(){
  //  $el.empty();
	$mn = decodeURIComponent($.urlParam('meeting_name'));
	$m = $.urlParam('meeting');
	var url = "{{ url(config('laraadmin.adminRoute') . '/getattendees') }}"+'?meeting_id='+$m;
	//alert(url);
	$.get(url, function(response){
		console.log(response);
		$el.append($("<option></option>").attr("value",'').text(''));
		$.each(response,function(key,value){
		   $el.append($("<option></option>").attr("value",value).text(value +'-'+ key));
		   $ato.append($("<option></option>").attr("value",value).text(value +'-'+ key));
		});
	}); 
   // });
}  
/*Add Users in Mom and Tasks from Meeting Attendees Only*/
	
/* Add More tasks */

function add_more_tasks(){
	var hasError = '';
	var clone_form = $(".form-wrapper").clone();
	if($("#task_name").val() == '' )
	{
		hasError = true;
		$("#task_name").css('border','1px solid #ed1d24');
		$("#task_name").focus();
		//$("#task_name").find('legend').append('<span class="required_text">This field is required!</span>');
		
	} 
	else if ($("#description").val()==''){
		hasError = true;
		$("#description").css('border','1px solid #ed1d24');
		$("#description").focus();

	}
	else if ($("#assigned_to").val()==''){
		//alert ("Saala");
		hasError = true;
		$("#assigned_to").css('border','1px solid #ed1d24');
		$("#assigned_to").focus();

	}
	else{
		hasError == false;
	}
	if(hasError == true )
	{	
		return false;
	}
	else
	{		
		var data = $("#tasks-add-form").serialize();
		var url = "{{ url(config('laraadmin.adminRoute') . '/tasks/store') }}";
		$.ajax({
			type: "POST",
			url: url,
			data: data,
			success: function(res) {
				console.log(res);
				$(".show_tasks").hide();
				document.getElementById('tasks-add-form').reset();				
				$('.append_row').append(clone_form);	
				$('.append_row h4').text(res[0].task_name+' Tasks');
				$('.append_form .btn-blue').remove();
				$('.append_form .modal-footer').append('<input type="button" class="btn btn-success update-task-btn"  value="Update" onclick="return update_tasks()">');
				$('.append_form .btn-blue').attr('onClick','return update_tasks()');
				$('.append_row form').attr('id','task-add-form-'+res[0].id);
				$("#status").css('display','block');
				$("#task_name").attr('id','task_name_'+res[0].id);		
				$("#description").attr('id','description_'+res[0].id);	
				$("#assigned_to").attr('id','assigned_to_'+res[0].id);
				$("#eta").attr('id','eta_'+res[0].id);	
				$("#status").attr('id','status_'+res[0].id);	
				//alert(res[0].task_name);
				
				
			}
		});
	}
	
	
	
	//return false;
	//var count =0;
	//var form_id = $(".form-wrapper form").attr('id');
	//alert(form_id);
	//form_id = $("#form-wrapper form:last").attr('id');
	//var form_length = $('.form-wrapper form').length;
	//var clone_form = $(".form-wrapper").find('#tasks-add-form').clone();
	// $(".form-wrapper form").each(function(){
		
	// 	count =count+1;
	// 	form_id = form_id+count;
	// 	//alert(clone_form);
	// 	//$('.form-wrapper').prepend('<fieldset class="task_fieldset"><legend>Tasks 1</<legend></fieldset>');
	// 	$('.form-wrapper').append(clone_form);
	// 	renderAttendees();
		
	// });
	// for(var i=1; i<=form_length;i++ )
	// {
	// 	form_id =form_id+i;
	// 	alert(form_id);
	// 	$(".form-wrapper").append('<form id=""></form>').attr('id',form_id);
	// }
	// var clone_form = $("#form-wrapper").find('#tasks-add-form').clone();

	// $("#form-wrapper form").each(function(){
		
	
	// 	count=count+1;
	// 	var append_id = 'tasks-add-form'+ count;
		
	// 	if(count > 1)
	// 	{	
	// 		$(clone_form).attr('id',append_id).insertAfter('.clone_form_wrapper form:last').css('border-top','1px solid #000');
	// 		renderAttendees();
	// 	}
	// 	else
	// 	{
	// 		$(clone_form).attr('id','tasks-add-form1').insertAfter('.clone_form_wrapper form:last');
	// 		renderAttendees();
	// 	}
	// });
}

</script>
@endpush