@extends('layouts.app')

@section('title', 'Detalles del Banco')

@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-university me-2"></i>{{ $bank->name }}
                    </h1>
                    <p class="text-muted mb-0">Código: {{ $bank->code }}</p>
                </div>
                <div>
                    <a href="{{ route('admin.bank.edit', $bank) }}" class="btn btn-warning">
                        <i class="fas fa-edit me-1"></i>Editar
                    </a>
                    <a href="{{ route('admin.bank.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-1"></i>Volver
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Estadísticas -->
    <div class="row mb-4">
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-primary shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                Total Cuentas
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ $stats['total_accounts'] }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-credit-card fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-success shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                                Cuentas Activas
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ $stats['active_accounts'] }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-check-circle fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-info shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                Saldo Total
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                ${{ number_format($stats['total_balance'], 2) }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-dollar-sign fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-warning shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                                Cuentas Principales
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ $stats['primary_accounts'] }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-star fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Información del Banco -->
        <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 Banco
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Nombre del Banco</h6>
                            <p class="h5">{{ $bank->name }}</p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Código del Banco</h6>
                            <p class="h5"><span class="badge bg-secondary">{{ $bank->code }}</span></p>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Código SWIFT</h6>
                            <p>{{ $bank->swift_code ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">País</h6>
                            <p><span class="badge bg-info">{{ $bank->country_code }}</span></p>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Moneda</h6>
                            <p><span class="badge bg-success">{{ $bank->currency }}</span></p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Estado</h6>
                            <p>
                                @if($bank->is_active)
                                    <span class="badge bg-success">Activo</span>
                                @else
                                    <span class="badge bg-danger">Inactivo</span>
                                @endif
                            </p>
                        </div>
                    </div>

                    @if($bank->address)
                    <div class="row">
                        <div class="col-12 mb-3">
                            <h6 class="text-muted">Dirección</h6>
                            <p>{{ $bank->address }}</p>
                        </div>
                    </div>
                    @endif

                    <div class="row">
                        @if($bank->phone)
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Teléfono</h6>
                            <p><i class="fas fa-phone me-1"></i>{{ $bank->phone }}</p>
                        </div>
                        @endif
                        @if($bank->email)
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted">Email</h6>
                            <p><i class="fas fa-envelope me-1"></i><a href="mailto:{{ $bank->email }}">{{ $bank->email }}</a></p>
                        </div>
                        @endif
                    </div>

                    @if($bank->website)
                    <div class="row">
                        <div class="col-12 mb-3">
                            <h6 class="text-muted">Sitio Web</h6>
                            <p><i class="fas fa-globe me-1"></i><a href="{{ $bank->website }}" target="_blank">{{ $bank->website }}</a></p>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Acciones Rápidas -->
        <div class="col-lg-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-bolt me-2"></i>Acciones Rápidas
                    </h6>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ route('admin.bank.accounts.create', ['bank_id' => $bank->id]) }}" class="btn btn-primary">
                            <i class="fas fa-plus me-1"></i>Nueva Cuenta
                        </a>
                        <a href="{{ route('admin.bank-transactions.create') }}{{ $accounts->count() > 0 ? '?bank_account_id=' . $accounts->first()->id : '' }}" class="btn btn-success {{ $accounts->count() == 0 ? 'disabled' : '' }}" {{ $accounts->count() == 0 ? 'title="Primero debe crear una cuenta bancaria"' : '' }}>
                            <i class="fas fa-exchange-alt me-1"></i>Nueva Transacción
                        </a>
                        <a href="{{ route('admin.bank.reconciliations.create') }}{{ $accounts->count() > 0 ? '?bank_account_id=' . $accounts->first()->id : '' }}" class="btn btn-info {{ $accounts->count() == 0 ? 'disabled' : '' }}" {{ $accounts->count() == 0 ? 'title="Primero debe crear una cuenta bancaria"' : '' }}>
                            <i class="fas fa-balance-scale me-1"></i>Nueva Conciliación
                        </a>
                        <form method="POST" action="{{ route('admin.bank.toggle-status', $bank) }}" class="d-inline">
                            @csrf
                            <button type="submit" class="btn btn-{{ $bank->is_active ? 'danger' : 'success' }} w-100">
                                <i class="fas fa-{{ $bank->is_active ? 'times' : 'check' }} me-1"></i>
                                {{ $bank->is_active ? 'Desactivar' : 'Activar' }} Banco
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Cuentas Bancarias -->
    <div class="row">
        <div class="col-12">
            <div class="card shadow">
                <div class="card-header py-3 d-flex justify-content-between align-items-center">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-credit-card me-2"></i>Cuentas Bancarias
                    </h6>
                    <a href="{{ route('admin.bank.accounts.create', ['bank_id' => $bank->id]) }}" class="btn btn-sm btn-primary">
                        <i class="fas fa-plus me-1"></i>Nueva Cuenta
                    </a>
                </div>
                <div class="card-body">
                    @if($accounts->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>Número de Cuenta</th>
                                        <th>Tipo</th>
                                        <th>Moneda</th>
                                        <th>Saldo Actual</th>
                                        <th>Estado</th>
                                        <th width="150">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($accounts as $account)
                                        <tr>
                                            <td>
                                                <div class="font-weight-bold">{{ $account->account_number }}</div>
                                                @if($account->account_holder_name)
                                                    <small class="text-muted">{{ $account->account_holder_name }}</small>
                                                @endif
                                            </td>
                                            <td>
                                                <span class="badge bg-info">{{ ucfirst($account->account_type) }}</span>
                                                @if($account->is_primary)
                                                    <span class="badge bg-warning">Principal</span>
                                                @endif
                                            </td>
                                            <td>
                                                <span class="badge bg-success">{{ $account->currency }}</span>
                                            </td>
                                            <td>
                                                <strong class="text-{{ $account->current_balance >= 0 ? 'success' : 'danger' }}">
                                                    ${{ number_format($account->current_balance, 2) }}
                                                </strong>
                                            </td>
                                            <td>
                                                @if($account->is_active)
                                                    <span class="badge bg-success">Activa</span>
                                                @else
                                                    <span class="badge bg-danger">Inactiva</span>
                                                @endif
                                            </td>
                                            <td>
                                                <div class="btn-group" role="group">
                                                    <a href="{{ route('admin.bank.accounts.show', $account) }}" 
                                                       class="btn btn-sm btn-info" title="Ver">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                    <a href="{{ route('admin.bank.accounts.edit', $account) }}" 
                                                       class="btn btn-sm btn-warning" title="Editar">
                                                        <i class="fas fa-edit"></i>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="text-center py-5">
                            <i class="fas fa-credit-card fa-4x text-gray-300 mb-4"></i>
                            <h4 class="text-gray-600">No hay cuentas registradas</h4>
                            <p class="text-muted">Comienza agregando la primera cuenta bancaria.</p>
                            <a href="{{ route('admin.bank.accounts.create', ['bank_id' => $bank->id]) }}" class="btn btn-primary">
                                <i class="fas fa-plus me-1"></i>Agregar Primera Cuenta
                            </a>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection