@extends('layouts.admin.app')

@section('content')
<div class="container-fluid">

    <h4 class="fw-bold text-info mb-4">
        <i class="fas fa-plus me-2"></i> Nova Categoria
    </h4>

    <div class="card shadow-lg border-0 col-xl-6">
        <div class="card-body bg-dark text-light rounded">

            <form method="POST" action="{{ route('dashboard.admin.configuracoes.categorias.store') }}">
                @csrf

                <div class="mb-3">
                    <label class="form-label">Nome da Categoria</label>
                    <input type="text" name="name"
                           class="form-control bg-light @error('name') is-invalid @enderror"
                           placeholder="Ex: Impressoras, Computadores">
                    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Descrição</label>
                    <textarea name="description" rows="3"
                              class="form-control bg-light"
                              placeholder="Descrição opcional"></textarea>
                </div>

                <div class="d-flex justify-content-end">
                    <a href="{{ route('dashboard.admin.configuracoes.categorias.index') }}" class="btn btn-secondary me-2">
                        Cancelar
                    </a>
                    <button class="btn btn-info">
                        Salvar Categoria
                    </button>
                </div>

            </form>

        </div>
    </div>

</div>
@endsection