@extends('home')
@section('title')
  @lang('site.site_name')
@endsection
@section('styles')
@endsection
@section('content')
  {!! Form::open(array('route' => ['admin.role.store'],'method' => 'POST' ,'files' => true ,'class' => 'form-horizontal','id' => 'form-main')) !!}
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <a href="{{ Route('dashboard.home.page') }}">{{ __('Home') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <a href="{!! URL::route('admin.role.index') !!}">{{ __('Roles') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>{{ __('New') }}</strong> 
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
        <div class="actions">
          <button type="submit" class="btn btn-success" name="action" value="save">
            <i class="fa fa-edit"></i>{{ __('Save') }}
          </button>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="portlet light bordered">
        <div class="portlet-body">
          <div class="row">
            <div class="col-md-10">
              <div class="portlet light portlet-fit bordered">
                <div class="portlet-body">
                  <div class="tab-content">
                  
                    <div class="form-group{{ $errors->has('display_name') ? ' has-error' : '' }}">
                      <label for="display_name" class="col-md-4 ">{!! __('Name') !!}</label>
                      <div class="col-md-6">
                        <input id="display_name" type="text" class="form-control" name="display_name"
                        value=""
                        required autofocus>
                        @if ($errors->has('display_name'))
                          <span class="help-block">
                            <strong>{{ $errors->first('display_name') }}</strong>
                          </span>
                        @endif
                      </div>
                    </div>
                    <div class="form-group{{ $errors->has('description') ? ' has-error' : '' }}">
                      <label for="description" class="col-md-4 ">{!! __('Description') !!}</label>
                      <div class="col-md-6">
                        <textarea rows="4" cols="50" name="description" id="description"
                        class="form-control"></textarea>
                        @if ($errors->has('description'))
                          <span class="help-block">
                            <strong>{{ $errors->first('description') }}</strong>
                          </span>
                        @endif
                      </div>
                    </div>
                    <div class="form-group{{ $errors->has('permissions') ? ' has-error' : '' }}">
                      <label for="permission" class="col-md-3 ">{!! __('Permissions') !!}</label>
                      <div class="col-md-9">
                        <div class="row">
                          @foreach ($permissions as $permission)
                            <div class="col-md-6">
                              <input type="checkbox" value="{{@$permission->id}}"
                              name="permissions[]">
                              {{@$permission->display_name}}
                          </div>
                          @endforeach
                        </div>
                        @if ($errors->has('permissions'))
                          <span class="help-block">
                            <strong>{{ $errors->first('permissions') }}</strong>
                          </span>
                        @endif
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-2">
              <div class="portlet light portlet-fit bordered">
                <div class="portlet-body">
                  <div class="form-group">
                    <button type="submit" class="btn green"> <i class="fa fa-edit"></i> {{ __('Save') }}</button>
                    <a href="{!! URL::route('admin.role.index') !!}" class="btn red "> {{ __('Cancel') }} <i class="icon-wallet"></i>
                    </a>
                    <div class="clearfix margin-bottom-10"> </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <ul class="m-nav-sticky" style="margin-top: 30px;">
    <li class="m-nav-sticky__item " >
      <button name="submit" value="apply" type="submit" class="btn btn-primary tooltips" data-container="body" data-placement="left" data-original-title="Apply">
        <i class="fa fa-floppy-o"></i>
      </button>
    </li>
    <li class="m-nav-sticky__item " >
      <button name="submit" value="save" type="submit" class="btn btn-primary tooltips" data-container="body" data-placement="left" data-original-title="Save & Close">
        <i class="fa fa-clipboard"></i>
      </button>
    </li>
    <li class="m-nav-sticky__item">
      <a  href="{!! URL::route('admin.role.index') !!}"  class="btn btn-primary tooltips" data-container="body" data-placement="left" data-original-title="Cancel"><i class="fa fa-times"></i></a>
    </li>
  </ul>
  {!! Form::close() !!}
@endsection
@section('scripts')
@endsection