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

<div class="">
        <h4>Подробная информация #{{object.id}}</h4>
  <div class="">
    Название:
    {{ object.name }}
  </div>
    <div class="">
    Описание:
    {{ object.description }}
  </div>

    <div class="">
         {% if domain_groups %}
               <h4> Доменные группы:</h4>
                <div class="">
                {% for domain_gr in domain_groups%}
                    Группа: {{domain_gr.name}}
                 <ul class="widget-list">
                    {% for host in domain_gr.hosts%}
                        <li>{{ host}}</li>
                    {% endfor%}
                    </ul>
        {% endfor %}
         </div>
            {% endif %}
       {% if custom_groups %}
           <h4> Созданные группы:</h4>
            <div class="">
            {% for custom_gr in custom_groups%}
                Группа: {{custom_gr.name}}
             <ul class="widget-list">
                {% for host in custom_gr.hosts%}
                    <li>{{ host}}</li>
                {% endfor%}
                </ul>
            {% endfor %}
            </div>
        {% endif %}
    <ul class="widget-list">
        {% for host in hosts %}

                <li>{{ host}}</li>

        {%endfor%}
            </ul>


  </div>
    <div class="">
    Сценарий:
    {{ object.playbook }}
  </div>
    <div class="">
    Статус:
    {{ object.status }}
  </div>
    <div class="">
    Время создания:
    {{ object.create_at}}
  </div>
    {% if object.status != 'Не запущен' %}
            <div class="">
            Код ошибки:
            {{ object.code}}
            </div>
           <div class="">
            Начало исполнения:
            {{ object.start_at}}
            </div>
            <div class="">
                Конец исполнения:
            {{ object.stop_at}}
            </div>

    {% endif %}

{% if object.type_launch == 'Созданные плейбуки'%}
    <p>
      <button class="collapse_file btn btn-primary" type="button" data-toggle="collapse" id="btninput01" aria-expanded="true" aria-controls="fileLog">
        Файл:
      </button>
    </p>
    <div class="collapse" id="finput01">
      <div class="card card-body">
          Имя файла: {{object.name_file}}
         <pre> {{ object.log_file}}</pre>
    </div>
        </div>
 {% endif %}
    {% if object.type_launch == 'Системная политика'%}
    
    {% endif %}

    {% if object.type_launch == 'Групповые политики'%}
        <p>
      <button class="collapse_input btn btn-primary" type="button" data-toggle="collapse" id="btninput0" aria-expanded="true" aria-controls="fileLog">
        Поля ввода:
      </button>
    </p>
    <div class="collapse" id="finput0">
      <div class="card card-body">
        <div class="">
                <ul class="widget-list">
                    {%if object.input_fields%}
                        {% for field in object.input_fields|loads_json %}
                            <li>{{field.name}}: {{field.input}}</li>
                        {%endfor%}
                    {% endif %}
                </ul>
        </div>
              </div>
        </div>


    {% endif %}
{% if object.type_launch == 'Политики' %}
    <div class="">
        ip: {{object.ip}}
    </div>
    <div class="">
        hostname: {{object.hostname}}
    </div>
    <div class="">
        Пользователь: {{object.userhost}}
    </div>

{% endif %}


     {% if object.type_launch == 'Политики' %}

        {% for policy in object.input_fields|loads_json%}


            <div>
                  <p>
              <button class="collapse_input  btn btn-primary" type="button" data-toggle="collapse" id="btninput{{ forloop.counter }}" aria-expanded="true" aria-controls="fileLog">
                {{policy.name_policy}}
              </button>
            </p>
            <div class="collapse" id="finput{{ forloop.counter }}" >
              <div class="card card-body">
                <div class="">
                        Поля ввода:
                        <ul class="widget-list">
                            {% for field in policy.input_field %}
                                {% if field.file%}
                                    {{field.file}}
                                {% else %}
                                    <li>{{field.name}}: {{field.input}}</li>
                                {% endif%}
                            {%endfor%}
                        </ul>
                        Вывод результата:
                            <pre> {{policy.log.log}}</pre>
                        Код ошибки: {{policy.log.code}}
                </div>
              </div>
            </div>
        </div>


        {% endfor %}

     {% endif %}
{% if object.type_launch != 'Политики' %}
    <div class="">
    Вывод результата:
        <pre> {{ object.log_res}}</pre>
    </div>
{% endif %}
</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(){
        if ( $("#fileLog").hasClass("show")){
            $("#fileLog").removeClass('show')
        }
        else{
            $("#fileLog").addClass('show')

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

        }
    })



$('.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>