{{-- resources/views/admin/users/roles/create.blade.php --}}
@extends('admin.layouts.app')

@section('content')
<div class="page-inner">
    <div class="page-header d-flex justify-content-between align-items-center mb-3">
        <h4 class="page-title mb-0">Tambah Role Baru</h4>
        <ul class="breadcrumbs mb-0">
            <li class="nav-home">
                <a href="{{ route('admin.dashboard') }}">
                    <i class="icon-home"></i>
                </a>
            </li>
            <li class="separator">
                <i class="icon-arrow-right"></i>
            </li>
            <li class="nav-item">
                <a href="{{ route('admin.users.index') }}">Manajemen User</a>
            </li>
            <li class="separator">
                <i class="icon-arrow-right"></i>
            </li>
            <li class="nav-item">
                <a href="{{ route('admin.roles.index') }}">Data Role</a>
            </li>
            <li class="separator">
                <i class="icon-arrow-right"></i>
            </li>
            <li class="nav-item">
                <a href="#">Buat Baru</a>
            </li>
        </ul>
    </div>

    <div class="row">
        <div class="col-md-12">
            @include('admin.users._sidebar-users')
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="card-title">Form Data Role</div>
                </div>
                <form action="{{ route('admin.roles.store') }}" method="POST">
                    @csrf
                    <div class="card-body">
                        <div class="form-group">
                            <label>Nama Tampilan (Display Name) <span class="text-danger">*</span></label>
                            <input type="text" name="display_name" class="form-control" placeholder="Contoh: Staff Keuangan" required>
                        </div>
                        <div class="form-group">
                            <label>Kode Role (Name) <span class="text-danger">*</span></label>
                            <input type="text" name="name" class="form-control" placeholder="Contoh: staff_keuangan (huruf kecil, tanpa spasi)" required>
                            <small class="text-muted">Digunakan untuk kodingan sistem (Unique).</small>
                        </div>
                        <div class="form-group">
                            <label>Deskripsi</label>
                            <textarea name="description" class="form-control" rows="3" placeholder="Jelaskan fungsi role ini..."></textarea>
                        </div>
                    </div>
                    <div class="card-action text-end">
                        <a href="{{ route('admin.roles.index') }}" class="btn btn-danger">Batal</a>
                        <button type="submit" class="btn btn-primary">Simpan Data</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection