@extends('layouts.tabla')

@section('php')
    @php
        $locales = [];
        $cantidad = 100;
        while ($cantidad <= $cantidad_locales) {
            $locales[$cantidad] = $cantidad;
            $cantidad = $cantidad + 100;
        }
        if ($cantidad % 100 == 0) {
            $locales[$cantidad_locales] = $cantidad_locales;
        }
        $locales = json_encode($locales);
        $selectores_tabla = [ "evo" =>__('messages.evolucion')];
        $selectores_grafico = [];
        $cliente = config('app.CLIENTE');
        $salida = json_encode(["2"=> __('messages.ventas'), "1" => __('messages.unidades'), "3" => __('messages.costo')]);
        $periodo = json_encode(["dia"=> __('messages.dias'), "sem" => __('messages.semanas'), "mes" => __('messages.meses')]);
        $periodo_comp = json_encode(["ytd"=> __('messages.ytd'), "mec" => __('messages.mec'), "sem" => __('messages.semanas'), "mes" => __('messages.meses')]);
        $periodo_matri = json_encode(["ytd"=> __('messages.ytd'), "mec" => __('messages.mec'), "sem" => __('messages.semanas'), "mes" => __('messages.meses'), 'dia' => __('messages.dias')]);
        $periodo_var = json_encode(["dia"=> __('messages.dias')]);
        $mesesComp = [];
        $semanasComp = [];
        $yearAct = date("Y");
        $tipo = json_encode(["year" => (__('messages.año'))."-".(__('messages.meses'))."-".(__('messages.dias')), "local" => $variables[__('messages.variable-local')]['2-0']."-Formato-".(__('messages.variable-local')),
        "marca"=>$variables[__('messages.variable-producto')]['1-1']."-".(__('messages.filtro-texto-categoria'))."-".(__('messages.variable-producto'))]);
        $tipo_var = json_encode(["dinero"=>__('messages.dinero'), "porcentaje" =>__('messages.porcentaje')]);
        $lim_inf = json_encode(["-100"=>"-100%", "-50" =>"-50%", "-25"=>"-25%", "-10"=>"-10%"]);
        $lim_sup = json_encode(["100"=>"100%", "50" =>"50%", "25"=>"25%", "10"=>"10%"]);
        $tipos_graficos = json_encode([ "msline" => "Líneas", "stackedcolumn2d" => (__('messages.selector-tipo-grafico-columnas-apiladas')),"mscolumn2d" => "Columnas agrupadas", "stackedbar2d" => "Barras apiladas"]);
        foreach ($meses as $value) {
            list($_mes, $_year) = explode(' ', $value->nombre);
            if($_year == $yearAct) {
                $mesesComp []= $value;
            }
        }
        foreach ($semanas as $value) {
            $_year = substr($value->periodo, 0, 4);
            if($_year == $yearAct) {
                $semanasComp []= $value;
            }
        }
     
        
    @endphp
@endsection

@section('tabla')

    <div style="background-color: white;padding: 10px;" class="row">

        <x-tabla id="notificacion">
            <x-input id="texto-enviar" class="block mt-1 w-full" style="width:300px;height:50px" type="textarea" name="texto-enviar" :placeholder="'Escriba Texto Para Enviar'" required autofocus />
            
            <x-boton-enviar onclick="getEnvioNotificacion('{{$cliente}}', 'notificacion');"/>
        </x-tabla>
         
    </div>


@endsection



@section('js_aft')
    <script>
        let user_notificacion = [];
        $(document).ready(() => {
           getNotificacion(@json($cliente));


           
            $(".navbar-1100").css("border-style","solid");
            $(".navbar-1100").css("border-left","0px");
            $(".navbar-1100").css("border-color","#57775F");
            $(".navbar-1100").css("background-color","#57775F");

           
            
        });
        function guardarUserNotificacion(id){
            // let checked = $('#check_'+id).val();
            let checked = $(".checked-encuesta"+id+":checked").length;

            let encuesta = {
                "id":id,
                "checked":checked
            };
            
            user_notificacion = user_notificacion.filter((item) => item.id !== id);
            if(checked == 1){
                user_notificacion.push(encuesta);
            }        
            console.log(user_notificacion);

        }
    </script>
@endsection