@extends('admin.layouts.master')
@section('pageTitle', 'Add Permission')
@section('content')

		
		<div class="page-header">
			<h1 class="page-title">Manage Permissions</h1>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
				<li class="breadcrumb-item active">Add Permission</li>
			</ol>
			<div class="page-header-actions">
				<a class="btn btn-dark" href="{{ route('permissions') }}">
				<i class="icon wb-arrow-left" aria-hidden="true"></i>
				<span class="hidden-sm-down">Back To Listing</span>
				</a>
			</div>
		</div>
		

		<script type="text/javascript">
		$(function(){
				$("#add-form").validationEngine();
			});
		</script>
		<div class="page-content container-fluid">
			<div class="row">
				<div class="col-md-12">
					<div class="role-background card card-shadow">
						<div class="card-header card-header-transparent p-20">
							<h4 class="card-title mb-0">Add Permission</h4>
						</div>
						<div class="card-block">
							@if($errors->any())
								<div class="alert alert-danger">
									@foreach($errors->all() as $error)
										<p>{{ $error }}</p>
									@endforeach
								</div>
							@endif
							<form method="post" action="{{ route('store-permission') }}" id="add-form" autocomplete="off" enctype="multipart/form-data">
								@csrf
								<div class="row">
									<div class="form-group col-md-6">
										<label class="form-control-label" for="name">{{ __('Name') }}</label>
										<input type="text" class="form-control validate[required]" id="name" name="name" placeholder="{{ __('Name') }}" autocomplete="off" tabindex = "1" value="{{ old('name') }}"/>
									</div>		
									<div class="form-group col-md-6">
										<label class="form-control-label" for="description">Description</label>
										<textarea class="form-control" id="description" rows="3" placeholder = "Description" name="description" tabindex = "2">{{ old('description') }}</textarea>
									</div>						
								</div>
								<div class="form-group">
									<button type="submit" tabindex = "3" class="btn btn-success"><i class="icon wb-check" aria-hidden="true"></i> SAVE</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
@endsection