@extends('backend/include/layout')
<!-- title -->
@section('title') Enregistrement Rôle Habilitation || {{env('APP_NAME')}} @endsection

@section('fil-arial') 
<div class="pagetitle">
    <h1>Rôle Habilitation</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#" style="text-decoration: none;">Accueil</a></li>
        <li class="breadcrumb-item"><a href="{{route('admin.parametres')}}" style="text-decoration: none;">Paramètres</a></li>
        <li class="breadcrumb-item"><a href="{{route('rolehabilitations.index')}}" style="text-decoration: none;">Rôle Habilitation</a> </li>
        <li class="breadcrumb-item active">Enregistrement </li>
      </ol>
    </nav>
  </div> 
@endsection

@section('contenu') 
<section class="section">
    <div class="row">
      <div class="col-lg-12">
    <div class="card">
        <div class="card-body">
        <h5 class="card-title">Enregistrement</h5>
          <!-- General Form Elements -->
          @if ($errors->any())
          <div class="alert alert-danger">
              <strong>Error!</strong>
              <ul>
                  @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
                  @endforeach
              </ul>
          </div>
          @endif
          <form action="{{ route('rolehabilitations.store') }}" method="post">
            @csrf
            <div class="row mb-3">
              <label for="inputText" class="col-sm-2 col-form-label">Rôle <i class="text-danger">*</i></label>
              <div class="col-sm-10">
                <select class="form-select select-2" name="role_id" id="role_id">
                  <option selected>Sélectionnez un rôle</option>
                  @foreach ($roles as $item)
                  <option value="{{$item->id}}">{{$item->libelle}}</option> 
                  @endforeach
                </select> 
              </div>
            </div>  
            <div class="row mb-3">
              <label for="data" class="col-sm-2 col-form-label">Habilitations </label>
              <div class="col-sm-10">
                <div class="row">
                  <div class="col-md-3">
                    <input type="checkbox" class="form-checkbox" name="created" id="created" value="1"> Created
                  </div>
                  <div class="col-md-3">
                    <input type="checkbox" name="readed" id="readed" value="1"> Readed
                  </div>
                  <div class="col-md-3">
                    <input type="checkbox" name="updated" id="updated" value="1"> Updated
                  </div>
                  <div class="col-md-3">
                    <input type="checkbox" name="deleted" id="deleted" value="1"> Deleted
                  </div> 
                </div>
                <div class="row mt-2">
                  <div class="col-md-3">
                    <input type="checkbox" name="moved" id="moved" value="1"> Moved
                  </div>
                </div>
              </div>
            </div>  
            <div class="row mb-3">
              <label class="col-sm-2 col-form-label">Validation</label>
              <div class="col-sm-10">
                <button type="submit" class="btn btn-warning">Enregistrer</button>
              </div>
            </div> 
          </form><!-- End General Form Elements -->
        </div>
    </div>
</div>
</div>
</section>
 
  @endsection

<!-- jsScript -->
@section('script-js')
<script>
    $(document).ready(function() {   

      // remove menu active
      $("ul").removeClass('show');
      $("ul li a").removeClass('active');
      // active menu 
      $("#parametres").removeClass('collapsed');
    } );
</script> 
@endsection