@extends('panel.layouts.app')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Operators</title>
@stop
@section('content')
<div class="content-wrapper">
	<div class="row">
		<div class="col-md-1"></div>
		<div class="col-md-10">
			<section class="content">
				@include('common.breadcrumb')
				<div class="box box-default">
					<div class="box-header with-border">
						<div class="col-md-12 no-padding">
							<i class="fa fa-users"></i>
							<h3 class="box-title">Operators</h3>
							<div class="box-tools box-tools-common pull-right">
								{{-- @if(LaraCore::canOrNot('delete_carriers'))
								<a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" data-toggle="modal" data-target="#delete_operator_modal"  title="Delete selected items" id="deleteAll" name="remove_operators">
									<i class="fa fa-trash"></i>
								</a>
								@endif --}}
								<a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('operators-grid')" title="Search"><i class="fa fa-search"></i></a>
								<a href="javascript:void(0)" id="openCreateForm" data-toggle="modal" data-target="#operators_modal" class="btn btn-box-tool show-tooltip" title="Add Operators"><i class="fa fa-plus"></i></a>
							</div>
						</div>
					</div>
					<div class="box-body">
						<div class="table-responsive">
							<table id="operators-grid" class="table table-bordered table-hover display">
								<thead>
									<th>Id</th> 
									<th class="text-center">
										@if(LaraCore::canOrNot('delete_carriers'))
										<input name="select_all" type="checkbox"  class="minimal" id="bulk_delete" data-scope="#operators-grid" />
										@endif
									</th>
									<th>Operator</th>
									<th>&nbsp;</th>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div class="operators_modal_div">
					<div class="edit_modal">
					</div>
					@include('panel.operators.create', [@data])
				</div>
				@include('common.modal.delete_confirm_modal',['entity' =>  'operator'])
			</section>
		</div>
		<div class="col-md-1"></div>
	</div>
