{% if checklist != '0' %}
    <center><h1><b>CHECKLIST:</b> {{ checklist|replace({'&amp;':'&'}) }}</h1></center>
{% endif %}
{% for activity in activities%}
    <div class="table-bordered" >
        <div class="checkbox control-form">
            <label>

                <input type="checkbox" name="activity[]" class="checkboxActivity checkbox" {% if idestadoPadre == 24 %} disabled {% endif %} idtipoestado="{{ activity.idtipoestado }}" value="{{activity.idestados  }}" idActivity="{{ activity.idestados }}" {% if plan == true %}{% if activity.idticket== true %}checked{% endif %}{% else %}{% if activity.checking== 'YES' %}checked{% endif %}{% endif %} id="activity"{{activity.idestados  }}">
                <span {% if activity.idticket2 == true %} style="color:red" {% endif %}>{{activity.estado}}</span></label>
            <i class="fa fa-plus-square-o showTask" idActivity="{{ activity.idestados }}" id="show{{  activity.idestados  }}" aria-hidden="true"  style="float:right; "></i>

            <i class="fa fa-minus-square-o hideTask" idActivity="{{ activity.idestados }}" id="hide{{  activity.idestados  }}" aria-hidden="true"  style="float:right; display: none; "></i>
        </div>
        <div class="taskDiv" style="display: none;" id="taskDiv{{ activity.idestados  }}">
            <label>TASK</label>
            <div class="row" style=" margin-left: 10px; padding-left: 5px;  ">
                {% for task in taks %}
                    {% if task.id_estado_padre == activity.idestados %}
                        <div class="checkbox control-form">
                            <label>
                                <input type="checkbox" name="task[]" {% if idestadoPadre == 24 %} disabled {% endif %} class="checkboxTask{{ activity.idestados  }}  checkbox" value="{{task.idestados  }}" idestadopadre="{{ task.id_estado_padre }}" idtipoestado="{{ task.idtipoestado }}"  {% if plan == true %}{% if task.idticket== true %}checked{% endif %}{% else %}{% if task.checking== 'YES' %}checked{% endif %}{% endif %}  id="task"{{task.idestados  }}">
                                <span {% if task.idticket2 == true %} style="color:red" {% endif %}>{{task.estado}}</span></label>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
{% endfor %}

<script>
    $(function () {
        $("#totalPlans").val(1);
            $("#savePlanActivity").click(function () {

                $("#myModalPlan").modal('hide');
                $("#cagar").css('display', '');
                var activity = [];


                idestados = [];
                idtipoestado = [];
                idestadoPadre = [];
                $('.checkbox:checked').each(function(i){
                    idestados[i] = $(this).val();
                    idtipoestado[i] = $(this).attr('idtipoestado');
                    idestadoPadre[i] = $(this).attr('idestadopadre');
                });
                $("#cargar").css('display','');

                $.ajax({
                    type: "POST",
                    url:"{{ path('savePlanActivity',{'idproyectos':idproyectos, 'idticket':idticket})  }}",
                    data: {
                        $idestados: idestados,
                        $idtipoestado: idtipoestado,
                        $idestadoPadre: idestadoPadre,
                        $checklist: '{{ checklist }}'
                    }

                }).done(function (json) {
                    $("#cargar").css('display','none');

                });
            });




        $(".showTask").click(function() {
            idactivity = $(this).attr('idactivity');
            $("#taskDiv"+idactivity).show();
            $("#hide"+idactivity).show();
            $(this).hide();
        });
        $(".hideTask").click(function() {
            idactivity = $(this).attr('idactivity');
            $("#taskDiv"+idactivity).hide();
            $("#show"+idactivity).show();
            $(this).hide();
        });


        $('.checkboxActivity').change(function() {
            idactivity = $(this).attr('idactivity');
            if(this.checked) {
                $(".checkboxTask"+idactivity).attr('checked', true)
            }else{
                $(".checkboxTask"+idactivity).attr('checked', false)

            }
        });
    })
</script>