@extends("layouts.dashboard")

@section("wrapper")
    @include("layouts.second-header")

    <div class="container">
        <div class="row justify-content-center">
            <div style="margin-left: 200px">
    <div class="col-xl-9 mx-auto">

        <h6 class="mb-0 text-uppercase">Ajouter {{ $title }}</h6>

        <hr>

        <div class="card">
            <div class="card-body">
                <div class="p-4 border rounded">
                    <form class="row" action="{{ route("permission_a.store") }}" method="post">
                        @csrf

                        <div class="col-sm-12">
                            <label for="feature_id" class="form-label">Fonctionnalité</label>
                            <select id="feature_id" name="feature_id" class="form-control select2">
                                <option value=""> Selectionner une Fonctionnalité</option>
                                @foreach ($features as $feature)
                                    <option value="{{$feature->id}}">{{$feature->libelle}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-sm-12">
                            <label for="libelle" class="form-label">Libellé</label>
                            <input type="text" id="name" name="name" class="form-control @error("name") is-invalid @enderror" required>
                            @error("name") <div class="invalid-feedback">{{$message}}</div> @enderror
                        </div>


                        <div class="col-12 mt-3">
                            <a href="{{ route("permission.index") }}" class="btn btn-danger">Annuler</a>
                            <button class="btn btn-primary" type="submit">Valider</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection