@extends("la.layouts.app")

@section("contentheader_title", "Record keepings")
@section("contentheader_description", "Record keepings listing")
@section("section", "Record keepings")
@section("sub_section", "Listing")
@section("htmlheader_title", "Record keepings Listing")

@section("headerElems")
@la_access("Record_keepings", "create")
	<a href="record_keepings/create" class="btn btn-success btn-sm pull-right" >Add Record keeping</a>
@endla_access
@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

<div class="box box-success">
	<!--<div class="box-header"></div>-->
	<div class="box-body">
		<table id="example1" class="table table-bordered">
		<div class="form-group col-md-3" style="float:right;">
			
			
			<select class="form-control input-sm" name="show_deleted" id="show_deleted" onchange="return show_active_inactive()">
				<option value ="0">Show Inactive</option>
				<option value="" selected>Show Active</option>
			</select>
		</div>
		<thead>
		<tr class="success">
			@foreach( $listing_cols as $col )
			<th>{{ $module->fields[$col]['label'] or ucfirst($col) }}</th>
			@endforeach
			@if($show_actions)
			<th>Actions</th>
			@endif
		</tr>
		</thead>
		<tbody>
			
		</tbody>
		</table>
	</div>
</div>

@la_access("Record_keepings", "create")
<div class="modal fade" id="AddModal" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<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>
				<h4 class="modal-title" id="myModalLabel">Add Record keeping</h4>
			</div>
			{!! Form::open(['action' => 'LA\Record_keepingsController@store', 'id' => 'record_keeping-add-form']) !!}
			<div class="modal-body">
				<div class="box-body">
                    @la_form($module)
					
					{{--
					@la_input($module, 'category')
					@la_input($module, 'subcategory')
					@la_input($module, 'objective')
					@la_input($module, 'date')
					@la_input($module, 'related_to')
					@la_input($module, 'relation_type')
					@la_input($module, 'final program')
					@la_input($module, 'final creative')
					@la_input($module, 'budget')
					@la_input($module, 'result')
					@la_input($module, 'lession')
					@la_input($module, 'type')
					@la_input($module, 'group')
					@la_input($module, 'status')
					@la_input($module, 'share_the_form')
					--}}
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				{!! Form::submit( 'Submit', ['class'=>'btn btn-success']) !!}
			</div>
			{!! Form::close() !!}
		</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>
$(function () {
	$("#example1").DataTable({
		processing: true,
        serverSide: true,
        ajax: "{{ url(config('laraadmin.adminRoute') . '/record_keeping_dt_ajax') }}",
		language: {
			lengthMenu: "_MENU_",
			search: "_INPUT_",
			searchPlaceholder: "Search"
		},
		@if($show_actions)
		columnDefs: [ { orderable: false, targets: [-1] }],
		@endif
	});
	$("#record_keeping-add-form").validate({
		
	});
});
$(document).ready(function(){
	$('#113').hide();	 // Type Div Hide
	$("#relation_type").removeAttr('required'); 
	$("#related_to").change(function() {
		var val =  $("#related_to").val();
		$('#113').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>
<script>
function show_active_inactive()
{
	
	var show_deleted_val = $('#show_deleted').val();	
	
	//var table = $('#example1').DataTable();
	$("#example1").dataTable().fnDestroy();
	createListView(show_deleted_val);
	
		
}
function createListView(option = '') {
	
	var page_url= "{{ url(config('laraadmin.adminRoute') . '/record_keeping_dt_ajax') }}"+"?params="+option;
	$("#example1").DataTable({
		processing: true,
        serverSide: true,
        ajax: "{{ url(config('laraadmin.adminRoute') . '/record_keeping_dt_ajax') }}"+"?params="+option,
		language: {
			lengthMenu: "_MENU_",
			search: "_INPUT_",
			searchPlaceholder: "Search"
		},
		@if($show_actions)
		columnDefs: [ { orderable: false, targets: [-1] }],
		@endif
	});

}
</script>
@endpush