@extends("la.layouts.app")

@section("contentheader_title", "Meetings")

@section("section", "Meetings")
@section("sub_section", "Listing")
@section("htmlheader_title", "Meetings Listing")

@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("Meetings", "create")

<div class="box">
	<div class="box-header">
	<h4>Add  Meetings</h4>
	</div>
	<div class="box-body">
		<div class="row">
			<div class="col-md-12 ">
			{!! Form::open(['action' => 'LA\MeetingsController@store', 'id' => 'meeting-add-form']) !!}
		
			{{-- @la_form($module)--}}
					
			<div class="row">	
					<div class="col-md-6 div-seprtr">
					@la_input($module, 'category')
					@la_input($module, 'subcategory')	
					@la_input($module, 'meeting_name')
					@la_input($module, 'related_to')
					@la_input($module, 'type')
					@la_input($module, 'meeting_date')
					
					</div >	
					<div class="col-md-6 ">
					@la_input($module, 'description')
					
					@la_input($module, 'meeting_doc')
					@la_input($module, 'meeting_attendees')	
					@la_input($module, 'action_by')		
					@la_input($module, 'meeting_status')
					@la_input($module, 'share_the_form')
					</div>
			</div>
				
			<div class="modal-footer">
				<a href="{{ url(config('laraadmin.adminRoute') . '/meetings') }}" class="btn btn-black pull-right marg10 btn-close" data-dismiss="modal">Close</a>
				{!! Form::submit( 'Submit', ['class'=>'btn btn-success']) !!}
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div>
</div>
@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>

$(document).ready(function(){	
	
	$('#154').hide();	
	$('#meeting_status').empty();
	$('#meeting_status').append($("<option></option>").attr("value","In-Progress").text("In-Progress"));	

	
	/* Delete Button functionality ends */
	$('#104').hide();	 // Type Div Hide
	$("#relation_type").removeAttr('required'); 
	$("#related_to").change(function() {
		var val =  $("#related_to").val();
		$('#104').show();   // Type Div Show
		$("#relation_type").attr('required',true);
		var $el = $('#relation_type');
        $el.empty();
		//alert(val);
		if(val == 'Digital  Related'){
		  $.each(option3,function(key,value){
			$el.append($("<option></option>").attr("value",value).text(key));
		  });
		} else if (val == "Below the Line Related"){
			$.each(option2,function(key,value){
			$el.append($("<option></option>").attr("value",value).text(key));
		  });
		} else { 
		//alert("dd");
			$.each(option1,function(key,value){
				$el.append($("<option></option>").attr("value",value).text(key));
			});
		}
		/*So on add many cases
		else if (val == "Post Graduation"){
			 $.each(pg,function(key,value){
			  $el.append($("<option></option>").attr("value",value).text(key));
		  });
		}
		*/
	});	
});

	var option1 = {"":"","Program":"Program","Automation":"Automation"};
	var option2 = {"":"","Program":"Program","Events":"Events","Automation":"Automation","Scheme":"Scheme"};
	var option3 = {"":"","Automation":"Automation",
					"Website":"Website",
					"Ecommerce":"Ecommerce",
					"Call Centre":"Call Centre",
					"Social Marketing":"Social Marketing",
					"Content Marketing":"Content Marketing",
					"Campaigns":"Campaigns",
					"Organic":"Organic",
					"Others":"Others"
				};
</script>
@endpush