@extends('layouts.admin')

@section('content')

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid mt-4">
        <div class="row">
          <!-- left column -->
          <div class="col-md-12">
            <!-- jquery validation -->
            <div class="card card-info">
              <div class="card-header">
                <h3 class="card-title">Role</h3>

                @if(isset($role->id) && $role->id != null)
                    <h3 class="card-title" style="float: right;">Role Edit</h3>
                @else
                    <h3 class="card-title" style="float: right;">Role Create</h3>
                @endif

              </div>
              <!-- /.card-header -->
              <!-- form start -->

                <form class="form-horizontal" action="{{ route('role.save') }}" method="POST" role="form">
                        @csrf

                        <div class="card-body">

                            <div class="row">

                                <div class="col-md-8 offset-md-2">
                
                                    <div class="tile-body">
                                        <div class="form-group">
                                            <label class="control-label" for="name">Role Name <span class="m-l-5 text-danger"> *</span></label>
                                            @if(isset($role->id) && $role->id != null)
                                            <input type="hidden" name="roleId" value="{{$role->id}}">
                                            <input class="form-control @error('name') is-invalid @enderror" placeholder="Role name" id="name" name="name" type="text" value="{{ $role->name }}" data-zdp_readonly_element="false" required="required">
                                            @else
                                            <input class="form-control @error('name') is-invalid @enderror" placeholder="Role name" id="name" name="name" type="text" value="{{ old('name') }}" data-zdp_readonly_element="false" required="required">
                                            @endif
                                            @error('name')
                                                <p class="text-danger">{{ $message }}</p>
                                            @enderror
                                        </div>

                                    
                                        <div class="tile-footer">
                                            <button class="btn btn-primary" type="submit">
                                                <i class="fa fa-fw fa-lg fa-check-circle"></i>
                                                Save Role
                                            </button>
                                            &nbsp;&nbsp;&nbsp;
                                            <a class="btn btn-secondary" href="{{ route('admin.role') }}">
                                                <i class="fa fa-fw fa-lg fa-times-circle"></i>
                                                Cancel
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>



                    </form>

            </div>
            <!-- /.card -->
            </div>
          <!--/.col (left) -->
          <!-- right column -->
          <div class="col-md-6">

          </div>
          <!--/.col (right) -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->

@endsection