@extends('layouts.app')
@section('title', 'Registrar Gasto Operativo')
@section('page-title', 'Registrar Gasto Operativo')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('costos.dashboard') }}">Costos</a></li>
    <li class="breadcrumb-item"><a href="{{ route('costos.gastos.index') }}">Gastos</a></li>
    <li class="breadcrumb-item active">Nuevo</li>
@endsection
@section('content')

<div class="card" style="max-width:680px">
    <div class="card-header py-2">
        <h6 class="mb-0"><i class="fas fa-file-invoice-dollar mr-2 text-warning"></i>Nuevo Gasto Operativo</h6>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('costos.gastos.store') }}">
            @csrf
            <div class="form-group">
                <label class="font-weight-bold">Descripción <span class="text-danger">*</span></label>
                <input type="text" name="descripcion" class="form-control @error('descripcion') is-invalid @enderror"
                       maxlength="150" value="{{ old('descripcion') }}"
                       placeholder="Ej: Alquiler local industrial — Mayo 2026" required>
                @error('descripcion')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label class="font-weight-bold">Categoría <span class="text-danger">*</span></label>
                        <select name="categoria" class="form-control @error('categoria') is-invalid @enderror" required>
                            <option value="">— Seleccionar —</option>
                            @foreach($categorias as $key => $cat)
                            <option value="{{ $key }}" {{ old('categoria') == $key ? 'selected' : '' }}>
                                {{ $cat['label'] }}
                            </option>
                            @endforeach
                        </select>
                        @error('categoria')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label class="font-weight-bold">Tipo de Costo</label>
                        <select name="tipo_costo" class="form-control">
                            <option value="fijo" {{ old('tipo_costo','fijo')=='fijo'?'selected':'' }}>Fijo (mensual recurrente)</option>
                            <option value="variable" {{ old('tipo_costo')=='variable'?'selected':'' }}>Variable (puntual)</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label class="font-weight-bold">Monto <span class="text-danger">*</span></label>
                        <input type="number" name="monto" step="0.01" min="0.01"
                               class="form-control @error('monto') is-invalid @enderror"
                               value="{{ old('monto') }}" required>
                        @error('monto')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label class="font-weight-bold">Moneda</label>
                        <select name="moneda" class="form-control">
                            <option value="PEN" {{ old('moneda','PEN')=='PEN'?'selected':'' }}>PEN — Soles</option>
                            <option value="USD" {{ old('moneda')=='USD'?'selected':'' }}>USD — Dólares</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="form-group">
                        <label class="font-weight-bold">Período <span class="text-danger">*</span></label>
                        <input type="month" name="periodo"
                               class="form-control @error('periodo') is-invalid @enderror"
                               value="{{ old('periodo', now()->format('Y-m')) }}" required>
                        @error('periodo')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label class="font-weight-bold">Observaciones</label>
                <input type="text" name="observacion" class="form-control" maxlength="500"
                       value="{{ old('observacion') }}"
                       placeholder="Número de factura, referencia, etc.">
            </div>

            <hr>
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save mr-1"></i>Registrar Gasto
            </button>
            <a href="{{ route('costos.gastos.index') }}" class="btn btn-secondary ml-2">
                <i class="fas fa-times mr-1"></i>Cancelar
            </a>
        </form>
    </div>
</div>
@endsection