{% load widget_tweaks %}
{% load pretty_name %}

<div class="">
        <h4>Подробная информация #{{object.id}}</h4>

    <div class="">
    Пользователи:

         {% for group in object.group|loads_json %}

            {% if group.custom_choice%}
                Созданные группы
                <ul>
                {% for user in group.custom_choice%}
                           <li>{{user}}</li>
                {% endfor%}
                </ul>
            {% endif%}
            {% if group.hosts_choice%}
                Доменные хосты
                <ul>
                {% for user in group.hosts_choice%}
                    <li>{{user}}</li>
                {% endfor%}
                </ul>
            {% endif%}
            {% if group.domain_group_choice%}
                Доменные группы
                <ul>
                {% for user in group.domain_group_choice%}
                    <li>{{user}}</li>
                {% endfor%}
                </ul>
            {% endif%}
            {% if group.list_domain_users%}
                Доменные пользователи
                <ul>
                {% for user in group.list_domain_users%}
                    <li>{{user}}</li>
                {% endfor%}
                </ul>
            {% endif%}
            {% if group.custom_hosts%}
                Созданные хосты
                <ul>
                {% for user in group.custom_hosts%}
                    <li>{{user}}</li>
                {% endfor%}
                </ul>
            {% endif%}

        {% endfor%}
  </div>

  <div class="">
    Политики:
    {% for policy in object.policy.all %}

      {% if policy.grouppolicy %}
        {{policy.name}}:
            <div>
                  <p>
              <button class="collapse_input  btn btn-primary" type="button" data-toggle="collapse" id="btninput{{ forloop.counter }}" aria-expanded="true" aria-controls="fileLog">
                Поля ввода:
              </button>
            </p>
            <div class="collapse" id="finput{{ forloop.counter }}" >
              <div class="card card-body">
                <div class="">
                        <ul class="widget-list">
                            {% for field in policy.fields|loads_json %}
                                    <li>{{field.name}}: {{field.input}}</li>
                            {%endfor%}
                        </ul>
                </div>
              </div>
            </div>
        </div>

      {% endif%}
      {% if policy.custom_playbook %}
        {{policy.name}}:
        <div class="fl{{ forloop.counter }}">
                <p>
              <button class="collapse_file btn btn-primary" id="btn{{ forloop.counter }}" type="button" data-toggle="collapse"  aria-expanded="true">
                Файл:
              </button>
            </p>
            <div class="fileLog collapse" id="f{{ forloop.counter }}">
              <div class="card card-body">

                 <pre> {{ policy.file_playbook}}</pre>
            </div>
                </div>
        </div>

      {% endif%}

    {% endfor %}

  </div>

    <div class="">
    Время создания:
    {{ object.create_at}}
  </div>




</div>

<div class="">
  <button type="button" id='close_task' class=" btn btn-default" data-dismiss="modal">Закрыть</button>
</div>

<script type="text/javascript">

$('.collapse_file').on('click', function(){
    console.log('file')
    $(this).find('.fileLog')
    let id_btn = $(this).attr('id').slice(3)
    console.log(id_btn)
    let class_file = 'f'+id_btn


    if ( $('#'+ class_file).hasClass("show")){
            $('#'+ class_file).removeClass('show')
        }
        else{
            $('#'+ class_file).addClass('show')

        }
    })

$('.collapse_input').on('click', function(){
    console.log('file')
    $(this).find('.fileLog')
    let id_btn = $(this).attr('id').slice(8)
    console.log(id_btn)
    let class_file = 'finput'+id_btn


    if ( $('#'+ class_file).hasClass("show")){
            $('#'+ class_file).removeClass('show')
        }
        else{
            $('#'+ class_file).addClass('show')

        }
    })





<!--    $('.collapse_file').on('click', function(){-->
<!--        console.log($(this).find(".fileLog"))-->
<!--        -->
<!--        if ( $(this).find(".fileLog").hasClass("show")){-->
<!--            $(this).find(".fileLog").removeClass('show')-->
<!--        }-->
<!--        else{-->
<!--            $(this).find(".fileLog").addClass('show')-->

<!--        }-->
<!--    })-->
        $('#collapse_input').on('click', function(){
        if ( $("#inputLog").hasClass("show")){
            $("#inputLog").removeClass('show')
        }
        else{
            $("#inputLog").addClass('show')

        }
    })


</script>