@extends('layouts.app')

@section('content')
<div id="container" class="container">
    <div class="row justify-content-center">
        <div class="col-md-10">
            <div class="card">
                
              <div class="card-header">
                    @if(isset($breadcrumbs))
                      <div id="breadcrumb">
                        <ol class="breadcrumb nav-item m-0" style="background: inherit; ">
                            @foreach ($breadcrumbs as $breadcrumb)
                                @if ($breadcrumb->url && !$loop->last)
                                    <li class="breadcrumb-item"><a href="{{ $breadcrumb->url }}">{{ $breadcrumb->title }}</a></li>
                                @else
                                    <li class="breadcrumb-item active">{{ $breadcrumb->title }}</li>
                                @endif
                            @endforeach
                        </ol>
                      </div>
                    @endif
                  </div>

                <div class="card-body">


                    <meta name="csrf-token" content="{{csrf_token()}}">
                    <form action="index.html" method="post">
                      <div class="form-group row">
                        <div class="col-md-6">
                          <div class="row">
                            <label class="col-md-3 m-0">Nombre</label>
                            <div class="col-md-6">
                              <input v-model="name" type="text" class="form-control">
                            </div>
                          </div>
                          <label v-if="name_error.length > 0" v-for="(error, index) in name_error" class="text-danger">
                            <div v-if="error">@{{error}}</div>
                          </label>
                        </div>
                        <div class="col-md-12 mt-4">
                          <label>Restricciones</label>
                          <div class="card">
                            <data-table item="permiso" theme="default" search="true" allowcreate="false" send-columns="false"></data-table>
                          </div>
                          <label v-if="permissions_error.length > 0" v-for="(error, index) in permissions_error" class="text-danger">
                            <div v-if="error">@{{error}}</div>
                          </label>
                        </div>
                      </div>
                    </form>
                    @if (isset($userRole)&&($userRole->isRoot||$userRole->roles->isAllowedUpdateItem))
                      <a v-on:click="updateRole" v-if="id" class="btn btn-success text-light float-right">Guardar</a>
                    @endif
                    @if (isset($userRole)&&($userRole->isRoot||$userRole->roles->isAllowedCreateItem))
                      <a v-on:click="createRole" v-else class="btn btn-success text-light float-right">Guardar</a>
                    @endif
                    @if (isset($userRole)&&($userRole->isRoot||$userRole->roles->isAllowedDeleteItem))
                      <a v-if="id" class="btn btn-danger text-light" data-toggle="modal" data-target="#DeleteModal"><i class="fa fa-trash"></i></a>
                      <modal v-if="id" :name="name" item="rol" :id_item="id" ></modal>
                    @endif

                </div>
            </div>
        </div>
    </div>
</div>
@endsection