@extends('adminlte::page')

@section('title', 'Transferencias')
@section('plugins.Datatables', true)
@section('content_header')
    <h1>Transferencias</h1>
@stop

@section('content')
    <div class="card">
        <div class="card-header bg-primary text-white">
            <h3 class="card-title"> <i class="fas fa-exchange-alt"></i> Lista de Transferencias</h3>
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped" id="table-transferencias">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Fecha</th>
                            <th>Cuenta Origen</th>
                            <th>Cuenta Destino</th>
                            <th>Monto</th>
                            <th>Moneda</th>
                            <th>Método Pago</th>
                            <th>N° Operación</th>
                            <th>Caja</th>
                            <th>Usuario Caja</th>
                            <th>Descripción</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($transferencias as $transferencia)
                            <tr>
                                <td>{{ $loop->iteration + ($transferencias->currentPage() - 1) * $transferencias->perPage() }}</td>
                                <td>{{ $transferencia->date_of_issue->format('d/m/Y') }}</td>
                                <td>
                                    <span class="badge badge-danger">{{ $transferencia->account_origen->name ?? 'N/A' }}</span>
                                </td>
                                <td>
                                    <span class="badge badge-success">{{ $transferencia->account_destino->name ?? 'N/A' }}</span>
                                </td>
                                <td>
                                    <strong>{{ optional($transferencia->currency_type)->symbol ?? 'S/' }}{{ number_format($transferencia->total, 2) }}</strong>
                                </td>
                                <td>{{ optional($transferencia->currency_type)->description ?? 'N/A' }}</td>
                                <td>{{ optional($transferencia->payment_method)->description ?? 'N/A' }}</td>
                                <td>{{ $transferencia->numero_operacion ?? '-' }}</td>
                                <td>
                                    <span class="badge badge-info">#{{ $transferencia->caja_id ?? 'N/A' }}</span>
                                </td>
                                <td>{{ optional($transferencia->caja)->usuario->name ?? 'N/A' }}</td>
                                <td>{{ $transferencia->description ?? '-' }}</td>
                                <td>
                                    @php
                                        $caja_actual = \App\Models\Caja::active();
                                        $puede_eliminar = $caja_actual && $transferencia->caja_id == $caja_actual->id;
                                    @endphp

                                    <div class="dropdown">

                                        <button class="btn btn-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            Acciones
                                        </button>
                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                            @if($puede_eliminar)
                                            <a href="#!" class="dropdown-item btn-eliminar"
                                            title="Eliminar transferencia" data-id="{{ $transferencia->id }}">
                                                Eliminar
                                            </a>

                                            @else
                                                <span class="text-muted" title="Solo se pueden eliminar transferencias de la caja actual">
                                                    <i class="fas fa-lock"></i> Bloqueado
                                                </span>
                                            @endif
                                        </div>
                                    </div>


                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="12" class="text-center">No se encontraron transferencias</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

        </div>
    </div>
@stop

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    $(document).ready(function () {
        $('#table-transferencias').DataTable({
            processing: false,
            serverSide: false,
            language: {
                url: '/js/spanish.json'
            },
            order: [[1, 'desc']] // Ordenar por fecha descendente
        });

        $('.btn-eliminar').click(function(e) {
            e.preventDefault();
            const id = $(this).data('id');
            console.log('Eliminar transferencia: ' + id);

            Swal.fire({
                title: '¿Estás seguro?',
                text: '¿Deseas eliminar esta transferencia?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Sí, eliminar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '{{ route('transferencias.destroy', ':id') }}'.replace(':id', id),
                        type: 'DELETE',
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(response) {
                            if (response.success) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Éxito!',
                                    text: response.message || 'Transferencia eliminada exitosamente.',
                                }).then(() => {
                                    location.reload();
                                });
                            } else {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Error',
                                    text: response.message || 'Hubo un error al eliminar la transferencia.',
                                });
                            }
                        },
                        error: function(xhr) {
                            const response = xhr.responseJSON;
                            Swal.fire({
                                icon: 'error',
                                title: 'Error',
                                text: response.message || 'Hubo un error al eliminar la transferencia.' + xhr.responseJSON.message,
                            });
                        }
                    });
                }
            });
        });
    });
</script>
@stop