@extends("la.layouts.app")
<style>
.disabled-select {
   background-color:#d5d5d5;
   opacity:0.5;
   border-radius:3px;
   cursor:not-allowed;
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   left:0;
}
</style>
@section("contentheader_title")
	<a href="{{ url(config('laraadmin.adminRoute') . '/moms') }}">Mom</a> :
@endsection
@section("contentheader_description", $mom->$view_col)
@section("section", "Moms")
@section("section_url", url(config('laraadmin.adminRoute') . '/moms'))
@section("sub_section", "Edit")

@section("htmlheader_title", "Moms Edit : ".$mom->$view_col)

@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

<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::model($mom, ['route' => [config('laraadmin.adminRoute') . '.moms.update', $mom->id ], 'method'=>'PUT', 'id' => 'mom-edit-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-update-form-{{$tasks->id}}" novalidate="novalidate">
					<input name="_token" type="hidden"  value="{{ csrf_token() }}">
					<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}}">
						<input type="hidden" name="task_id" value="{{$tasks->id}}"	>		
						<button type="button" class="btn btn-black btn-default" data-dismiss="modal">Close</button>
						<input type="button" class="btn btn-success update-task-btn" data-taskid="{{$tasks->id}}"  value="Update" onclick="return update_tasks()">

				</div>
					
			</div>			

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

@endforeach

@endsection
<div class="modal fade" id="successModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-sm">
      <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        
       </div>
       <div class="modal-body" id="success" >
          
       </div>
	   <div class="modal-footer">	
		
						<button type="button" class="btn btn-black btn-default" data-dismiss="modal">Close</button>
						<button type="button" class="btn btn-success"  onclick="window.location.reload()"  >OK</button>

		</div>
    </div>
   </div>
 </div>
@push('scripts')
<script>
$(function () {
	$("#mom-edit-form").validate({
		
	});
	
	//$('#meeting_title').empty();
	//$("#meeting_title").select2().destroy();
	
	 $("#version").prop('readonly', true);
	 $("#meeting_title").select2('destroy')
	 $("#meeting_title").prop('readonly', true);
	//$('#meeting_title').append('readonly');
	
	//$('#meeting_title').append($("<option></option>").attr("value",value).text(key));
});
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) {
				$("#successModal").modal('show');
				$("#success").text('Tasks added successfully !');
				console.log(res);
				$(".show_tasks").hide();
				document.getElementById('tasks-add-form').reset();
				$('.append_row').append(clone_form);
				$('.append_row box-header h4').text(res[0].task_name+' Task !');
				$('button[class="btn-blue"]').remove();					
				$('.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);
				
				
			}
		});
	}
	
	
	
	
}
function update_tasks(){
	var task_id = $(".update-task-btn").attr('data-taskid');
	var hasError = '';
	if($("#task_name_"+task_id).val() == '' )
	{
		hasError = true;
		$("#task_name_"+task_id).css('border','1px solid #ed1d24');
		$("#task_name_"+task_id).focus();
		//$("#task_name").find('legend').append('<span class="required_text">This field is required!</span>');
		
	} 
	else if ($("#description_"+task_id).val()==''){
		hasError = true;
		$("#description_"+task_id).css('border','1px solid #ed1d24');
		$("#description_"+task_id).focus();

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

	}
	else{
		hasError == false;
	}
	if(hasError == true )
	{	
		return false;
	}
	else
	{
		var data = $("#tasks-update-form-"+task_id).serialize();
		
		var url = "{{ url(config('laraadmin.adminRoute') . '/tasks/update') }}";
		
		$.ajax({
			type: "POST",
			url: url,
			data: data,
			success: function(res) {
				console.log(res);
				if(res == '1')
				{
				$("#successModal").modal('show');
				$("#success").text('Tasks updated successfully !');
				
				$(".show_tasks").hide();
				
				}
				else{
					$("#successModal").modal('show');
					$("#success").text('Something went wrong !');
				}
				//alert(res[0].task_name);
				
				
			}
		});
	}	
}
</script>
@endpush