@extends('layouts.app')
@section('title', isset($centro) ? 'Editar Centro de Costo' : 'Nuevo Centro de Costo')
@section('content')
<div class="row justify-content-center"><div class="col-lg-7">
<div class="card">
    <div class="card-header">
        {{ isset($centro) ? 'Editar: '.$centro->nombre : 'Nuevo Centro de Costo' }}
    </div>
    <div class="card-body">
        <form action="{{ isset($centro) ? route('centros-costo.update', $centro) : route('centros-costo.store') }}"
              method="POST">
            @csrf
            @isset($centro) @method('PUT') @endisset

            <div class="row g-3">
                <div class="col-md-3">
                    <label class="form-label fw-semibold">Código <span class="text-danger">*</span></label>
                    <input type="text" name="codigo" class="form-control @error('codigo') is-invalid @enderror"
                           value="{{ old('codigo', $centro->codigo ?? '') }}" required style="text-transform:uppercase">
                    @error('codigo') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-9">
                    <label class="form-label fw-semibold">Nombre <span class="text-danger">*</span></label>
                    <input type="text" name="nombre" class="form-control @error('nombre') is-invalid @enderror"
                           value="{{ old('nombre', $centro->nombre ?? '') }}" required>
                    @error('nombre') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-6">
                    <label class="form-label">Área</label>
                    <input type="text" name="area" class="form-control"
                           value="{{ old('area', $centro->area ?? '') }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Proceso</label>
                    <input type="text" name="proceso" class="form-control"
                           value="{{ old('proceso', $centro->proceso ?? '') }}">
                </div>
                <div class="col-12">
                    <label class="form-label">Descripción</label>
                    <textarea name="descripcion" class="form-control" rows="2">{{ old('descripcion', $centro->descripcion ?? '') }}</textarea>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Orden visual</label>
                    <input type="number" name="orden" min="0" class="form-control"
                           value="{{ old('orden', $centro->orden ?? 0) }}">
                </div>
                <div class="col-md-4 d-flex align-items-center gap-3 mt-3">
                    <div class="form-check">
                        <input type="hidden" name="es_exento" value="0">
                        <input type="checkbox" name="es_exento" value="1" class="form-check-input" id="chkExento"
                               {{ old('es_exento', $centro->es_exento ?? false) ? 'checked' : '' }}>
                        <label class="form-check-label" for="chkExento">
                            Categoría exenta
                            <i class="bi bi-info-circle text-muted" title="Vacaciones, Incapacidades, etc. No se distribuyen por CC."></i>
                        </label>
                    </div>
                </div>
                <div class="col-md-4 d-flex align-items-center mt-3">
                    <div class="form-check">
                        <input type="hidden" name="activo" value="0">
                        <input type="checkbox" name="activo" value="1" class="form-check-input" id="chkActivo"
                               {{ old('activo', $centro->activo ?? true) ? 'checked' : '' }}>
                        <label class="form-check-label" for="chkActivo">Activo</label>
                    </div>
                </div>
                <div class="col-12 d-flex gap-2">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-save me-1"></i> {{ isset($centro) ? 'Actualizar' : 'Guardar' }}
                    </button>
                    <a href="{{ route('centros-costo.index') }}" class="btn btn-outline-secondary">Cancelar</a>
                </div>
            </div>
        </form>
    </div>
</div>
</div></div>
@endsection
