@extends('layouts.simple.master')


@section('css')
    
@endsection

@section('style')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
@endsection

@section('breadcrumb-title')
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item">Create Role</li>
@endsection

@section('content')
<div class="container-fluid">
	<div class="row">
	  <div class="col-sm-12">
		<div class="card">
		  <div class="card-header">
			<h5>create Role</h5>
		  </div>
		  <form class="form theme-form"  method="post" action="{{route('admin.store-role')}}">
		  @csrf
			<div class="card-body">
			  <div class="row">
				<div class="col-sm-4">
				  <div class="mb-3">
				  	<label class="form-label" for="name">Name</label>
					<input class="form-control" id="name" type="text"  name="name">
				  </div>
				</div>				
			  </div>	
			  <div class="row">
				<div class="col">
					<div class="m-t-15 m-checkbox-inline">
					<div class="form-check form-check-inline checkbox checkbox-dark mb-0">
						<input class="form-check-input" id="inline-1" name="permission[]" value="add" type="checkbox" data-bs-original-title="" title="">
						<label class="form-check-label" for="inline-1">Add</label>
					</div>
					<div class="form-check form-check-inline checkbox checkbox-dark mb-0">
						<input class="form-check-input" id="inline-2" name="permission[]" value="edit" type="checkbox" data-bs-original-title="" title="">
						<label class="form-check-label" for="inline-2">Edit</label>
					</div>
					<div class="form-check form-check-inline checkbox checkbox-dark mb-0">
						<input class="form-check-input" id="inline-3" name="permission[]" value="delete" type="checkbox" data-bs-original-title="" title="">
						<label class="form-check-label" for="inline-3">Delete</label>
					</div>
					</div>
				</div>
			  </div>
			  
			</div>
			<div class="card-footer text-end">
			  <button class="btn btn-primary" type="submit">Submit</button>
			  <input class="btn btn-light" type="reset" value="Cancel">
			</div>
		  </form>
		</div>
	   </div>
	</div>
</div>
@endsection

@section('script')

@endsection