@extends('layouts.app')

@section('title', 'Detalles del Ajuste de Inventario')

@section('content')
<div class="container-fluid">
    <!-- Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-0 text-gray-800">
                        <i class="fas fa-balance-scale me-2"></i>Detalles del Ajuste
                    </h1>
                    <p class="text-muted mb-0">Código: {{ $adjustment->adjustment_code }}</p>
                </div>
                <div>
                    <a href="{{ route('admin.inventory.adjustments.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-2"></i>Volver
                    </a>
                    @if($adjustment->status === 'pending')
                        <a href="{{ route('admin.inventory.adjustments.edit', $adjustment) }}" class="btn btn-warning">
                            <i class="fas fa-edit me-2"></i>Editar
                        </a>
                    @endif
                    <a href="{{ route('admin.inventory.adjustments.print', $adjustment) }}" class="btn btn-info" target="_blank">
                        <i class="fas fa-print me-2"></i>Imprimir
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Información Principal -->
        <div class="col-lg-8">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-info-circle me-2"></i>Información del Ajuste
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Código del Ajuste:</label>
                                <p class="form-control-plaintext">{{ $adjustment->adjustment_code }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Tipo de Ajuste:</label>
                                <p class="form-control-plaintext">{{ $adjustment->adjustment_type_formatted }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Estado:</label>
                                <p class="form-control-plaintext">{!! $adjustment->status_badge !!}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Prioridad:</label>
                                <p class="form-control-plaintext">{!! $adjustment->priority_badge !!}</p>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Motivo:</label>
                                <p class="form-control-plaintext">{{ $adjustment->reason }}</p>
                            </div>
                        </div>
                        @if($adjustment->notes)
                            <div class="col-12">
                                <div class="form-group">
                                    <label class="form-label font-weight-bold">Notas:</label>
                                    <p class="form-control-plaintext">{{ $adjustment->notes }}</p>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Información del Producto -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-box me-2"></i>Información del Producto
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Producto:</label>
                                <p class="form-control-plaintext">
                                    <strong>{{ $adjustment->product->name }}</strong><br>
                                    <small class="text-muted">{{ $adjustment->product->code }}</small>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Ubicación:</label>
                                <p class="form-control-plaintext">{{ $adjustment->location_formatted }}</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Cantidad Antes:</label>
                                <p class="form-control-plaintext">
                                    <span class="badge bg-info fs-6">{{ $adjustment->quantity_before_formatted }}</span>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Cantidad Después:</label>
                                <p class="form-control-plaintext">
                                    <span class="badge bg-info fs-6">{{ $adjustment->quantity_after_formatted }}</span>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Diferencia:</label>
                                <p class="form-control-plaintext">
                                    <span class="badge {{ $adjustment->quantity_difference >= 0 ? 'bg-success' : 'bg-danger' }} fs-6">
                                        {{ $adjustment->quantity_difference_formatted }}
                                    </span>
                                    <br>
                                    {!! $adjustment->adjustment_direction_formatted !!}
                                </p>
                            </div>
                        </div>
                        @if($adjustment->unit_cost)
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label font-weight-bold">Costo Unitario:</label>
                                    <p class="form-control-plaintext">${{ number_format($adjustment->unit_cost, 2) }}</p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label font-weight-bold">Diferencia de Costo:</label>
                                    <p class="form-control-plaintext">{{ $adjustment->total_cost_difference_formatted }}</p>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Información del Lote -->
            @if($adjustment->batch_number || $adjustment->serial_number || $adjustment->expiration_date)
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-barcode me-2"></i>Información del Lote
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            @if($adjustment->batch_number)
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="form-label font-weight-bold">Número de Lote:</label>
                                        <p class="form-control-plaintext">{{ $adjustment->batch_number }}</p>
                                    </div>
                                </div>
                            @endif
                            @if($adjustment->serial_number)
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="form-label font-weight-bold">Número de Serie:</label>
                                        <p class="form-control-plaintext">{{ $adjustment->serial_number }}</p>
                                    </div>
                                </div>
                            @endif
                            @if($adjustment->expiration_date)
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="form-label font-weight-bold">Fecha de Vencimiento:</label>
                                        <p class="form-control-plaintext">{{ $adjustment->expiration_date->format('d/m/Y') }}</p>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            @endif
        </div>

        <!-- Panel Lateral -->
        <div class="col-lg-4">
            <!-- Acciones -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-cogs me-2"></i>Acciones
                    </h6>
                </div>
                <div class="card-body">
                    @if($adjustment->canBeApproved())
                        <form method="POST" action="{{ route('admin.inventory.adjustments.approve', $adjustment) }}" 
                              onsubmit="return confirm('¿Aprobar este ajuste?')" class="mb-2">
                            @csrf
                            <button type="submit" class="btn btn-success btn-block">
                                <i class="fas fa-check me-2"></i>Aprobar Ajuste
                            </button>
                        </form>
                    @endif

                    @if($adjustment->canBeRejected())
                        <form method="POST" action="{{ route('admin.inventory.adjustments.reject', $adjustment) }}" 
                              onsubmit="return confirm('¿Rechazar este ajuste?')" class="mb-2">
                            @csrf
                            <button type="submit" class="btn btn-danger btn-block">
                                <i class="fas fa-times me-2"></i>Rechazar Ajuste
                            </button>
                        </form>
                    @endif

                    @if($adjustment->canBeExecuted())
                        <form method="POST" action="{{ route('admin.inventory.adjustments.execute', $adjustment) }}" 
                              onsubmit="return confirm('¿Ejecutar este ajuste?')" class="mb-2">
                            @csrf
                            <button type="submit" class="btn btn-primary btn-block">
                                <i class="fas fa-play me-2"></i>Ejecutar Ajuste
                            </button>
                        </form>
                    @endif

                    <a href="{{ route('admin.inventory.adjustments.print', $adjustment) }}" 
                       class="btn btn-info btn-block" target="_blank">
                        <i class="fas fa-print me-2"></i>Imprimir Ajuste
                    </a>
                </div>
            </div>

            <!-- Auditoría -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-history me-2"></i>Auditoría
                    </h6>
                </div>
                <div class="card-body">
                    <div class="form-group">
                        <label class="form-label font-weight-bold">Creado por:</label>
                        <p class="form-control-plaintext">{{ $adjustment->createdBy->name ?? 'N/A' }}</p>
                    </div>
                    <div class="form-group">
                        <label class="form-label font-weight-bold">Fecha de creación:</label>
                        <p class="form-control-plaintext">{{ $adjustment->created_at->format('d/m/Y H:i:s') }}</p>
                    </div>
                    @if($adjustment->approvedBy)
                        <div class="form-group">
                            <label class="form-label font-weight-bold">Aprobado por:</label>
                            <p class="form-control-plaintext">{{ $adjustment->approvedBy->name }}</p>
                        </div>
                        <div class="form-group">
                            <label class="form-label font-weight-bold">Fecha de aprobación:</label>
                            <p class="form-control-plaintext">{{ $adjustment->approved_at->format('d/m/Y H:i:s') }}</p>
                        </div>
                    @endif
                    @if($adjustment->executedBy)
                        <div class="form-group">
                            <label class="form-label font-weight-bold">Ejecutado por:</label>
                            <p class="form-control-plaintext">{{ $adjustment->executedBy->name }}</p>
                        </div>
                        <div class="form-group">
                            <label class="form-label font-weight-bold">Fecha de ejecución:</label>
                            <p class="form-control-plaintext">{{ $adjustment->executed_at->format('d/m/Y H:i:s') }}</p>
                        </div>
                    @endif
                    @if($adjustment->updatedBy)
                        <div class="form-group">
                            <label class="form-label font-weight-bold">Última actualización:</label>
                            <p class="form-control-plaintext">{{ $adjustment->updated_at->format('d/m/Y H:i:s') }}</p>
                        </div>
                    @endif
                </div>
            </div>

            <!-- Información Adicional -->
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-info me-2"></i>Información Adicional
                    </h6>
                </div>
                <div class="card-body">
                    @if($adjustment->duration)
                        <div class="form-group">
                            <label class="form-label font-weight-bold">Duración:</label>
                            <p class="form-control-plaintext">{{ $adjustment->duration_formatted }}</p>
                        </div>
                    @endif
                    @if($adjustment->ip_address)
                        <div class="form-group">
                            <label class="form-label font-weight-bold">IP:</label>
                            <p class="form-control-plaintext">{{ $adjustment->ip_address }}</p>
                        </div>
                    @endif
                    @if($adjustment->metadata)
                        <div class="form-group">
                            <label class="form-label font-weight-bold">Metadatos:</label>
                            <pre class="form-control-plaintext small">{{ json_encode($adjustment->metadata, JSON_PRETTY_PRINT) }}</pre>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection