@extends('adminlte::page')
@section('title', env('APP_NAME') . ' - Detalles del Registro de Saldo de Corte de Caja')
@section('content_header')
    <h1>Detalles del Registro de Saldo de Corte de Caja</h1>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Información del Registro #{{ $historialSaldoCorteCaja->id }}</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <table class="table table-borderless">
                                <tr>
                                    <th width="40%">ID del Registro:</th>
                                    <td>{{ $historialSaldoCorteCaja->id }}</td>
                                </tr>
                                <tr>
                                    <th>Caja:</th>
                                    <td>
                                        @if($historialSaldoCorteCaja->caja)
                                            <strong>Caja #{{ $historialSaldoCorteCaja->caja->id }}</strong>
                                            @if($historialSaldoCorteCaja->caja->usuario)
                                                <br><small class="text-muted">Usuario: {{ $historialSaldoCorteCaja->caja->usuario->email }}</small>
                                            @endif
                                            @if($historialSaldoCorteCaja->caja->fecha_apertura)
                                                <br><small class="text-muted">Apertura: {{ $historialSaldoCorteCaja->caja->fecha_apertura->format('d/m/Y H:i:s') }}</small>
                                            @endif
                                        @else
                                            <span class="text-muted">Caja no encontrada</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th>Cliente:</th>
                                    <td>
                                        @if($historialSaldoCorteCaja->cliente)
                                            <strong>{{ $historialSaldoCorteCaja->cliente->razon_social ?? $historialSaldoCorteCaja->cliente->nombre }}</strong>
                                            @if($historialSaldoCorteCaja->cliente->documento)
                                                <br><small class="text-muted">Documento: {{ $historialSaldoCorteCaja->cliente->documento }}</small>
                                            @endif
                                        @else
                                            <span class="text-muted">Cliente no encontrado</span>
                                        @endif
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-md-6">
                            <table class="table table-borderless">
                                <tr>
                                    <th width="40%">Saldo a Cobrar:</th>
                                    <td>
                                        <span class="badge bg-info" style="font-size: 1.1em;">
                                            ${{ number_format($historialSaldoCorteCaja->saldo_a_cobrar, 2) }}
                                        </span>
                                    </td>
                                </tr>
                                <tr>
                                    <th>Fecha de Creación:</th>
                                    <td>
                                        @if($historialSaldoCorteCaja->created_at)
                                            {{ $historialSaldoCorteCaja->created_at->format('d/m/Y H:i:s') }}
                                        @else
                                            <span class="text-muted">N/A</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th>Última Actualización:</th>
                                    <td>
                                        @if($historialSaldoCorteCaja->updated_at)
                                            {{ $historialSaldoCorteCaja->updated_at->format('d/m/Y H:i:s') }}
                                        @else
                                            <span class="text-muted">N/A</span>
                                        @endif
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>

                    <div class="row mt-4">
                        <div class="col-md-12">
                            <div class="btn-group" role="group">
                                <a href="{{ route('cierre-cajas.index') }}" class="btn btn-secondary">
                                    <i class="fa fa-arrow-left"></i> Volver al Listado
                                </a>
                                <a href="{{ route('cierre-cajas.edit', $historialSaldoCorteCaja->id) }}" class="btn btn-warning">
                                    <i class="fa fa-edit"></i> Editar
                                </a>
                                <form action="{{ route('cierre-cajas.destroy', $historialSaldoCorteCaja->id) }}"
                                      method="POST"
                                      class="delete-form d-inline">
                                    @csrf
                                    @method('DELETE')
                                    <button type="button"
                                            class="btn btn-danger btn-delete"
                                            data-id="{{ $historialSaldoCorteCaja->id }}">
                                        <i class="fa fa-trash"></i> Eliminar
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <style>
        .table-borderless th {
            border: none;
            font-weight: 600;
            color: #495057;
        }
        .table-borderless td {
            border: none;
        }
        .badge {
            padding: 0.5em 1em;
        }
    </style>
@stop

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <script>
        $(document).ready(function() {
            // Maneja el clic en el botón de eliminar
            $('.btn-delete').on('click', function(e) {
                e.preventDefault();

                // Mostrar SweetAlert2
                Swal.fire({
                    title: '¿Estás seguro?',
                    text: "¡No podrás recuperar este registro después de eliminarlo!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Sí, eliminarlo',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Enviar la solicitud AJAX para eliminar
                        $.ajax({
                            url: $('.delete-form').attr('action'),
                            type: 'POST',
                            data: $('.delete-form').serialize(),
                            success: function(response) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Éxito!',
                                    text: 'Registro eliminado exitosamente.',
                                    timer: 1500,
                                    showConfirmButton: false
                                }).then(function() {
                                    window.location.href = '{{ route('cierre-cajas.index') }}';
                                });
                            },
                            error: function(xhr) {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Error',
                                    text: 'Hubo un error al eliminar el registro.',
                                    timer: 1500,
                                    showConfirmButton: false
                                });
                            }
                        });
                    }
                });
            });
        });
    </script>
@stop