@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/' . $data->id . '/edit') }}" >
 
			<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="{{ $data->title }}" >
						{!! $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="{{ $data->name }}" >
						{!! $errors->first('name', '<span class="error">:message</span>') !!}
					</div>
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="sort_num">ترتیب (عدد کوچکتر بالاتر)</label>
								<input type="text" name="sort_num" id="sort_num" class="form-control" value="{{ $data->sort_num }}" >
								{!! $errors->first('sort_num', '<span class="error">:message</span>') !!}
							</div>
						</div>
					</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:{{ $data->color_code != '' ? $data->color_code : '#fff' }};" value="{{ $data->color_code }}" >
						{!! $errors->first('color_code', '<span class="error">:message</span>') !!}
					</div>

					<div class="form-group">
						<input type="checkbox" name="chkDemoWallet" id="chkDemoWallet" {{ $data->demo_wallet == true ? 'checked="checked"' : '' }} value="true">
						<label for="chkDemoWallet">در محاسبات موجودی کیف پول این نقش محاسبه نشود</label> 
					</div>
				</div>
				
				<div class="col-md-6">
					<div id="picker"></div>
				</div>

				
			</div>

			<div class="row">
				<div class="col-md-5">
					<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-5">
				
				</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