@extends('layouts.app')

@section('title', 'Detalle de Transacción Bancaria')

@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-eye me-2"></i>Detalle de Transacción Bancaria
                    </h1>
                    <p class="text-muted mb-0">Transacción: {{ $transaction->transaction_number }}</p>
                </div>
                <div>
                    <a href="{{ route('admin.bank.transactions.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-1"></i>Volver
                    </a>
                    @if(!$transaction->is_reconciled)
                        <a href="{{ route('admin.bank.transactions.edit', $transaction) }}" class="btn btn-warning">
                            <i class="fas fa-edit me-1"></i>Editar
                        </a>
                    @endif
                    @if(!$transaction->is_reconciled)
                        <form action="{{ route('admin.bank.transactions.destroy', $transaction) }}" method="POST" class="d-inline" onsubmit="return confirm('¿Está seguro de eliminar esta transacción?');">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger">
                                <i class="fas fa-trash me-1"></i>Eliminar
                            </button>
                        </form>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Mensajes -->
    @if (session('success'))
        <div class="row mb-4">
            <div class="col-12">
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="fas fa-check-circle me-2"></i>{{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            </div>
        </div>
    @endif

    @if (session('error'))
        <div class="row mb-4">
            <div class="col-12">
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <i class="fas fa-exclamation-triangle me-2"></i>{{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            </div>
        </div>
    @endif

    <div class="row">
        <!-- Información Principal -->
        <div class="col-md-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 de la Transacción
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <dl class="row mb-0">
                                <dt class="col-sm-5">N° Transacción:</dt>
                                <dd class="col-sm-7"><strong>{{ $transaction->transaction_number }}</strong></dd>

                                <dt class="col-sm-5">Cuenta Bancaria:</dt>
                                <dd class="col-sm-7">
                                    <strong>{{ $transaction->bankAccount->bank->name }}</strong><br>
                                    <small class="text-muted">{{ $transaction->bankAccount->account_number }}</small>
                                </dd>

                                <dt class="col-sm-5">Fecha:</dt>
                                <dd class="col-sm-7">{{ $transaction->transaction_date->format('d/m/Y') }}</dd>

                                <dt class="col-sm-5">Tipo:</dt>
                                <dd class="col-sm-7">
                                    <span class="badge badge-{{ in_array($transaction->transaction_type, ['deposit', 'transfer_in', 'interest', 'receipt']) ? 'success' : 'danger' }}">
                                        {{ $transaction->transaction_type_text }}
                                    </span>
                                </dd>

                                <dt class="col-sm-5">Monto:</dt>
                                <dd class="col-sm-7">
                                    <strong class="{{ in_array($transaction->transaction_type, ['deposit', 'transfer_in', 'interest', 'receipt']) ? 'text-success' : 'text-danger' }}">
                                        {{ in_array($transaction->transaction_type, ['deposit', 'transfer_in', 'interest', 'receipt']) ? '+' : '-' }}${{ number_format($transaction->amount, 2) }}
                                    </strong>
                                    <small class="text-muted">({{ $transaction->bankAccount->currency }})</small>
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-6">
                            <dl class="row mb-0">
                                <dt class="col-sm-5">Balance Después:</dt>
                                <dd class="col-sm-7">
                                    <strong>${{ number_format($transaction->balance_after, 2) }}</strong>
                                </dd>

                                <dt class="col-sm-5">Estado:</dt>
                                <dd class="col-sm-7">
                                    @if($transaction->is_reconciled)
                                        <span class="badge badge-success">
                                            <i class="fas fa-check-circle me-1"></i>Conciliado
                                        </span>
                                        @if($transaction->reconciled_date)
                                            <br><small class="text-muted">Fecha: {{ $transaction->reconciled_date->format('d/m/Y') }}</small>
                                        @endif
                                    @else
                                        <span class="badge badge-warning">
                                            <i class="fas fa-clock me-1"></i>Sin Conciliar
                                        </span>
                                    @endif
                                </dd>

                                <dt class="col-sm-5">Contabilidad:</dt>
                                <dd class="col-sm-7">
                                    @if($transaction->is_accounting_entry_created)
                                        <span class="badge badge-success">
                                            <i class="fas fa-check me-1"></i>Entrada Creada
                                        </span>
                                    @else
                                        <span class="badge badge-danger">
                                            <i class="fas fa-times me-1"></i>Pendiente
                                        </span>
                                    @endif
                                </dd>

                                <dt class="col-sm-5">Referencia:</dt>
                                <dd class="col-sm-7">{{ $transaction->reference_number ?? '-' }}</dd>

                                <dt class="col-sm-5">Categoría:</dt>
                                <dd class="col-sm-7">{{ $transaction->category ?? '-' }}</dd>

                                <dt class="col-sm-5">Subcategoría:</dt>
                                <dd class="col-sm-7">{{ $transaction->subcategory ?? '-' }}</dd>
                            </dl>
                        </div>
                    </div>

                    @if($transaction->description)
                        <hr>
                        <div class="row">
                            <div class="col-12">
                                <h6 class="font-weight-bold">Descripción:</h6>
                                <p class="text-muted">{{ $transaction->description }}</p>
                            </div>
                        </div>
                    @endif
                </div>
            </div>

            <!-- Acciones -->
            @if(!$transaction->is_accounting_entry_created)
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-warning">
                            <i class="fas fa-book me-2"></i>Contabilidad
                        </h6>
                    </div>
                    <div class="card-body">
                        <p class="mb-3">Esta transacción no tiene una entrada contable creada. Puede crear una entrada contable ahora.</p>
                        <form action="{{ route('admin.bank.transactions.create-accounting-entry', $transaction) }}" method="POST" class="d-inline">
                            @csrf
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-book me-1"></i>Crear Entrada Contable
                            </button>
                        </form>
                    </div>
                </div>
            @endif
        </div>

        <!-- Información Adicional -->
        <div class="col-md-4">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-info">
                        <i class="fas fa-user me-2"></i>Información de Usuario
                    </h6>
                </div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-5">Creado por:</dt>
                        <dd class="col-sm-7">{{ $transaction->createdBy->name ?? 'N/A' }}</dd>

                        <dt class="col-sm-5">Fecha creación:</dt>
                        <dd class="col-sm-7">{{ $transaction->created_at->format('d/m/Y H:i') }}</dd>

                        @if($transaction->reconciledBy)
                            <dt class="col-sm-5">Conciliado por:</dt>
                            <dd class="col-sm-7">{{ $transaction->reconciledBy->name }}</dd>

                            <dt class="col-sm-5">Fecha conciliación:</dt>
                            <dd class="col-sm-7">{{ $transaction->reconciled_date->format('d/m/Y H:i') }}</dd>
                        @endif

                        <dt class="col-sm-5">Última actualización:</dt>
                        <dd class="col-sm-7">{{ $transaction->updated_at->format('d/m/Y H:i') }}</dd>
                    </dl>
                </div>
            </div>

            <!-- Información de la Cuenta -->
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-university me-2"></i>Información de la Cuenta
                    </h6>
                </div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-5">Banco:</dt>
                        <dd class="col-sm-7">{{ $transaction->bankAccount->bank->name }}</dd>

                        <dt class="col-sm-5">N° Cuenta:</dt>
                        <dd class="col-sm-7">{{ $transaction->bankAccount->account_number }}</dd>

                        <dt class="col-sm-5">Moneda:</dt>
                        <dd class="col-sm-7">{{ $transaction->bankAccount->currency }}</dd>

                        <dt class="col-sm-5">Balance Actual:</dt>
                        <dd class="col-sm-7">
                            <strong>${{ number_format($transaction->bankAccount->current_balance, 2) }}</strong>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection