@extends('layouts.app')

@section('content')

    <div class="page-info">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Módulos</a></li>
                <li class="breadcrumb-item" aria-current="page"><a href="{{ route('projects.index') }}">Proyectos</a></li>
                <li class="breadcrumb-item active" aria-current="page">Detalles</li>
            </ol>
        </nav>
        <div class="page-options">
            <a  href="{{ route('projects.index') }}" class="btn btn-secondary">Regresar</a>
        </div>
    </div>

    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Proyecto Detalle</h1>
                </div>
                <div class="col-sm-6">
                </div>
            </div>
        </div>
    </section>

    <div class="main-wrapper">
        <div class="row">
            <div class="col-lg-4">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Detalle</h5>
                        <div class="row">
                            @include('projects.show_fields')
                        </div>
                    </div>
                </div>
            </div>
            
            @php
                $array_confirmed = array();
                $array_rejecteds = array();
                $array_quarantines = array();
                $array_reworks = array();
            @endphp
            
            <div class="col-lg-8">
                <div class="card">
                    
                    <div class="card-body">
                        <h5 class="card-title">Tabla</h5>
                        <div class="row">
                            @include('projects.show_table_details')
                        </div>
                    </div>
                </div>
            </div>


            <div class="col">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Gráficas</h5>
                        <div class="row">
                            @include('projects.show_chart_details')
                        </div>
                    </div>
                </div>
            </div>


         </div>
    </div> 

@endsection

@for( $i = 1; $i <= 52; $i++)

    @php
        $contador_confirmed = 0;
        $contador_rejecteds = 0;
        $contador_quarantines = 0;
        $contador_reworks = 0;
    @endphp

    @if( isset($confirmeds_group_semana[$i]))     
        @foreach ($confirmeds_group_semana[$i] as $value )
            @php
                    $contador_confirmed += $value->cantidad;
            @endphp
        @endforeach
    @endif

    @if( isset($rejecteds_group_semana[$i]))     
        @php
            $contador = 0;
        @endphp
        @foreach ($rejecteds_group_semana[$i] as $value )
            @php
                    $contador_rejecteds += $value->cantidad;
            @endphp
        @endforeach
    @endif

    @if( isset($quarantines_group_semana[$i]))     
        @php
            $contador = 0;
        @endphp
        @foreach ($quarantines_group_semana[$i] as $value )
            @php
                $contador_quarantines += $value->cantidad;
            @endphp
        @endforeach
    @endif


    @if( isset($reworks_group_semana[$i]))     
        @php
            $contador = 0;
        @endphp
        @foreach ($reworks_group_semana[$i] as $value )
            @php
                $contador_reworks += $value->cantidad;
            @endphp
        @endforeach
    @endif

    @php
        array_push($array_confirmed, $contador_confirmed);
        array_push($array_rejecteds, $contador_rejecteds);
        array_push($array_quarantines, $contador_quarantines);
        array_push($array_reworks, $contador_reworks);
    @endphp

@endfor

@push('page_scripts')

    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    
    <script>


            const rejecteds_group_semana = {{ json_encode($array_rejecteds) }};
            const quarantines_group_semana = {{  json_encode($array_quarantines)  }};
            const confirmeds_group_semana = {{  json_encode($array_confirmed) }}; 
            const reworks_group_semana = {{  json_encode($array_reworks) }}; 

			var options = {
                series: [{
                    name: "Confirmadas",
                    data: confirmeds_group_semana
                },{
                    name: "Cuarentena",
                    data: quarantines_group_semana
                },{
                    name: "Rechazadas",
                    data: rejecteds_group_semana
                },
                {
                    name: "Retrabajos",
                    data: reworks_group_semana
                }],
                chart: {
                    height: 350,
                    type: 'line',
                    zoom: {
                        enabled: false
                    }
                },
                dataLabels: {
                    enabled: false
                },
                stroke: {
                    curve: 'straight'
                },
                title: {
                    text: 'Productos inspeccionados por semana',
                    align: 'left'
                },
                grid: {
                    row: {
                        colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
                        opacity: 0.5
                    },
                }
            };


        var chart = new ApexCharts(document.querySelector("#chart"), options);

        chart.render();



        $('#projects-table').DataTable({
            order: [0, 'desc'],
            language: {
                "decimal": "",
                "emptyTable": "No hay información",
                "info": "Mostrando _START_ a _END_ de _TOTAL_ Entradas",
                "infoEmpty": "Mostrando 0 a 0 de 0 Entradas",
                "infoFiltered": "(Filtrado de _MAX_ total entradas)",
                "infoPostFix": "",
                "thousands": ",",
                "lengthMenu": "Mostrar _MENU_ Entradas",
                "loadingRecords": "Cargando...",
                "processing": "Procesando...",
                "search": "Buscar:",
                "zeroRecords": "Sin resultados encontrados",
                "paginate": {
                    "first": "Primero",
                    "last": "Ultimo",
                    "next": "Siguiente",
                    "previous": "Anterior"
                }
            },
        })

    </script>

@endpush