@extends('layouts.admin', ['title' => 'مدیریت سطوح دسترسی'])

@section('css')
<link rel="stylesheet" href="/css/farbtastic.css" type="text/css" />
@stop

@section('content')
	<div class="dvContentLogin">
		
		<form  method="post" action="{{ url('/admin/users/roles/insert') }}" >
 
			<input type="hidden" name="_token" value="{{ csrf_token() }}">
 
			<div class="row">
				<div class="col-md-6"> 
					<div class="form-group">
						<label for="title">عنوان</label>
						<input type="text" name="title" id="title" class="form-control" value="" >
						{!! $errors->first('title', '<span class="error">:message</span>') !!}
					</div>
					
					<div class="form-group">
						<label for="name">نام (انگلیسی)</label>
						<input type="text" name="name" id="name" class="form-control" value="" >
						{!! $errors->first('name', '<span class="error">:message</span>') !!}
					</div>
				
					<div class="form-group">
						<label for="sort_num">ترتیب (عدد کوچکتر بالاتر)</label>
						<input type="text" name="sort_num" id="sort_num" class="form-control" value="" >
						{!! $errors->first('sort_num', '<span class="error">:message</span>') !!}
					</div>
				
					<div class="form-group">
						<label for="color_code">رنگ</label>
						<input type="text" name="color_code" id="color_code" class="form-control color-selector" style="background-color:#fff;" value="" >
						{!! $errors->first('color_code', '<span class="error">:message</span>') !!}
					</div>
				
					<div class="form-group">
						<input type="checkbox" name="chkDemoWallet" id="chkDemoWallet" value="true">
						<label for="chkDemoWallet">در محاسبات موجودی کیف پول این نقش محاسبه نشود</label> 
					</div>

					<div class="form-group">
						<button type="submit" class="btn btn-primary" id="btnSave" name="btnSave" >ذخیره</button>
						<a href="/admin/users/roles" class="btn btn-default">بازگشت</a>
					</div> 
						   
				</div>
				<div class="col-md-6"> 
					<div id="picker"></div>
				</div>
			</div>


		</form>
	 </div>
 
@stop
 
@section('javascript')
<script type="text/javascript" src="/js/farbtastic.js"></script>

<script type="text/javascript" charset="utf-8">  
	$(document).ready(function(){  
		$('#picker').farbtastic(function(color)
		{
			$('.color-selector').val(color);
			$('.color-selector').css('background-color', color);				
		}); 
	}); 
</script>
@stop