@extends('layouts.app')
@section('titulo', 'Facturas')
@section('titulo_card', 'Lista de Facturas')

@section('content')
    {{-- <button class="btn btn-primary" id='cargarClientes'>Cargar Clientes</button>
    <button class="btn btn-primary" id='cargarFacturas'>Cargar Facturas</button> --}}
    {{-- <button class="btn btn-primary" id='insertarFacturas'>Insertar Facturas</button> --}}
    {{-- <button type="button" class="btn btn-primary" onclick="verFactura(2234)">
        Launch demo modal
    </button> --}}
    <div class="row">
        <div class="col">
            @livewire('factura-table')
        </div>
    </div>
@endsection
@section('css')
    @if (Auth::user()->tema == 'oscuro')
        <link rel="stylesheet" media="all" type="text/css" href="{{ asset('css/daterangepicker-dark.css') }}" />
    @else
        <link rel="stylesheet" media="all" type="text/css" href="{{ asset('css/daterangepicker.css') }}" />
    @endif
@endsection
@section('js')
    <script src="{{ asset('js/momentjs.js') }}"></script>
    <script src="{{ asset('js/daterangepicker.js') }}"></script>
    <script src="{{ asset('js/helper.js') }}"></script>
    @include('layouts.fechadp')
    <script type="module">
        import {
            initializeApp
        } from "https://www.gstatic.com/firebasejs/10.1.0/firebase-app.js";
        import {
            getDatabase,
            ref,
            child,
            get,
            set,
            push
        } from "https://www.gstatic.com/firebasejs/10.1.0/firebase-database.js";
        import {
            getAuth,
            signInWithEmailAndPassword
        } from "https://www.gstatic.com/firebasejs/10.1.0/firebase-auth.js";

        const firebaseConfig = {
            apiKey: "AIzaSyAwrfmi9WMRbRQNr0YfRp3bbNgWqXF4HWo",
            authDomain: "cybernet-1999.firebaseapp.com",
            databaseURL: "https://cybernet-1999.firebaseio.com",
            projectId: "cybernet-1999",
            storageBucket: "cybernet-1999.appspot.com",
            messagingSenderId: "248232643357",
            appId: "1:248232643357:web:2cc89fa1a5c8536e68eff4",
            measurementId: "G-F36SL66L5G"
        };


        const app = initializeApp(firebaseConfig);

        const auth = getAuth();
        signInWithEmailAndPassword(auth, "elvispro13@gmail.com", "Elvispro1999")
            .then((userCredential) => {
                // Signed in 
                const user = userCredential.user;

            })
            .catch((error) => {
                const errorCode = error.code;
                const errorMessage = error.message;
                console.log(errorCode);
                console.log(errorMessage);
            });

        function CargarClientes() {
            const dbRef = ref(getDatabase());
            get(child(dbRef, `clientes2/`)).then((snapshot) => {
                if (snapshot.exists()) {
                    const data = JSON.stringify(snapshot.val());
                    var CSRF_TOKEN = '{{ csrf_token() }}';
                    $.ajax({
                        type: 'POST',
                        url: "route('gestion.clientes.cargar')",
                        data: {
                            _token: CSRF_TOKEN,
                            data: data
                        },
                        dataType: 'JSON',
                        success: function(results) {
                            console.log(results);
                            alert('Clientes cargados');
                        }
                    });
                } else {
                    console.log("No data available");
                }
            }).catch((error) => {
                console.error(error);
            });
        }

        function CargarFacturas() {
            const dbRef = ref(getDatabase());
            get(child(dbRef, `facturas2/`)).then((snapshot) => {
                if (snapshot.exists()) {
                    const data = JSON.stringify(snapshot.val());
                    var CSRF_TOKEN = '{{ csrf_token() }}';
                    $.ajax({
                        type: 'POST',
                        url: "route('gestion.facturas.cargar')",
                        data: {
                            _token: CSRF_TOKEN,
                            data: data
                        },
                        dataType: 'JSON',
                        success: function(results) {
                            console.log(results);
                            alert('Facturas cargadas');
                        }
                    });
                } else {
                    console.log("No data available");
                }
            }).catch((error) => {
                console.error(error);
            });
        }

        function InsertarFacturasNulas() {
            console.log('Insertando facturas nulas');
            const dbRef = ref(getDatabase(), 'facturas2');

            for (let numeroFactura = 1285; numeroFactura <= 1850; numeroFactura++) {
                const newPostKey = push(dbRef).key;
                const fac = child(dbRef, "/" + newPostKey);

                var factura = {
                    "CAI": "D52CF4-638DFA-F44099-98C05C-42E1CA-78",
                    "cambio-efectivo": 0,
                    "cliente": "Ninguno",
                    "efectivo-entregado": 0,
                    "factura": "000-002-01-" + numeroFactura.toString().padStart(8, '0'),
                    "fecha": {
                        a: 2023,
                        d: 12,
                        h: 16,
                        m: 10,
                        mi: 47,
                        s: 32,
                    },
                    "id-cliente": "0",
                    "id-usuario": "0",
                    "identidad": "0",
                    "isv15": 0,
                    "isv18": 0,
                    "subtotal": 0,
                    "tipoPago": "Efectivo",
                    "total": 0,
                    "usuario": "Ninguno",
                };

                set(fac, factura);
                console.log('Factura insertada');
            }
        }

        document.querySelector('#cargarClientes').addEventListener('click', CargarClientes);
        document.querySelector('#cargarFacturas').addEventListener('click', CargarFacturas);
        // document.querySelector('#insertarFacturas').addEventListener('click', InsertarFacturasNulas);
        //Mario perdomo y Kelin maria vega oviedo
    </script>
@endsection
@section('modales')
    @include('modales.ver-factura-modal')
    @stack('ver-factura-css')
    @stack('ver-factura-js')
@endsection