@extends('layouts.master')

    <!-- Main content -->
@section('content')
      <div class="row">
        <div class="col-xs-12">
          <form role="form" action="{{ asset("/roles/") }}/{{ $roles->roles_id }}" method="post">		
			  {{ csrf_field() }}
		 <input type="hidden" name="_method" value="PUT">
          <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
              <li class="active"><a href="#rolesinfo" data-toggle="tab">Roles Information</a></li>
              <li><a href="#otherinfo" data-toggle="tab">Permession</a></li>
            </ul>
            <div class="tab-content">
              <!-- Roles Information -->
              <div class="tab-pane active" id="rolesinfo">             
					<div class="form-group">
					  <label>Code</label>
					  <input type="text" class="form-control input-sm" name="code" placeholder="Input Code" value="{{$roles->roles_code}}">
					</div>
					<div class="form-group">
					  <label>Name</label>
					  <input type="text" class="form-control input-sm" name="name" placeholder="Input Name" value="{{$roles->roles_name}}">
					</div>
					  <div class="box-footer">
						<a href="{{ asset("/roles/") }}"><button type="button" class="btn btn-default">Back</button></a>
						<button type="submit" class="btn btn-info pull-right"><i class="fa fa-save"></i> Save</button></a>
						<button type="reset" class="btn btn-default pull-right"><i class="fa fa-eraser"></i> Reset</button>
					  </div>
			  
			  </div>              
			  <!-- /Roles Information -->

              <!-- Permession-->
              <div class="tab-pane" id="otherinfo">
			   Permession
					  <div class="box-footer">
						<a href="{{ asset("/roles/") }}"><button type="button" class="btn btn-default">Back</button></a>
						<button type="submit" class="btn btn-info pull-right"><i class="fa fa-save"></i> Save</button></a>
						<button type="reset" class="btn btn-default pull-right"><i class="fa fa-eraser"></i> Reset</button>
					  </div>			   
              </div>
              <!-- /#Permession -->

            </div>
            <!-- /.tab-content -->
          </div>
          <!-- /.nav-tabs-custom -->	
		</form>		
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
@endsection