@extends('header_new')


@section('main')

<!-- FORMULARIO PARA VOLVER -->
<form id="frmServiciosContratadosUsuario" action="/blue/servicios-contratados-usuarios" method="post">
    {{ csrf_field() }}
    <input name="cli_codigo" type="hidden" value="{{$cli_codigo}}">
    <input name="cliente" type="hidden" value="{{$cliente}}">
    <input name="cliente_nombre" type="hidden" value="{{$nombre_cliente}}">
    <input type="hidden" name="cli_cuit" value="{{$cli_cuit}}">
    <input name="estado" type="hidden" value="{{$estado}}">
    <input type="hidden" id="usuario" name="usuario" value="{{$user_id}}">
    <input name="login" type="hidden" value="{{$username}}">
    <input name="email" type="hidden" value="{{$email}}">
    <input name="first_name" type="hidden" value="{{$first_name}}">
    <input name="last_name" type="hidden" value="{{$last_name}}">
    <input name="password" type="hidden" value="{{$password}}">
    <input name="nombre_producto" type="hidden" value="{{$nombre_producto}}">
    <input name="limite_consumo" type="hidden" value="{{$limite_consumo}}">
    <input name="id_producto" type="hidden" value="{{$id_producto}}">
    <input name="estado_login" type="hidden" value="{{$estado_login}}">
    <input name="estado_producto" type="hidden" value="{{$estado_producto}}">
</form>
<!-- END FORMULARIO PARA VOLVER -->

