@extends('layouts.superadmin')

@section('content')
<div class="row">
    <div class="col-md-8">
        <div class="main-card mb-3 card">
            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if(session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif

            <div class="card-header mt-2">
                <h2 class="float-left">Features</h2>
                <div class="btn-actions-pane-right float-right">
                    <a href="{{ route('portal.features.create') }}" class="btn btn-primary btn-sm">Create Feature</a>
                </div>
            </div>
            <div class="card-body p-0">
                <table class="table mb-0">
                    <thead class="thead-light">
                        <tr><th>Name</th><th>Code</th><th>Description</th><th class="text-right">Actions</th></tr>
                    </thead>
                    <tbody>
                        @foreach($features as $feature)
                        <tr>
                            <td>{{ $feature->name }}</td>
                            <td><code>{{ $feature->code }}</code></td>
                            <td>{{ Str::limit($feature->description, 80) }}</td>
                            <td class="text-right">
                                <a href="{{ route('portal.features.edit', $feature) }}" class="btn btn-sm btn-outline-primary">Edit</a>
                                <form action="{{ route('portal.features.destroy', $feature) }}" method="POST" class="d-inline-block" onsubmit="return confirm('Delete feature?')">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-sm btn-outline-danger">Delete</button>
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="card-footer">{{ $features->links() }}</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="main-card mb-3 card">
            <div class="card-body">
                <h5 class="card-title">Feature Guide</h5>
                <p class="card-text small">Features are the atomic capabilities (attendance, salary, reports). Use codes to refer in middleware and permissions.</p>
            </div>
        </div>
    </div>
</div>
@endsection