@extends('layouts.master')
@section('title') @lang('translation.form-layouts') @endsection
@section('content')
    @component('components.breadcrumb')
        @slot('li_1') Forms @endslot
        @slot('title') Create Permission @endslot
    @endcomponent

    <div class="row">
        <div class="col-xxl-6">
            <div class="card">
                <div class="card-header align-items-center d-flex">
                    <h4 class="card-title mb-0 flex-grow-1">Add New Permission</h4>
                </div><!-- end card header -->
                <div class="card-body">
                   <div class="live-preview">
                       <form action="{{ route('permissions.update', $permission) }}" method="POST">
                            @csrf
                            @method('PUT')

                            <!-- Permission Name -->
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="name" class="form-label">Permission Name</label>
                                </div>
                                <div class="col-lg-9">
                                    <input id="name" name="name" type="text" class="form-control" required autofocus
                                     value="{{ old('name', $permission->name) }}" >
                                    @error('name')
                                        <span class="invalid-feedback" role="alert"></span>
                                            <strong>{{ $message }}</strong>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="text-end">
                                <a href="{{ route('permissions.index') }}" class="btn btn-danger">Cancel</a>
                                <button type="submit" class="btn btn-primary">Update Permission</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div><!--end row-->


@endsection