@extends('layouts.app')
@section('title', 'Nueva Categoría')
@section('page-title', 'Nueva Categoría')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('logistica.dashboard') }}">Logística</a></li>
    <li class="breadcrumb-item"><a href="{{ route('logistica.categorias.index') }}">Categorías</a></li>
    <li class="breadcrumb-item active">Nueva</li>
@endsection
@section('content')

<div class="card" style="max-width:600px;">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-plus mr-2"></i>Nueva Categoría</h3>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('logistica.categorias.store') }}">
            @csrf
            <div class="form-group">
                <label>Nombre <span class="text-danger">*</span></label>
                <input type="text" name="nombre"
                    class="form-control @error('nombre') is-invalid @enderror"
                    value="{{ old('nombre') }}" maxlength="100" required>
                @error('nombre')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label>Descripción</label>
                <textarea name="descripcion" rows="3"
                    class="form-control @error('descripcion') is-invalid @enderror"
                    maxlength="300">{{ old('descripcion') }}</textarea>
                @error('descripcion')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <div class="custom-control custom-switch">
                    <input type="hidden" name="activo" value="0">
                    <input type="checkbox" class="custom-control-input" id="activo" name="activo" value="1"
                        {{ old('activo', '1') ? 'checked' : '' }}>
                    <label class="custom-control-label" for="activo">Activo</label>
                </div>
            </div>
            <hr>
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save mr-1"></i>Guardar
            </button>
            <a href="{{ route('logistica.categorias.index') }}" class="btn btn-secondary ml-2">
                <i class="fas fa-times mr-1"></i>Cancelar
            </a>
        </form>
    </div>
</div>

@endsection