</div>
@stop
@section('custom-scripts')
<script type="text/javascript">
	var rows_selected  = "";
	$(document).ready(function () {
		initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
		initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
		initFileInput();
		initRichText();
		OperatorsTable = $('#operators-grid').DataTable({
			'language': { "emptyTable": '{{LaraCore::setting('no_records')}}', "processing": "<i class='fa fa-spinner fa-spin fa-3x'></i>" },
			"aLengthMenu": [[10, 20, 30, 40, 50, -1], [10, 20, 30, 40, 50, 'All']],
			"order": [ 0, "desc" ],
			processing: true,
			serverSide: true,
			ajax: {
				url : '{{route("operator.list")}}',
				type: 'POST',
				data: function (d) {
					d._token = $('hidden[name=_token]').val();
				},
			},
			columns: [
			{data: 'id', name: 'id',visible: false,searchable: false},
			{data: 'bulk_delete', name: 'bulk_delete',orderable: false,searchable: false, width: '5%', className: 'text-center', visible: '{{LaraCore::canOrNot("delete_carriers")}}'},
			{data: 'username', name: 'users.username'},
			{data: 'actions', name: 'actions', orderable:false,searchable:false,className:'text-center'},
			],'rowCallback': function(row, data, dataIndex){
              var rowId = data['id']; // Get row ID
              if($.inArray(rowId, rows_selected) !== -1){
              	$(row).find('.entity_chkbox').prop('checked', true);
              	$(row).addClass('selected');
              }
          },
      });
		initSelectAll('#operators-grid', OperatorsTable);

		$(document).on('click', 'button[name="create_operators"]', function (e) {
			e.preventDefault();
			createOperators();
		});

		$(document).on('click', 'button[name="add_menu_in_operator"]', function (e) {
			e.preventDefault();
			savePermission();
		});


		$(document).on('click', 'button[name="remove_operators"]', function(e){
			e.preventDefault();
			var operators_id = $(this).data('id') || "";
			if(operators_id != ""){
				deselect_all();
				$('#operators-grid tbody input[type="checkbox"].entity_chkbox:checked').iCheck('uncheck');
				rows_selected.push(operators_id);
				$('#delete_operator_modal').modal('show');
			}
		});

		$(document).on('click', '#delete_operator', function(e){
			var operators_ids = rows_selected;
			var formData = { operators_ids :operators_ids };
			var url = APP_URL+"/operator-delete";
			$.ajax({
				type: "POST",
				url: url,
				data: formData,
				dataType: 'json',
				success: function (data) {
					OperatorsTable.draw();
					$('#delete_operator_modal').modal('hide');
					DisplayMessages(data['message']);
					// refreshHeader();
				},
				error: function (jqXHR, exception) {
					var Response = jqXHR.responseText;
					Response = $.parseJSON(Response);
					DisplayMessages(Response.message,'error');
				}
			});
		});
	});

	$(document).on('hidden.bs.modal', '#operators_modal',function (event) {
		$('.operators_modal_div .edit_modal').html('');
		var form = $("#operators_save");
		$(form)[0].reset();
		form.find('input[name="id"]').val('');
		$(form).find('.has-error').removeClass('has-error');
		$(form).find('.help-block').html('');
	});

	$(document).on('shown.bs.modal', '#operators_modal',function (event) {
		var form = $("#operators_save");
		$(form)[0].reset();
		$(form).find('.has-error').removeClass('has-error');
		$(form).find('.help-block').html('');
	});

	function createOperators() {
		var form = $("#operators_save");
		var formData = $(form).serialize();
		var url = $(form).attr('action');
		var id = form.find('input[name="id"]').val();       
		$(form).find('.has-error').removeClass('has-error');
		$(form).find('.help-block').html('');
		var type = "POST";
		var options = {
			target: '',
			url: url,
			type: type,
			success: function(data) {
				$(form)[0].reset();
				form.find('input[name="id"]').val('');
				$("#operators_modal").modal('hide');
				OperatorsTable.draw(true);
				DisplayMessages(data['message']);
				// refreshHeader();
			},
			error: function (jqXHR, exception) {
				var Response = jqXHR.responseText;
				ErrorBlock = $(form);
				Response = $.parseJSON(Response);
				DisplayErrorMessages(Response, ErrorBlock, 'input');
			}
		}
		$(form).ajaxSubmit(options);
	}

	function SetEditOperators(element){
		var Form = $("#operators_save");
		var Id = $(element).attr('data-id');
		var APP_URL = $('meta[name="_base_url"]').attr('content');
		var url = APP_URL + '/operator/' + Id + '/edit';
		$.ajax({
			type: "GET",
			url: url,
			data: "id=" + Id,
			dataType: "json",
			success: function (res) {
				$('.operators_modal_div .edit_modal').html(res.modal);
				initIcheck();
				initSelect();
				initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
				initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
				$('#operators_modal').modal('show');
			}
		});
	}

	function checkAllMenu(){
		$('input[name="check-all-menu"]').on('ifChecked ifUnchecked', function(e){
			if(e.currentTarget.checked){
				$('#menu_permission_modal input[type="checkbox"].check-menu:not(:checked)').iCheck('check');
			} else {
				$('#menu_permission_modal input[type="checkbox"].check-menu:checked').iCheck('uncheck');
			}
		});
	}

	function SetPermission(element){
		var user_id = $(element).attr('data-id');
		$.ajax({
			type: "POST",
			data: {'user_id':user_id},
			url: '{{route('load.menu.model')}}',
			dataType: "html",
			success: function(res) {
				$('body').append(res);
				$(".master-loader").fadeOut( "slow" );
				var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
				$('#menu_permission_modal').find(selector).iCheck({
					checkboxClass: 'icheckbox_minimal-grey',
					radioClass: 'iradio_minimal-grey'
				});
				checkAllMenu();
			},
		}).done(function(result){
			$('#menu_permission_modal').modal('show');
			closeMenuPermissionModel();
		});
	}

	function closeMenuPermissionModel(){
		$('#menu_permission_modal').on('hidden.bs.modal', function () {
			$('#menu_permission_modal').remove();
		});
	}

	function initFileInput(){
		file_inputs = $('input[type="file"]');
		if(file_inputs.length > 0){
			$.each(file_inputs, function(index, element) {
				file_input_name = $(this).attr('name');

				var file_input_src = "";
				var file_input_config = new Array();

				var input_src = $('input[name="'+file_input_name+'"]').data('src');

				if(input_src != "" && input_src !== undefined){
					var file_input_src = input_src.split(",");
					var input_src_names =  $('input[name="'+file_input_name+'"]').data('names');;
					var input_src_names_arr = input_src_names.split(",");
					$.each(file_input_src, function(index, element) {
						file_input_src[index] = APP_URL+'/assets/uploads/operators/'+file_input_src[index];
					});
					$.each(input_src_names_arr, function(i, e) {
						file_type = getFileType(file_input_src[i]);
						obj = { type: file_type, caption:  input_src_names_arr[i], showDelete: false, showZoom: true}
						file_input_config.push(obj);
					});
				}else{
					file_input_config.push({});
				}
				var file_input_options = getFileInputOptions();
				$.extend( file_input_options, {
					initialPreview: file_input_src,
					initialPreviewConfig: file_input_config,
				});
				$(this).fileinput(file_input_options);

				var file_input_name = $(this).attr('name');
				$(this).on('filecleared', function(event) {
					var file_input_src = "";

					var file_input_options = getFileInputOptions();
					$.extend( file_input_options, {
						initialPreview: file_input_src,
						initialPreviewConfig: [ {caption: "", filename: "", showDelete: false,  showZoom: true} ,]
					});
					$(this).fileinput('refresh',file_input_options);
					var input_name = file_input_name.replace('[]', '');
					$('input[name="'+input_name+'_token"]').val('default.jpg');
				});
			});
		}
	}

	function savePermission(){
		var Selected = $("#permission_save input[type=checkbox]:checked").map(function () {return this.value;}).get().join(",");
		$('#permission_save').find('#selected_menu').val(Selected);
		var form = $("#permission_save");
		var formData = $(form).serialize();
		var url = $(form).attr('action');
		var id = form.find('input[name="id"]').val();       
		$(form).find('.has-error').removeClass('has-error');
		$(form).find('.help-block').html('');
		var type = "POST";
		var options = {
			target: '',
			url: url,
			type: type,
			success: function(data) {
				$(form)[0].reset();
				form.find('input[name="id"]').val('');
				$("#menu_permission_modal").modal('hide');
				OperatorsTable.draw(true);
				DisplayMessages(data['message']);
				// refreshHeader();
			},
			error: function (jqXHR, exception) {
				var Response = jqXHR.responseText;
				ErrorBlock = $(form);
				Response = $.parseJSON(Response);
				DisplayErrorMessages(Response, ErrorBlock, 'input');
			}
		}
		$(form).ajaxSubmit(options);
	}
</script>
@stop