@extends('adminlte::page')
@section('title', env('APP_NAME') . ' - Revalidación')
@section('plugins.Datatables', true)
@section('plugins.Select2', true)
@section('plugins.Sweetalert2', true)
@section('content_header')
    <h1><i class="fas fa-balance-scale"></i> Revalidación de pesos</h1>
@stop

@section('content')
    <div class="acciones mb-2">
        <a href="{{ route('revalidacion.create') }}" class="btn btn-primary mb-3">
            <i class="fas fa-plus"></i> Nueva Revalidación
        </a>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible">
            <button type="button" class="close" data-dismiss="alert">×</button>
            {{ session('success') }}
        </div>
    @endif
    @if(request('success'))
        <div class="alert alert-success alert-dismissible">
            <button type="button" class="close" data-dismiss="alert">×</button>
            {{ request('success') }}
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible">
            <button type="button" class="close" data-dismiss="alert">×</button>
            {{ session('error') }}
        </div>
    @endif

    <div class="card">
        <div class="card-header bg-primary text-white">
            <h1 class="card-title"><i class="fas fa-list"></i> Lista de Revalidaciones</h1>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-3">
                    <label for="searchDate">Buscar por Fecha:</label>
                    <input type="date" id="searchDate" class="form-control" value="{{ date('Y-m-d') }}">
                </div>
                <div class="col-md-2" style="margin-top: 30px">
                    <button id="filterButton" class="btn btn-primary"><i class="fas fa-search"></i> Buscar</button>
                    <button id="clearFilterButton" class="btn btn-secondary ml-2"><i class="fas fa-times"></i> Limpiar</button>
                </div>
            </div>

            <div class="dt-responsive table-responsive">
                <table id="table-revalidaciones" class="table table-bordered table-hover" cellspacing="0" style="width:100%">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>Cliente</th>
                        <th>Serie</th>
                        <th>Fecha Revalidación</th>
                        <th>N. Jabas</th>
                        <th>N. Pollos</th>
                        <th>Peso Bruto</th>
                        <th>Tara</th>
                        <th>Peso Neto</th>
                        <th>Estado</th>
                        <th>Acciones</th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Modal Previsualizar (mismo concepto que después de registrar) -->
    <div class="modal fade" id="modalPrevisualizar" tabindex="-1" aria-labelledby="modalPrevisualizarLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header bg-default text-black">
                    <h5 class="modal-title" id="modalPrevisualizarLabel">
                        <i class="fas fa-print mr-2"></i> Previsualizar documento
                    </h5>
                    <button type="button" class="close text-black" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-8">
                            <div id="previewPdfContainer" class="border rounded" style="width:100%; height: 500px;">
                                <iframe id="previewPdfViewer" src="" width="100%" height="100%" frameborder="0"></iframe>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-header bg-light">
                                    <h6 class="mb-0">Opciones de Documento</h6>
                                </div>
                                <div class="card-body">
                                    <div class="mb-3">
                                        <label class="font-weight-bold mb-2">Tipo de Documento:</label>
                                        <div class="d-grid gap-2">
                                            <a class="btn btn-primary btn-block btnPreviewA4" href="#" target="_blank">
                                                <i class="fas fa-file-pdf mr-2"></i> Formato A4
                                            </a>
                                            <button type="button" id="btnPreviewDescargar" class="btn btn-success btn-block">
                                                <i class="fas fa-download mr-2"></i> Descargar
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        <i class="fas fa-times mr-2"></i> Cerrar
                    </button>
                </div>
            </div>
        </div>
    </div>
@stop

@section('js')
    <script>
        $(function () {
            const table = $('#table-revalidaciones').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{ route('revalidacion.index') }}',
                    data: function (d) {
                        d.date = $('#searchDate').val();
                    }
                },
                columns: [
                    { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                    { data: 'cliente', name: 'cliente.nombre_comercial' },
                    { data: 'serie_orden', name: 'serie_orden' },
                    { data: 'fecha_revalidacion', name: 'fecha_revalidacion' },
                    { data: 'cantidad_jabas', name: 'cantidad_jabas' },
                    { data: 'cantidad_pollos', name: 'cantidad_pollos' },
                    { data: 'peso_total_bruto', name: 'peso_total_bruto' },
                    { data: 'tara', name: 'tara' },
                    { data: 'peso_total_neto', name: 'peso_total_neto' },
                    { data: 'estado', name: 'estado', orderable: false, searchable: false },
                    { data: 'acciones', name: 'acciones', orderable: false, searchable: false }
                ],
                order: [[0, 'desc']],
                language: { url: '//cdn.datatables.net/plug-ins/1.13.7/i18n/es-ES.json' }
            });

            $('#filterButton').on('click', function () { table.ajax.reload(); });
            $('#clearFilterButton').on('click', function () {
                $('#searchDate').val('{{ date('Y-m-d') }}');
                table.ajax.reload();
            });

            $(document).on('click', '.btn-destroy-revalidacion', function () {
                const form = $(this).closest('form');
                Swal.fire({
                    title: '¿Anular revalidación?',
                    text: 'Esta acción no se puede deshacer.',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#3085d6',
                    confirmButtonText: 'Sí, anular'
                }).then((result) => {
                    if (result.isConfirmed) form.submit();
                });
            });

            var previewPdfUrl = '';
            var previewNombreCliente = '';

            $(document).on('click', '.previsualizarBtn', function (e) {
                e.preventDefault();
                var urlPdf = $(this).data('url-pdf');
                var nombreCliente = $(this).data('nombre-cliente') || 'revalidacion';
                previewPdfUrl = urlPdf;
                previewNombreCliente = nombreCliente;
                $('#previewPdfViewer').attr('src', urlPdf);
                $('.btnPreviewA4').attr('href', urlPdf);
                $('#modalPrevisualizar').modal('show');
            });

            $('#modalPrevisualizar').on('shown.bs.modal', function () {
                $(this).find('.modal-body').css('max-height', 'calc(100vh - 210px)').css('overflow-y', 'auto');
            });

            $('#btnPreviewDescargar').on('click', function () {
                if (!previewPdfUrl) return;
                var btn = $(this);
                btn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm mr-2"></span> Descargando...');
                var now = new Date();
                var dateStr = now.getFullYear() + '-' + String(now.getMonth() + 1).padStart(2, '0') + '-' + String(now.getDate()).padStart(2, '0') + '-' + String(now.getHours()).padStart(2, '0') + String(now.getMinutes()).padStart(2, '0') + String(now.getSeconds()).padStart(2, '0');
                var filename = previewNombreCliente + '-despacho-revalidacion-' + dateStr + '.pdf';
                fetch(previewPdfUrl, { credentials: 'include' })
                    .then(function (res) { return res.blob(); })
                    .then(function (blob) {
                        var a = document.createElement('a');
                        a.href = window.URL.createObjectURL(blob);
                        a.download = filename;
                        document.body.appendChild(a);
                        a.click();
                        document.body.removeChild(a);
                        window.URL.revokeObjectURL(a.href);
                    })
                    .catch(function () { alert('No se pudo descargar el PDF.'); })
                    .finally(function () {
                        btn.prop('disabled', false).html('<i class="fas fa-download mr-2"></i> Descargar');
                    });
            });
        });
    </script>
@stop