@extends('layouts.cannavaro.master')

@section('header')
<link rel="stylesheet" type="text/css" href="{!! asset('css/switchcheckbox.css') !!}">
@stop

@section('breadcrumb')
<span class="header-icon"><i class="fa fa-home"></i></span>
<ol class="breadcrumb newcrumb ng-scope">
    <li>
        <a href="{{ URL::to('admin') }}"><span></span>Pentadbir Sistem</a>
    </li>
    <li>Had Akses</li>
</ol>
@stop

@section('content')
<div class="box">
	<div class="box-header with-border">
		<!-- <div class="row">
			<div class="pull-left col-sm-12 col-md-6 col-lg-6">
				<a href="javascript:;" data-toggle="modal" data-target="#modal-1" data-backdrop="static" class="pull-left btn btn-sm btn-primary"><i class="fa fa-plus-circle"></i> {{ __('Admin::permission.addpermission') }}</a>
			</div>
			<div class="box-tools col-sm-12 col-md-6 col-lg-6">
	            <button data-toggle="collapse" data-target="#searchbox" class="searchbox btn btn-box-tool pull-right" href="javascript:;" role="button">SEARCH&nbsp;&nbsp;&nbsp;<i class="fa fa-search"></i></button>
			</div>
		</div> -->
		<div class="pull-right box-tools">

			<a class="btn btn-xs btn-primary text-white dom_adddata"><i class="fa fa-plus-circle"></i> {{ __('Admin::permission.addpermission') }}</a>
            <!--a href="javascript:;" data-toggle="modal" data-target="#modal-1" data-backdrop="static" class="btn btn-xs btn-primary text-white"><i class="fa fa-plus-circle"></i> {{ __('Admin::permission.addpermission') }}</a-->

            <a data-toggle="collapse" data-target="#searchbox" class="searchbox btn btn-xs btn-primary text-white" href="javascript:;" role="button"><i class="fa fa-search"></i></a>

        </div>

        <h3 class="box-title"><i class="fa fa-sitemap"></i> 
            <span>Senarai Had Akses</span>
        </h3>
	</div><!-- end box-header -->

	<div class="box-body">
		<div id="searchbox" class="collapse {{ Input::has('search') ? 'in' : '' }} well">
		  {{ Form::open(['action'=>'\App\Modules\Admin\Controllers\PermissionController@index', 'method'=>'get', 'class'=>'form-horizontal']) }}
		  	<div class="form-group">
		  		<label class="form-label col-sm-12 col-md-1">{{ __('Admin::user.searchby') }}</label>
		  		<div class="col-sm-12 col-md-2">
				  	<select class="form-control input-sm" name="search">
				  		<option value="name">{{ __('Admin::permission.permissionname') }}</option>
				  		<option value="namespace">Namespace</option>
				  		<option value="controller">Controller</option>
				  		<option value="function">Function</option>
				  	</select>
			  	</div>
			  	<div class="col-sm-12 col-md-6"><input type="text" class="input-sm form-control" value="{{ Input::get('keyword') }}" placeholder="{{ __('Admin::base.keyword') }}" name="keyword"></div>
			  	<div class="col-sm-12 col-md-3 text-center">
			  		<button class="btn btn-sm btn-success"><i class="fa fa-search"></i> {{ __('Admin::base.search') }}</button>
			  		<a href="{{ URL::to('admin/permission') }}" class="btn btn-sm btn-default"><i class="fa fa-refresh"></i> {{ __('Admin::base.reset') }}</a>
			  	</div>
		  	</div>
		  {{ Form::close() }}
		</div><!-- end searchbox -->
		<div class="table-responsive">
			<table class="table table-striped jambo_table bulk_action table-bordered">
				<thead>
					<tr class="headings bg-info">
						<th class="column-title">{{ __('Admin::permission.permissionname') }}</th>
						<th class="column-title">{{ __('Admin::base.description') }}</th>
						<th class="column-title">Namespace</th>
						<th class="column-title text-center">Controller</th>
						<th class="column-title text-center">Function</th>
						<th class="column-title text-center">Menu Utama</th>
						<th class="column-title text-center">Susunan</th>
						<!--th class="column-title text-center" width="20%">{{ __('Admin::base.lastupdate') }}</th-->
						<th class="column-title text-center" width="10%">{{ __('Admin::base.action') }}</th>
					</tr>
				</thead>
				<tbody>
					@if(count($permissions) > 0)
					@foreach($permissions as $permission)
					<tr>
						<td>{!! $permission->name !!}</td>
						<td>{!! ($permission->description!='') ? $permission->description : 'No Description Available' !!}</td>
						<td>{!! $permission->namespace !!}</td>
						<td>{!! $permission->controller !!}</td>
						<td>{!! $permission->function !!}</td>
						<td class="text-center">
							@if($permission->parent_menu == 1)
								<span class="label label-success">Ya</span>
							@else
								<span class="label label-warning">Tidak</span>
							@endif
						</td>
						<td class="text-right">{!! $permission->sort !!}</td>
						<td class="text-center">
							<a data-backdrop="static" data-id="{{ $permission->id }}" data-name="{{ $permission->name }}" data-namespace="{{ $permission->namespace }}" data-controller="{{ $permission->controller }}" data-function="{{ $permission->function }}" data-desc="{{ $permission->description }}" data-sort="{{ $permission->sort }}" data-parentmenu="{{ $permission->parent_menu }}" class="btn btn-info btn-xs editbtn" href="javascript:;"><i class="fa fa-edit"></i></a>
						</td>
					</tr>
					@endforeach
					@else
					<tr><td colspan="4">No result(s)</td></tr>
					@endif
				</tbody>
				@if(count($permissions) > 0)
				<tfoot>
					<tr class="bg-info">
						<td colspan="8" class="text-left">
							{{ $permissions->firstItem() }} - {{ $permissions->lastItem() }} daripada {{ $permissions->total() }} (Mukasurat {{ $permissions->currentPage() }})
						</td>
					</tr>
				</tfoot>
				@endif
			</table>
			{{ $permissions->appends(Request::only('search'))->appends(Request::only('keyword'))->links() }}
		</div>

	</div><!-- end box-body -->

	

