@extends('adminlte::page')
@section('title', env('APP_NAME') . ' - Historial de Ajustes de Corte de Caja')
@section('plugins.Datatables', true)
@section('content_header')
    <h1>Historial de Ajustes de Corte de Caja</h1>
@stop

@section('content')
    <div class="row mb-3">
        <div class="col-md-12">
            <a href="{{ route('cierre-cajas.index') }}" class="btn btn-warning">
                Lista de Cierre de Caja
            </a>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Registros de Ajustes Realizados</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="table-ajustes" style="width: 100%;">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>ID Historial</th>
                            <th>Cliente</th>
                            <th>Usuario</th>
                            <th>Monto Anterior</th>
                            <th>Monto Nuevo</th>
                            <th>Diferencia</th>
                            <th>Descripción</th>
                            <th>Fecha de Ajuste</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($ajustes as $ajuste)
                            <tr>
                                <td>{{ $ajuste->id }}</td>
                                <td>
                                    <span class="badge bg-info">#{{ $ajuste->ajuste_corte_id }}</span>
                                </td>
                                <td>
                                    @if($ajuste->historialSaldoCorteCaja && $ajuste->historialSaldoCorteCaja->cliente)
                                        {{ $ajuste->historialSaldoCorteCaja->cliente->razon_social ?? $ajuste->historialSaldoCorteCaja->cliente->nombre }}
                                    @else
                                        <span class="text-muted">Cliente no encontrado</span>
                                    @endif
                                </td>
                                <td>
                                    @if($ajuste->user)
                                        {{ $ajuste->user->name ?? $ajuste->user->email }}
                                    @else
                                        <span class="text-muted">Usuario no encontrado</span>
                                    @endif
                                </td>
                                <td>
                                    <span class="badge bg-secondary">
                                        S/. {{ number_format($ajuste->monto_corte_anterior, 2) }}
                                    </span>
                                </td>
                                <td>
                                    @if($ajuste->monto_corte_nuevo > $ajuste->monto_corte_anterior)
                                        <span class="badge bg-danger">
                                            S/. {{ number_format($ajuste->monto_corte_nuevo, 2) }}
                                        </span>
                                    @elseif($ajuste->monto_corte_nuevo < $ajuste->monto_corte_anterior)
                                        <span class="badge bg-success">
                                            S/. {{ number_format($ajuste->monto_corte_nuevo, 2) }}
                                        </span>
                                    @else
                                        <span class="badge bg-warning">
                                            S/. {{ number_format($ajuste->monto_corte_nuevo, 2) }}
                                        </span>
                                    @endif
                                </td>
                                <td>
                                    @php
                                        $diferencia = $ajuste->monto_corte_nuevo - $ajuste->monto_corte_anterior;
                                    @endphp
                                    @if($diferencia > 0)
                                        <span class="badge bg-danger">
                                            +S/. {{ number_format($diferencia, 2) }}
                                        </span>
                                    @elseif($diferencia < 0)
                                        <span class="badge bg-success">
                                            S/. {{ number_format($diferencia, 2) }}
                                        </span>
                                    @else
                                        <span class="badge bg-warning">
                                            S/. {{ number_format($diferencia, 2) }}
                                        </span>
                                    @endif
                                </td>
                                <td>
                                    <span class="text-muted" title="{{ $ajuste->descripcion }}">
                                        {{ Str::limit($ajuste->descripcion, 50) }}
                                    </span>
                                </td>
                                <td>{{ $ajuste->created_at ? $ajuste->created_at->format('d/m/Y H:i:s') : 'N/A' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@stop

@section('css')
    <!-- SweetAlert2 CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
    <link href="https://cdn.datatables.net/buttons/1.6.0/css/buttons.dataTables.min.css" rel="stylesheet" />
@stop

@section('js')
    @include('partials.data_export_js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.min.js"></script>

    <script>
        $(document).ready(function() {
            // Inicializa DataTables
            var table = $('#table-ajustes').DataTable({
                language: {
                    "url": "/js/spanish.json"
                },
                "pageLength": 25,
                "order": [
                    [0, 'desc']
                ],
                "responsive": true,
                "autoWidth": false,
                dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'copyHtml5',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7, 8] // Todas las columnas
                        }
                    },
                    {
                        extend: 'excelHtml5',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7, 8] // Todas las columnas
                        }
                    },
                    {
                        extend: 'pdfHtml5',
                        text: 'Exportar PDF',
                        title: 'Historial de Ajustes de Corte de Caja - ' + moment().format('DD/MM/YYYY'),
                        orientation: 'landscape',
                        pageSize: 'A4',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7, 8] // Todas las columnas
                        },
                        customize: function(doc) {
                            // Cambia el color de fondo de los encabezados
                            doc.styles.tableHeader.fillColor = '#2c3e50';
                            doc.styles.tableHeader.color = '#fff';
                            doc.styles.tableHeader.alignment = 'center';
                            doc.styles.tableHeader.fontSize = 10;

                            // Cambia el tamaño de fuente del contenido
                            doc.styles.tableBodyEven.fontSize = 9;
                            doc.styles.tableBodyOdd.fontSize = 9;

                            // Centra el título
                            doc.styles.title = {
                                alignment: 'center',
                                fontSize: 16,
                                bold: true,
                                margin: [0, 0, 0, 20]
                            };
                        }
                    }
                ]
            });
        });
    </script>
@stop