@extends('metronic.base')
@section('titulo')
    Documentos POS
@endsection
@section('extracss')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
@endsection
@section('extrajs')
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.7.1/css/buttons.dataTables.min.css">
    <script src="https://cdn.datatables.net/buttons/1.7.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.html5.min.js"></script>

    <script>
        $(document).ready(function() {
            // Inicializa DataTable
            var tabla = $('#table_cc').DataTable({
                "language": {
                    "lengthMenu": "Mostrar _MENU_ Documentos por página",
                    "zeroRecords": "No hay archivos",
                    "info": "Mostrando _PAGE_ de _PAGES_ páginas",
                    "infoEmpty": "No hay páginas",
                    "infoFiltered": "(filtrado de _MAX_ registros en total)",
                    'search': "Buscar:",
                    "paginate": {
                        "first": "Primero",
                        "last": "Último",
                        "next": "Siguiente",
                        "previous": "Atrás"
                    },
                },
                "dom": 'Bfrtip', // Agrega el contenedor de botones en la posición deseada
                "buttons": [
                    {
                        extend: 'copyHtml5',
                        exportOptions: {
                            columns: ':visible'
                        },
                        title: 'Documentos POS'
                    },
                    {
                        extend: 'excelHtml5',
                        exportOptions: {
                            columns: ':visible'
                        },
                        title: 'Documentos POS'
                    },
                    {
                        extend: 'csvHtml5',
                        exportOptions: {
                            columns: ':visible'
                        },
                        title: 'Documentos POS'
                    },
                    {
                        extend: 'pdfHtml5',
                        exportOptions: {
                            columns: ':visible'
                        },
                        title: 'Documentos POS'
                    }
                ]
            });
        });
    </script>
    
@endsection
@section('content')
    <!-- Mensaje ocupado -->
    @include('sessions')
    <style>
        .export-button-container {
            text-align: right;
            margin-top: 10px;
            /* Ajusta el margen según sea necesario */
            margin-right: 5px;
        }
    </style>

    {{-- <form action="">
        <button class="btn btn-primary" type="submit" formtarget="_blank"><i class="ki-outline ki-some-files fs-2"></i> Generar Reporte</button>
    </form>
    <br> --}}
    <div class="card shadow-sm">
        <div class="card-header">
            <h3 class="card-title">Listado Facturas</h3>
        </div>
        <div class="card-body">
            <table id="table_cc" class=" table">
                <thead class="thead-dark">
                    <tr>
                        <th scope="col">Item</th>
                        <th>Código</th>
                        <th>Tipo documento</th>
                        <th scope="col">Monto Factura</th>
                        <th scope="col">Estado</th>
                        <th scope="col">Fecha de emisión</th>
                        <th scope="col">Sucursal</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $i = 1;
                    @endphp
                    {{-- @dd($documentos) --}}
                    @foreach ($documentos as $item)
                        <tr>
                            <td>{{ $i }}</td>
                            <td>{{ $item->documento_code }}</td>
                            <td>{{ $item->tipo_documento }}</td>
                            <td>${{ number_format($item->monto, 2) }}</td>
                            <td>{{ $item->state }}</td>
                            <td>{{ \Carbon\Carbon::parse($item->fecha_emision_pos)->format('d-m-Y') }}</td>
                            <td>{{ $item->bodegas->bodega }}</td>
                        </tr>
                        @php
                            $i++;
                        @endphp
                    @endforeach
                </tbody>
            </table>
            <table class="table table-bordered table-hover" style="width: 100%">
                <tr>
                    <td colspan="6" style="text-align: center;"><strong>Monto total:
                            &nbsp;&nbsp;&nbsp;$&nbsp;{{ number_format($documentosMontoTotal, 2) }}</strong></td>
                </tr>
            </table>
        </div>
    </div>

    {{-- @include('cotizacionCompleta.modals.abonarModal') --}}
    {{-- @include('cotizacionCompleta.modals.saldarModal') --}}
    <script>
        function transaccion(id, monto, tipo) {
            if (tipo == 1) {
                $('#doc_id').val(id);
                $('#monto_a').val(monto);
            } else {
                $('#id_doc').val(id);
                $('#monto_s').val(monto);
            }
        }

        (function() {
            document.querySelectorAll('input[type="date"]').forEach((input) => {
                var newDate = new Date();
                input.value = newDate.toISOString().split("T")[0]
            });
        })();
    </script>
@endsection