@extends('layouts.app')

@section('title', 'Detalles de Transferencia')

@section('content')
<div class="container-fluid">
    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0 text-gray-800">
            <i class="fas fa-exchange-alt me-2"></i>Transferencia: {{ $transfer->transfer_number }}
        </h1>
        <div class="btn-group" role="group">
            <a href="{{ route('admin.bank.transfers.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left me-1"></i>Volver
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-8">
            <!-- Información General -->
            <div class="card mb-4 shadow">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-info-circle"></i> Información de la Transferencia
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Número</h6>
                            <p class="h5">{{ $transfer->transfer_number }}</p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Fecha</h6>
                            <p class="h5">{{ $transfer->transfer_date->format('d/m/Y') }}</p>
                        </div>
                    </div>

                    @if($transfer->description)
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <h6 class="text-muted">Descripción</h6>
                                <p>{{ $transfer->description }}</p>
                            </div>
                        </div>
                    @endif

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Estado</h6>
                            @php
                                $statusColors = [
                                    'pending' => 'warning',
                                    'confirmed' => 'info',
                                    'completed' => 'success',
                                    'failed' => 'danger',
                                    'cancelled' => 'secondary'
                                ];
                                $color = $statusColors[$transfer->status] ?? 'secondary';
                            @endphp
                            <span class="badge bg-{{ $color }} fs-6">{{ $transfer->status_text }}</span>
                        </div>
                        @if($transfer->notes)
                            <div class="col-md-12 mb-3">
                                <h6 class="text-muted">Notas</h6>
                                <p class="text-muted">{{ $transfer->notes }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Cuenta Origen -->
            <div class="card mb-4 shadow">
                <div class="card-header bg-danger text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-arrow-up"></i> Cuenta Origen
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Tipo</h6>
                            <span class="badge bg-info">
                                {{ $transfer->from_account_type === 'App\Models\BankAccount' ? 'Banco' : 'Caja Chica' }}
                            </span>
                        </div>
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Cuenta</h6>
                            <p>{{ $transfer->fromAccount->account_number ?? $transfer->fromAccount->code ?? 'N/A' }}</p>
                        </div>
                    </div>
                    @if($transfer->from_account_type === 'App\Models\BankAccount')
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <h6 class="text-muted">Banco</h6>
                                <p>{{ $transfer->fromAccount->bank->name ?? 'N/A' }}</p>
                            </div>
                        </div>
                    @else
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <h6 class="text-muted">Nombre</h6>
                                <p>{{ $transfer->fromAccount->name ?? 'N/A' }}</p>
                            </div>
                        </div>
                    @endif
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted">Moneda</h6>
                            <span class="badge bg-secondary">{{ $transfer->from_currency }}</span>
                        </div>
                        <div class="col-md-8 mb-3">
                            <h6 class="text-muted">Monto a Transferir</h6>
                            <p class="h5 text-danger">{{ number_format($transfer->from_amount, 2) }} {{ $transfer->from_currency }}</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Cuenta Destino -->
            <div class="card mb-4 shadow">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-arrow-down"></i> Cuenta Destino
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Tipo</h6>
                            <span class="badge bg-info">
                                {{ $transfer->to_account_type === 'App\Models\BankAccount' ? 'Banco' : 'Caja Chica' }}
                            </span>
                        </div>
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Cuenta</h6>
                            <p>{{ $transfer->toAccount->account_number ?? $transfer->toAccount->code ?? 'N/A' }}</p>
                        </div>
                    </div>
                    @if($transfer->to_account_type === 'App\Models\BankAccount')
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <h6 class="text-muted">Banco</h6>
                                <p>{{ $transfer->toAccount->bank->name ?? 'N/A' }}</p>
                            </div>
                        </div>
                    @else
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <h6 class="text-muted">Nombre</h6>
                                <p>{{ $transfer->toAccount->name ?? 'N/A' }}</p>
                            </div>
                        </div>
                    @endif
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted">Moneda</h6>
                            <span class="badge bg-secondary">{{ $transfer->to_currency }}</span>
                        </div>
                        <div class="col-md-8 mb-3">
                            <h6 class="text-muted">Monto a Recibir</h6>
                            <p class="h5 text-success">{{ number_format($transfer->to_amount, 2) }} {{ $transfer->to_currency }}</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Tasa de Cambio -->
            <div class="card mb-4 shadow">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-calculator"></i> Tasa de Cambio
                    </h5>
                </div>
                <div class="card-body">
                    <div class="alert alert-primary mb-0">
                        <strong>{{ $transfer->from_currency }}</strong> → <strong>{{ $transfer->to_currency }}</strong><br>
                        <span class="h4">1 {{ $transfer->from_currency }} = {{ number_format($transfer->exchange_rate, 4) }} {{ $transfer->to_currency }}</span>
                    </div>
                </div>
            </div>

            <!-- Información de Confirmación -->
            @if($transfer->status === 'completed' && $transfer->confirmation_bank)
                <div class="card mb-4 shadow">
                    <div class="card-header bg-success text-white">
                        <h5 class="mb-0">
                            <i class="fas fa-check-circle"></i> Información de Confirmación
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <h6 class="text-muted">Banco</h6>
                                <p>{{ $transfer->confirmation_bank }}</p>
                            </div>
                            <div class="col-md-6 mb-3">
                                <h6 class="text-muted">Referencia</h6>
                                <p><strong>{{ $transfer->confirmation_reference }}</strong></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <h6 class="text-muted">Fecha y Hora</h6>
                                <p>{{ $transfer->confirmation_datetime ? $transfer->confirmation_datetime->format('d/m/Y H:i') : 'N/A' }}</p>
                            </div>
                        </div>
                        @if($transfer->confirmation_notes)
                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    <h6 class="text-muted">Notas de Confirmación</h6>
                                    <p class="text-muted">{{ $transfer->confirmation_notes }}</p>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            @endif

            <!-- Formulario de Confirmación (Solo si está pendiente) -->
            @if($transfer->status === 'pending')
                <div class="card mb-4 shadow">
                    <div class="card-header bg-warning text-white">
                        <h5 class="mb-0">
                            <i class="fas fa-check-circle me-2"></i>Confirmar Transferencia
                        </h5>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('admin.bank.transfers.confirm', $transfer) }}" id="confirmTransferForm">
                            @csrf
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle me-2"></i>
                                Complete la información de confirmación de la transferencia.
                            </div>

                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    <label for="confirmation_bank" class="form-label">Banco *</label>
                                    @php
                                        // Obtener el banco según el tipo de cuenta origen
                                        $bankName = 'N/A';
                                        if ($transfer->fromAccount instanceof \App\Models\BankAccount) {
                                            $bankName = $transfer->fromAccount->bank->name ?? 'N/A';
                                        } elseif ($transfer->toAccount instanceof \App\Models\BankAccount) {
                                            $bankName = $transfer->toAccount->bank->name ?? 'N/A';
                                        }
                                    @endphp
                                    <input type="text" class="form-control" id="confirmation_bank" name="confirmation_bank" 
                                           value="{{ $bankName }}" required>
                                    <small class="text-muted">Banco donde se realizó la transferencia</small>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="confirmation_reference" class="form-label">Referencia *</label>
                                    <input type="text" class="form-control" id="confirmation_reference" name="confirmation_reference" 
                                           placeholder="Número de referencia bancaria" required>
                                    <small class="text-muted">Número de referencia de la transferencia</small>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="confirmation_datetime" class="form-label">Fecha y Hora *</label>
                                    <input type="datetime-local" class="form-control" id="confirmation_datetime" 
                                           name="confirmation_datetime" required>
                                    <small class="text-muted">Fecha y hora en que se realizó la transferencia</small>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    <label for="confirmation_notes" class="form-label">Notas Adicionales</label>
                                    <textarea class="form-control" id="confirmation_notes" name="confirmation_notes" rows="3" 
                                              placeholder="Observaciones adicionales..."></textarea>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-success w-100">
                                        <i class="fas fa-check me-1"></i>Confirmar Transferencia
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            @endif
        </div>

        <div class="col-lg-4">
            <!-- Acciones -->
            @if($transfer->status === 'pending')
                <div class="card mb-3 shadow">
                    <div class="card-header bg-danger text-white">
                        <h5 class="mb-0">
                            <i class="fas fa-times-circle"></i> Cancelar Transferencia
                        </h5>
                    </div>
                    <div class="card-body">
                        <p class="mb-3">Puede cancelar esta transferencia si aún no ha sido procesada.</p>
                        <form method="POST" action="{{ route('admin.bank.transfers.cancel', $transfer) }}">
                            @csrf
                            <button type="submit" class="btn btn-danger w-100" onclick="return confirm('¿Está seguro de cancelar esta transferencia?');">
                                <i class="fas fa-times me-1"></i>Cancelar Transferencia
                            </button>
                        </form>
                    </div>
                </div>
            @endif

            <!-- Información del Usuario -->
            <div class="card mb-3 shadow">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-user"></i> Usuario
                    </h5>
                </div>
                <div class="card-body">
                    <p class="mb-2">
                        <strong>Creado por:</strong><br>
                        <span>{{ $transfer->createdBy->name ?? 'N/A' }}</span>
                    </p>
                    <p class="mb-0">
                        <small class="text-muted">{{ $transfer->created_at->format('d/m/Y H:i') }}</small>
                    </p>
                    @if($transfer->confirmedBy)
                        <hr>
                        <p class="mb-2">
                            <strong>Confirmado por:</strong><br>
                            <span>{{ $transfer->confirmedBy->name ?? 'N/A' }}</span>
                        </p>
                    @endif
                </div>
            </div>

            <!-- Estadísticas -->
            <div class="card mb-3 shadow">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-chart-bar"></i> Resumen
                    </h5>
                </div>
                <div class="card-body">
                    <div class="text-center mb-3">
                        <h4 class="text-primary">{{ number_format($transfer->from_amount, 2) }}</h4>
                        <p class="text-muted mb-0">{{ $transfer->from_currency }}</p>
                    </div>
                    <hr>
                    <div class="text-center">
                        <i class="fas fa-exchange-alt fa-2x text-muted mb-2"></i>
                        <p class="h5 mb-0 text-success">{{ number_format($transfer->to_amount, 2) }}</p>
                        <p class="text-muted mb-0">{{ $transfer->to_currency }}</p>
                    </div>
                </div>
            </div>

            <!-- Información Adicional -->
            <div class="card shadow">
                <div class="card-header bg-dark text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-info-circle"></i> Información
                    </h5>
                </div>
                <div class="card-body">
                    <p class="mb-2">
                        <strong>Creado:</strong>
                        <span class="float-end">{{ $transfer->created_at->format('d/m/Y H:i') }}</span>
                    </p>
                    <p class="mb-0">
                        <strong>Actualizado:</strong>
                        <span class="float-end">{{ $transfer->updated_at->format('d/m/Y H:i') }}</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Establecer fecha y hora actual por defecto si existe el campo
    const confirmationDatetime = document.getElementById('confirmation_datetime');
    if (confirmationDatetime) {
        const now = new Date();
        now.setMinutes(now.getMinutes() - now.getTimezoneOffset());
        confirmationDatetime.value = now.toISOString().slice(0, 16);
    }
});
</script>
@endsection