@extends('partials.layout')

@section('title', 'Agregar diferencia')
@section('subtitle', 'Completar depósito incompleto')

@section('back')
    <a class="btn" href="{{ route('depositos.index') }}">← Volver</a>
@endsection

@section('content')
    <div class="card" style="max-width:700px">
        <div class="card-body">
            <form method="POST" action="{{ route('depositos.diferencia.update', ['id' => $deposito->id_deposito]) }}">
                @csrf

                <div style="margin-bottom:12px">
                    <label>Fecha de depósito</label>
                    <input type="date" name="fecha_deposito" value="{{ old('fecha_deposito', $deposito->fecha_deposito?->format('Y-m-d')) }}" required>
                </div>

                <div style="margin-bottom:12px">
                    <label>Personal que depositó</label>
                    <input type="text" value="{{ trim(($deposito->usuario?->nombres ?? '') . ' ' . ($deposito->usuario?->apellidos ?? '')) ?: ($deposito->usuario?->usuario ?? '-') }}" disabled>
                </div>

                <div style="margin-bottom:12px">
                    <label>Monto esperado</label>
                    <input type="number" value="{{ number_format((float) $deposito->monto_esperado, 2, '.', '') }}" disabled>
                </div>

                <div style="margin-bottom:12px">
                    <label>Monto depositado</label>
                    <input type="number" value="{{ number_format((float) $deposito->monto_depositado, 2, '.', '') }}" disabled>
                </div>

                <div style="margin-bottom:12px">
                    <label>Diferencia a agregar</label>
                    <input type="number" name="monto_diferencia" step="0.01" min="0" value="{{ old('monto_diferencia', number_format((float) ($deposito->monto_esperado - $deposito->monto_depositado), 2, '.', '')) }}" required>
                </div>

                <div style="margin-bottom:12px">
                    <label>Observación</label>
                    <textarea name="observaciones" rows="3">{{ old('observaciones', '') }}</textarea>
                </div>

                <div style="display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;">
                    <button type="submit" class="btn primary">Agregar diferencia</button>
                </div>
            </form>
        </div>
    </div>
@endsection