@extends('layouts.master')

@section('title', 'Eventos')

@section('content')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-12">
                    <h1 class="m-0 text-dark">
                        Informe NEW <small>{{ $evento->nombre }}</small>
                        <small>{{ \Carbon\Carbon::parse($evento->fecha)->format('d/m/Y') }}</small>
                    </h1>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">

                    {{-- ===================== ENTRADAS ===================== --}}
                    <div class="card">
                        <div class="card-header bg-dark text-light">
                            <h3 class="card-title"><i class="fa-solid fa-ticket mr-1"></i> Ingreso Entradas</h3>
                        </div>
                        <div class="card-body">
                            @if($entradas->count())
                                <div class="table-responsive">
                                    <table class="table table-hover table-striped w-100" style="overflow-x:auto; white-space:nowrap;">
                                        <thead>
                                            <tr>
                                                <th>Nombre</th>
                                                <th class="text-right">Valor</th>
                                                <th class="text-center">Efectivo</th>
                                                <th class="text-center">Transferencia</th>
                                                <th class="text-center">Credito / Debito</th>
                                                <th class="text-center">QR</th>
                                                <th class="text-center">Free</th>
                                                <th class="text-center">Total / Ingresados / Capacidad</th>
                                                <th class="text-right">Total</th>
                                                <th class="text-right">Descuentos</th>
                                                <th class="text-right">Subtotal</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($entradas as $entrada)
                                                <tr>
                                                    <td>
                                                        {{ substr($entrada->nombre, 0, 30) }}<br>
                                                        <small>Para {{ $entrada->multiplo }} Personas</small><br>
                                                        <small>${{ number_format($entrada->precio_unitario, 0, ',', '.') }} x Personas</small>
                                                    </td>
                                                    <td class="text-right">${{ number_format($entrada->valor, 0, ',', '.') }}</td>
                                                    <td class="text-center">{{ $entrada->cantidadCash }}</td>
                                                    <td class="text-center">{{ $entrada->cantidadTransferencia }}</td>
                                                    <td class="text-center">{{ $entrada->cantidadCreditoDebito }}</td>
                                                    <td class="text-center">{{ $entrada->cantidadQR }}</td>
                                                    <td class="text-center">{{ $entrada->cantidadFree }}</td>
                                                    <th class="text-center">
                                                        {{ $entrada->cantidadTotal }} / {{ $entrada->recepcionados }} / {{ $entrada->capacidad }}
                                                    </th>
                                                    <th class="text-right">${{ number_format($entrada->total, 0, ',', '.') }}</th>
                                                    <th class="text-right">${{ number_format($entrada->descuento, 0, ',', '.') }}</th>
                                                    <th class="text-right">${{ number_format($entrada->subtotal, 0, ',', '.') }}</th>
                                                </tr>
                                            @endforeach

                                            <tr>
                                                <th>Total</th>
                                                <th></th>
                                                <th class="text-center">{{ $eventoCantidad['cash'] }}</th>
                                                <th class="text-center">{{ $eventoCantidad['transferencia'] }}</th>
                                                <th class="text-center">{{ $eventoCantidad['credito_debito'] }}</th>
                                                <th class="text-center">{{ $eventoCantidad['qr'] }}</th>
                                                <th class="text-center">{{ $eventoCantidad['free'] }}</th>
                                                <th class="text-center">
                                                    {{ $confirmadosTotal }} / {{ $recepcionadosTotal }} / {{ $entradas->sum('capacidad') }}
                                                </th>
                                                <th class="text-right">${{ number_format($totalEntradas, 0, ',', '.') }}</th>
                                                <th class="text-right">${{ number_format($totalDescuentos, 0, ',', '.') }}</th>
                                                <th class="text-right">${{ number_format($subtotal, 0, ',', '.') }}</th>
                                            </tr>

                                            @if($evento->salon_id == 2)
                                                <tr>
                                                    <th colspan="10">Total Artista (70%)</th>
                                                    <th class="text-right">${{ number_format($subtotal * 0.70, 0, ',', '.') }}</th>
                                                </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <div class="py-4 text-center">No Existen Registros</div>
                            @endif
                        </div>
                    </div>

                    {{-- ===================== RRPP ===================== --}}
                    <div class="card">
                        <div class="card-header bg-dark text-light">
                            <h3 class="card-title"><i class="fa-solid fa-user mr-1"></i> RRPP</h3>
                        </div>
                        <div class="card-body">
                            @if($rrpps->count())
                                <div class="table-responsive">
                                    <table class="table table-hover table-striped w-100" style="overflow-x:auto; white-space:nowrap;">
                                        <thead>
                                            <tr>
                                                <th>Nombre</th>
                                                @foreach($entradas as $entrada)
                                                    <th class="text-center">{{ $entrada->nombre }}</th>
                                                @endforeach
                                                <th class="text-center">Total</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($rrpps as $rrpp)
                                                <tr>
                                                    <td>{{ $rrpp->name }}<br>{{ $rrpp->porcentaje * 100 }}%</td>

                                                    @foreach($rrpp->items as $item)
                                                        <td class="text-center">
                                                            {{ $item->cant }}<br>
                                                            $ {{ number_format($item->valor, 0, ',', '.') }}
                                                        </td>
                                                    @endforeach

                                                    <th class="text-center">
                                                        {{ $rrpp->cantTotal }}<br>
                                                        $ {{ number_format($rrpp->valorComision, 0, ',', '.') }}
                                                    </th>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <div class="py-4 text-center">No Existen Registros</div>
                            @endif
                        </div>
                    </div>

                    {{-- ===================== INGRESOS (PRODUCTOS) ===================== --}}
                    <div class="card">
                        <div class="card-header bg-dark text-light">
                            <h3 class="card-title"><i class="fa-solid fa-martini-glass mr-1"></i> Ingresos</h3>
                            <div class="card-tools">
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#graficoBarra">
                                    <i class="fa-solid fa-chart-pie fa-lg"></i>
                                </button>
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#detalleBarra">
                                    <i class="fa-solid fa-bars fa-lg"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-body">
                            @if($productos->count())
                                <div class="table-responsive">
                                    <table class="table table-hover table-striped w-100" style="overflow-x:auto; white-space:nowrap;">
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th class="text-center" colspan="6">Cantidad</th>
                                                <th class="text-right"></th>
                                            </tr>
                                            <tr>
                                                <th>Nombre</th>
                                                <th class="text-center">Efectivo</th>
                                                <th class="text-center">Credito / Debito</th>
                                                <th class="text-center">Transferencia</th>
                                                <th class="text-center">Wallet</th>
                                                <th class="text-center">Free</th>
                                                <th class="text-center">Total</th>
                                                <th class="text-right">Subtotal</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($productos as $producto)
                                                <tr>
                                                    <td>{{ \Illuminate\Support\Str::limit($producto->nombre, 45) }} <small>{{ $producto->categoria->nombre ?? '' }}</small></td>
                                                    <td class="text-center">{{ $producto->cantidadCash }}</td>
                                                    <td class="text-center">{{ $producto->cantidadMP }}</td>
                                                    <td class="text-center">{{ $producto->cantidadTransfe }}</td>
                                                    <td class="text-center">{{ $producto->cantidadWallet }}</td>
                                                    <td class="text-center">{{ $producto->cantidadFree }}</td>
                                                    <th class="text-center">{{ $producto->cantidadTotal }}</th>
                                                    <th class="text-right">$ {{ number_format($producto->total, 0, ',', '.') }}</th>
                                                </tr>
                                            @endforeach
                                            <tr>
                                                <th>Total</th>
                                                <th class="text-center">$ {{ number_format($totalProductosCash, 0, ',', '.') }}</th>
                                                <th class="text-center">$ {{ number_format($totalProductosMP, 0, ',', '.') }}</th>
                                                <th class="text-center">$ {{ number_format($totalProductosTransfe, 0, ',', '.') }}</th>
                                                <th class="text-center">$ {{ number_format($totalProductosWall, 0, ',', '.') }}</th>
                                                <th class="text-center">$ {{ number_format($totalProductosFree, 0, ',', '.') }}</th>
                                                <th class="text-center">{{ $totalCantidadProductos }}</th>
                                                <th class="text-right">$ {{ number_format($totalProductosCash + $totalProductosMP + $totalProductosTransfe, 0, ',', '.') }}</th>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <div class="py-4 text-center">No Existen Registros</div>
                            @endif
                        </div>
                    </div>

                    {{-- ===================== COCINA + BARRA ===================== --}}
                    @if(in_array($evento->salon_id, [1,2]))
                        <div class="card">
                            <div class="card-header bg-dark text-light">
                                <h3 class="card-title"><i class="fa-solid fa-martini-glass mr-1"></i> Ingreso Cocina + Barra</h3>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-hover table-striped w-100" style="overflow-x:auto; white-space:nowrap;">
                                        <thead>
                                            <tr>
                                                <th>Barra</th>
                                                <th>Cocina</th>
                                                <th>Total</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <th>$ {{ number_format($barra, 0, ',', '.') }}</th>
                                                <th>$ {{ number_format($cocina, 0, ',', '.') }}</th>
                                                <th>$ {{ number_format($barra + $cocina, 0, ',', '.') }}</th>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    @endif

                    {{-- ===================== BILLETERAS ===================== --}}
                    <div class="card">
                        <div class="card-header bg-dark text-light">
                            <h3 class="card-title"><i class="fa-solid fa-ticket mr-1"></i> Ingreso Billeteras</h3>
                            <div class="card-tools">
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#detalleBilleteras">
                                    <i class="fa-solid fa-bars fa-lg"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-hover table-striped w-100" style="overflow-x:auto; white-space:nowrap;">
                                    <thead>
                                        <tr>
                                            <th>Nombre</th>
                                            <th class="text-center">Cantidad Efectivo</th>
                                            <th class="text-center">Cantidad Transferencia</th>
                                            <th class="text-center">Cantidad Credito / Debito</th>
                                            <th class="text-center">Cantidad QR</th>
                                            <th class="text-center">Cantidad Free</th>
                                            <th class="text-right">Total</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <th>Carga de wallets</th>
                                            <th class="text-center">$ {{ number_format($wallets['cash'], 0, ',', '.') }}</th>
                                            <th class="text-center">$ {{ number_format($wallets['transferencia'], 0, ',', '.') }}</th>
                                            <th class="text-center">$ {{ number_format($wallets['credito_debito'], 0, ',', '.') }}</th>
                                            <th class="text-center">$ {{ number_format($wallets['qr'], 0, ',', '.') }}</th>
                                            <th class="text-center">$ {{ number_format($wallets['free'], 0, ',', '.') }}</th>
                                            <th class="text-right">$ {{ number_format($wallets['total'], 0, ',', '.') }}</th>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    {{-- ===================== RESUMEN ===================== --}}
                    <div class="card">
                        <div class="card-header bg-dark text-light">
                            <h3 class="card-title"><i class="fa-solid fa-bars mr-1"></i> Resumen <small>{{ $evento->nombre }}</small></h3>
                        </div>
                        <div class="card-body">
                            <table class="table table-hover table-striped" style="width:100%;">
                                <tbody>
                                    <tr>
                                        <td>Ingresos Entradas</td>
                                        <td class="text-right">$ {{ number_format($subtotal, 0, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td>Ingresos Barra - Cash</td>
                                        <td class="text-right">$ {{ number_format($totalProductosCash, 0, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td>Ingresos Barra - MP</td>
                                        <td class="text-right">$ {{ number_format($totalProductosMP, 0, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td>Wallets</td>
                                        <td class="text-right">$ {{ number_format($wallets['cash'] + $wallets['transferencia'] + $wallets['qr'] + $wallets['credito_debito'], 0, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td>Devolucion Wallets</td>
                                        <td class="text-right">$ {{ number_format(0, 0, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <th>Ingresos Totales</th>
                                        <th class="text-right">$ {{ number_format($ingresosTotales, 0, ',', '.') }}</th>
                                    </tr>
                                </tbody>
                            </table>

                            <br>

                            <table class="table table-hover table-striped" style="width:100%;">
                                <tbody>
                                    <tr>
                                        <td>Costo Apertura</td>
                                        <td class="text-right">$ {{ number_format($evento->sena, 0, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td>Total Neto</td>
                                        <td class="text-right">$ {{ number_format($neto, 0, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <th>Productora ({{ $evento->porcentaje * 100 }}%)</th>
                                        <th class="text-right">$ {{ number_format($productora, 0, ',', '.') }}</th>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>

    {{-- ===================== MODALS (detalle) ===================== --}}
    <div class="modal fade" id="detalleBarra" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Detalle Barra</h5>
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                </div>
                <div class="modal-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-striped w-100" style="overflow-x:auto; white-space:nowrap;">
                            <thead>
                                <tr>
                                    <th>Hora</th>
                                    <th>Nombre</th>
                                    <th>Cliente</th>
                                    <th>Medio</th>
                                    <th class="text-center">Cantidad</th>
                                    <th class="text-right">Precio</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($comandas as $comanda)
                                    <tr>
                                        <td>{{ \Carbon\Carbon::parse($comanda->created_at)->format('H:i') }}</td>
                                        <td>{{ $comanda->producto->nombre ?? '' }}</td>
                                        <td>{{ $comanda->nombre }}</td>
                                        <td>{{ $comanda->medio->nombre ?? '' }}</td>
                                        <td class="text-center">{{ $comanda->cantidad }}</td>
                                        <th class="text-right"
                                        style="color:
                                        {{ $comanda->medio_id == 4 ? 'red' : ($comanda->medio_id == 3 ? 'orange' : 'green') }}">
                                        $ {{ number_format($comanda->total, 0, ',', '.') }}
                                    </th>
                                </tr>
                            @endforeach

                            <tr>
                                <th>Total Credito / Debito / QR</th>
                                <th colspan="3"></th>
                                <th class="text-center">{{ $cantidadComandasPagas }}</th>
                                <th class="text-right" style="color:green">$ {{ number_format($totalComandasPagas, 0, ',', '.') }}</th>
                            </tr>
                            <tr>
                                <th>Total Wallet</th>
                                <th colspan="3"></th>
                                <th class="text-center">{{ $cantidadComandasWallet }}</th>
                                <th class="text-right" style="color:orange">$ {{ number_format($totalComandasWallet, 0, ',', '.') }}</th>
                            </tr>
                            <tr>
                                <th>Total Free</th>
                                <th colspan="3"></th>
                                <th class="text-center">{{ $cantidadComandasFree }}</th>
                                <th class="text-right" style="color:red">$ {{ number_format($totalComandasFree, 0, ',', '.') }}</th>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <hr>
                <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="graficoBarra" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Grafico Barra</h5>
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body">
                <div class="w-100">
                    <canvas id="productosPie" style="max-height: 520px;"></canvas>
                </div>
                <hr>
                <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="detalleBilleteras" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Detalle Billeteras</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="table-responsive">
                    <table class="table table-hover table-striped w-100" style="overflow-x: auto; white-space: nowrap;">
                        <thead>
                            <tr>
                                <th>Hora</th>
                                <th>Nombre</th>
                                <th>Cliente</th>
                                <th>Medio de Pago</th>
                                <th class="text-right">Debito / Credito</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($evento->movimientoCreditos(0) as $key => $movimineto)
                                <tr>
                                    <td>{{ date('H:i', strtotime($movimineto->created_at)) }}</td>
                                    <td>{{ $movimineto->nombre }}</td>
                                    <td>{{ $movimineto->user->name }}</td>
                                    <td>{{ $movimineto->medio->nombre }}</td>
                                    @if($movimineto->credito != null)
                                        <th class="text-right" style="color:green">$ {{ number_format($movimineto->credito, 0, ',', '.') }}</th>
                                    @else
                                        <th class="text-right" style="color:orange">$ {{ number_format($movimineto->debito, 0, ',', '.') }}</th>
                                    @endif
                                </tr>
                            @endforeach
                            <tr>
                                <th>Total Cobrado</th>
                                <th colspan="3"></th>
                                <th class="text-right" style="color:green">$ </th>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <hr>
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {

    const labels = @json($chartProductosLabels);
    const data = @json($chartProductosCant);

    function generarColores(cantidad) {
        const colores = [];
        for (let i = 0; i < cantidad; i++) {
            const hue = Math.round((360 / cantidad) * i);
            colores.push(`hsl(${hue}, 70%, 55%)`);
        }
        return colores;
    }

    const ctx = document.getElementById('productosPie');

    new Chart(ctx, {
        type: 'pie',
        data: {
            labels: labels,
            datasets: [{
                data: data,
                backgroundColor: generarColores(labels.length),
                borderColor: '#ffffff',
                borderWidth: 1
            }]
        },
        options: {
            responsive: true,
            plugins: {
                legend: {
                    position: 'bottom'
                },
                tooltip: {
                    callbacks: {
                        label: function(context) {
                            return `${context.label}: ${context.parsed} unidades`;
                        }
                    }
                }
            }
        }
    });

});
</script>


@endsection