<!-- FORMULARIO VISIBILIDAD -->
<main class="container-fluid mt-5 pt-5">
    @include('blue/info_cliente_abm')
    <div class="container-fluid">
        <h6 class="text-fidelitas">{{$nombre_producto}}</h6>
        <h6 class="text-fidelitas pb-3">Usuario: {{$first_name}} {{$last_name}}</h6>
        <h5 id="title-visibilidad">Visibilidad de Producto</h5>

        <div id="notificacionFam" class="d-none pt-3 px-3"></div>

        <!-- FORMULARIO FAMILIAS -->

        <form id="frmFamilias" name="frmFamilias">
            {{csrf_field()}}
            <input type="hidden" name="cliente" value="{{$cliente}}">
            <input type="hidden" name="user_id" value="{{$user_id}}">
            <input type="hidden" class="servicio_actual_fam" name="servicio_actual_fam" id="servicio_actual_fam"
                value="{{$id_producto}}">

            <div class='h5' id="paises">
                <br>Países que pueden ver según el servicio:
            </div>

            <div id="paises_{{$id_producto}}" class="">
                @if ($prod_pais_popul == 1)
                    <div class="row">
                        @foreach($paises as $pais_servicio)
                            <div class="col-md-3 py-3">
                                <label role="button">
                                    <input type="checkbox" name="pais_servicios[{{$id_producto}}][]"
                                        class="chk_{{$id_producto}} chk"
                                        value="{{$pais_servicio->country_code}}"
                                        @if ($pais_servicio->vepais != 'no') checked @endif>
                                    {{$pais_servicio->country_name}}
                                </label>
                            </div>
                        @endforeach
                    </div>

                @else
                    <div class="row">
                        <div class="col-md-12 py-3">
                            El cliente no tiene definidos distintos paises de servicio para {{$nombre_producto}}.
                        </div>
                    </div>
                @endif
                <div class="row py-3">
                    <div class="col-md-2 pe-0">
                        <button type="button" class="btn btn-sm btn-fidelitas w-100 h-100 seraccept"><i
                                class="fa fa-check"></i> Confirmar y Continuar</button>
                    </div>
                    <div class="col-md-2">
                        <button type="button" class="btn btn-sm btn-fidelitas w-100 h-100 sercancel"
                            data-dismiss="modal"><i class="fa fa-times"></i> Cancelar</button>
                    </div>
                </div>
            </div>

            <div class='h5 d-none' id="familias">
                <br>Familias que puede ver:
            </div>
            <!-- ------------------------- -->

            @if ($prod_familias_popul == 1)
                <div id="familias_{{$id_producto}}" class="d-none">
                    <div class="row">
                        @foreach($familias as $familia_servicio)
                            <div class="col-md-3 py-3">
                                @if ($familia_servicio->veflia == 'no')
                                <label role="button">
                                    <input type="checkbox"
                                        id="familia_servicio_{{$id_producto}}_{{$familia_servicio->nombre_familia}}"
                                        name="familia_servicio[{{$id_producto}}][0][]" class="chkf"
                                        value="{{$familia_servicio->familia}}">&nbsp;&nbsp;{{$familia_servicio->nombre_familia}}
                                </label>
                                    {{-- <input type="checkbox"
                                        id="familia_servicio_{{$id_producto}}_{{$familia_servicio->nombre_familia}}"
                                        name="familia_servicio[{{$id_producto}}][{{$familia_servicio->familia}}][]" class="chkf"
                                        value="{{$familia_servicio->familia}}">&nbsp;&nbsp;{{$familia_servicio->nombre_familia}}
                                    --}}
                                @else
                                <label role="button">
                                    <input type="checkbox"
                                        id="familia_servicio_{{$id_producto}}_{{$familia_servicio->nombre_familia}}"
                                        name="familia_servicio[{{$id_producto}}][0][]" class="chkf" checked
                                        value="{{$familia_servicio->familia}}">&nbsp;&nbsp;{{$familia_servicio->nombre_familia}}
                                </label>
                                    {{-- <input type="checkbox"
                                        id="familia_servicio_{{$id_producto}}_{{$familia_servicio->nombre_familia}}"
                                        name="familia_servicio[{{$id_producto}}][{{$familia_servicio->familia}}][]" class="chkf"
                                        checked
                                        value="{{$familia_servicio->familia}}">&nbsp;&nbsp;{{$familia_servicio->nombre_familia}}
                                    --}}
                                @endif
                            </div>
                        @endforeach
                    </div>
                </div>
            @else
                <div class="row">
                    <div class="col-md-12">
                        El cliente no tiene definidas familias para {{$nombre_producto}}.
                    </div>
                </div>
            @endif
        </form>

        <div class='d-none' id="familias_btn">
            <div class="row py-3">
                <div class="col-md-2 pe-0">
                    <button type="button" class="btn btn-sm btn-success w-100 h-100 famaccept"><i
                            class="fa fa-check"></i> Confirmar y Continuar</button>
                </div>
                <div class="col-md-2">
                    <button type="button" class="btn btn-sm btn-danger w-100 h-100 famcancel" data-dismiss="modal"><i
                            class="fa fa-times"></i> Cancelar</button>
                </div>
            </div>
        </div>

        <div id="notificacionFam" class="d-none"></div>

        <!-- FORMULARIO INDICADORES -->

        <form id="frmIndicadores" name="frmIndicadores">
            {{csrf_field()}}
            <input type="hidden" name="cliente" value="{{$cliente}}">
            <input type="hidden" name="user_id" value="{{$user_id}}">
            <input type="hidden" class="servicio_actual_ind" name="servicio_actual_ind" value="{{$id_producto}}">

            <div id="indicadores_{{$id_producto}}" class="d-none pb-5">
                <div class="h5 pb-3" id="titulo_ind">
                    <br>Productos que puede ver para <span style="color:red;">{{$nombre_producto}}</span>
                </div>
                <div class="row h5 py-2">
                    <div class="col-md-3">Producto</div>
                    <div class="col-md-3">
                        Etiqueta
                        <label class="d-block" role="button">
                            <input type="checkbox" class="all_selects_indicadores" value="1"> 
                            Seleccionar Todos
                        </label>
                    </div>
                    <div class="col-md-6">Descripción</div>
                </div>
                @foreach($indicadores as $indicador)
                    <div class="row">
                        <hr style="margin-top:2px;margin-bottom:2px;">
                        <div class="col-md-3">
                            {{$indicador->nombre_producto}}:
                        </div>
                        <div class="col-md-3">
                            @if ($indicador->veind == 'no')
                            <label role="button">
                                <input type="checkbox" name="indicadores[{{$id_producto}}][]" class="chk3"
                                    value="{{$indicador->indicador}}">&nbsp;&nbsp;
                                {{$indicador->etiqueta}}
                            </label>
                            @else
                            <labe role="button">
                                <input type="checkbox" name="indicadores[{{$id_producto}}][]" class="chk3" checked
                                    value="{{$indicador->indicador}}">&nbsp;&nbsp;
                                {{$indicador->etiqueta}}
                            </label>
                            @endif
                        </div>
                        <div class="col-md-6">
                            {{$indicador->nombre_indicador}}
                            @if(isset($indicador->visible_panel) && $indicador->visible_panel == '0')
                                &nbsp;&nbsp;<span style="color:#cccccc;">(no se muestra en el Panel de control)</span>
                            @endif
                        </div>
                    </div>
                @endforeach
            </div>

            <div class='d-none' id="indicadores_btn">
                <div class="row justify-content-end pb-5">
                    <div class="col-md-2 pe-0">
                        <button type="button" class="btn btn-sm btn-success w-100 h-100 indaccept"><i
                                class="fa fa-check"></i> Confirmar y Finalizar</button>
                    </div>
                    <div class="col-md-2 text-end">
                        <button type="button" class="btn btn-sm btn-danger w-100 h-100 indcancel"
                            data-dismiss="modal"><i class="fa fa-times"></i> Cancelar</button>
                    </div>
                </div>
            </div>
        </form>

        <div id="notificacion" class="d-none"></div>
    </div>
</main>

@endsection

@section('funcionesJs')
<script>
    $(document).ready(function () {
        visibilidad();
    });
</script>
@endsection