@extends('layouts.master')
@section('title', 'Create Permission')
@section('content')
<div class="container">

    <div class="card-header bg-primary text-white py-3">
        <h5 class="mb-0"><i class="fas fa-chart-line me-2"></i> Add Permission</h5>
    </div>

    @if ($errors->any())
        <div class="alert alert-danger mt-3">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('permissions.store') }}" method="POST" class="mt-3">
        @csrf

        <!-- Module Name -->
        <div class="form-group mb-3">
            <label for="name">Module Name</label>
            <input type="text" name="name" id="name" class="form-control"
                   placeholder="e.g. Settings, Finance, HR" required>
        </div>

        <!-- Feature Name -->
        <div class="form-group mb-3">
            <label for="feature">Feature Name</label>
            <input type="text" name="feature" id="feature" class="form-control"
                   placeholder="e.g. Users, Roles, Company Details" required>
        </div>

        <!-- Slug -->
        <div class="form-group mb-3">
            <label for="slug">Slug (unique identifier)</label>
            <input type="text" name="slug" id="slug" class="form-control"
                   placeholder="e.g. settings.users.view" required>
            <small class="text-muted">Use lowercase with dots to organize (module.feature.action)</small>
        </div>

        <!-- Buttons -->
        <div class="mb-3">
            <button type="submit" class="btn btn-primary">Save Permission</button>
            <a href="{{ route('permissions.index') }}" class="btn btn-secondary">Back</a>
        </div>
    </form>
</div>
@endsection