</div>
@stop


@section('footer')
<div class="modal fade" id="modal-1">
	<div class="modal-dialog">
		<div class="modal-content">

			<div class="modal-header bg-primary">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title">{!! trans('Admin::permission.addpermission') !!}</h4>
			</div>

			@if (session('flash_error'))
			    <div class="alert alert-block alert-error fade in">
			        <strong>{{ __('Admin::base.error') }}!</strong>
			        {!! session('flash_error') !!}
			        <!--span class="close" data-dismiss="alert">×</span-->
			    </div>
			@endif

			{!! Form::open(['action'=>'\App\Modules\Admin\Controllers\PermissionController@store', 'method'=>'post', 'class'=>'form-horizontal form-label-left permissionform']) !!}
			<div class="modal-body">
				<input class="form-control dom_modaldata" type="hidden" value="{{ old('id') }}" name="id" />
				<div class="form-group">
					<label class="control-label col-md-4 col-sm-4 col-xs-12">{{ __('Admin::permission.permissionname') }} <font color="red">*</font></label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input class="form-control dom_modaldata" type="text" value="{{ old('name') }}" name="name" placeholder="{{ __('Admin::permission.permissionname') }}" />
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-4 col-sm-4 col-xs-12">Namespace</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input class="form-control dom_modaldata" type="text" value="{{ old('namespace') }}" name="namespace" placeholder="Namespace" />
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-4 col-sm-4 col-xs-12">Controller</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input class="form-control dom_modaldata" type="text" value="{{ old('controller') }}" name="controller" placeholder="Controller Name" />
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-4 col-sm-4 col-xs-12">Function</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input class="form-control dom_modaldata" type="text" value="{{ old('function') }}" name="function" placeholder="Function Name" />
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-4 col-sm-4 col-xs-12">{{ __('Admin::base.description') }} <font color="red">*</font></label>
					<div class="col-md-7 col-sm-7 col-xs-12"><textarea name="description" value="{{ old('description') }}" class="form-control dom_modaldata" placeholder="{{ __('Admin::base.description') }}"></textarea></div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-4 col-sm-4 col-xs-12">Master? <font color="red">*</font></label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<div class="checkbox checbox-switch switch-dark">
                            <label>
                                <input type="checkbox" class="form-control dom_modaldatacheck" name="parent_menu" value="1" />
                                <span></span> 
                            </label>
                        </div>
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-4 col-sm-4 col-xs-12">Sort <font color="red">*</font></label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input class="form-control dom_modaldata" type="text" value="{{ old('sort') }}" name="sort" placeholder="Sort" />
					</div>					
				</div>
			</div>
			
			<div class="modal-footer">
				<a href="javascript:;" class="btn btn-sm btn-default" data-dismiss="modal">{{ __('Admin::base.close') }}</a>
				<button type="submit" class="btn btn-sm btn-success"><i class="fa fa-check-circle"></i> {{ __('Admin::base.save') }}</button>
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div> 

<script type="text/javascript">

	@if( Session::get('modal') )
		$('#modal-1').modal( {backdrop: 'static', keyboard: false} ); 
	@endif

	$('.dom_adddata').on('click', function() {
		$('.dom_modaldata').val('');
		$('.dom_modaldatacheck').prop('checked',false);
		$('#modal-1').modal('show');
		$('.permissionform').attr('action', '{{ URL::to("admin/permission") }}' );
	});
	
	$('.editbtn').on('click', function() {

		$('.dom_modaldata').val('');
		var permsid = $(this).data('id');
		var permsname = $(this).data('name');
		var permsnamespace = $(this).data('namespace');
		var permsdesc = $(this).data('desc');
		var permsfunction = $(this).data('function');
		var persmcontroller = $(this).data('controller');

		$('#modal-1').modal('show');
		
		$("[name='name']").val(permsname);
		$("[name='namespace']").val(permsnamespace);
		$("[name='controller']").val(persmcontroller);
		$("[name='function']").val(permsfunction);
		$("[name='description']").val(permsdesc);
		$("[name='sort']").val($(this).data('sort'));
		$("[name='id']").val(permsid);

		if($(this).data('parentmenu')=='1'){
        	$('.dom_modaldatacheck').prop('checked',true);
        }else{
        	$('.dom_modaldatacheck').prop('checked',false);
        }

		//$('.permissionform').attr('action', '{{ URL::to("admin/permission/update") }}/'+$(this).data('id') );

	});

	$(document).on('focusout', '.numericinput', function() {
        if($(this).val()!=''){
            if($.isNumeric( $(this).val() ) ){
                return true;
            }else{
                swal('{{ __("Admin::base.error") }}!', '{{ __("Admin::base.numericonly") }}', 'error');
                $(this).val('');
            }
        }
    });

</script>


@stop