{% set enabled__statuses_for_attendance = getAppSetting('attendance_enable_status') %}


{% for key,user in __user_list[0] %}
    {% if deep_view == 1 %}
        {% set user = user.getUserId %}
    {% elseif deep_view == 2 %}
        {% set user = user.getClassSessionEntrolment.getUserId %}
    {% elseif deep_view == 3 %}
        {% set attendace_ = user %}
        {% set user = user.getUser %}
    {% endif %}

    <div class="col-lg-6 col-md-6 col-sm-12  root__att__b" data-replace-ref="{{ key }}" id="user___{{ user.id }}" data-ref="{{ user.id }}">

        {% if attendace_ is defined %}
            <input type="hidden" name="r___ref_re" value="{{ attendace_.id }}">
        {% endif %}

        <div class="user-box-item flex---dispaly">
            <div class="user-img user-box-left width-15pr">
                {{ user_avatar(user.id)|raw }}
            </div>
            <div class="user-content user-box-left width-40pr">
                <ul class="list-unstyled">
                    <li>
                        <div class="user-circle-icon">

                            {{ attendace_ is defined ?  attendace_.getAttendanceStatus.getType == 1 ? '<i class="fa fa-check-circle"></i>' : '<i class="fa fa-times-circle"></i>'  : '<i class="fa fa-question-mark"></i>' }}

                        </div>
                    </li>
                    <li>
                        <div>
                            <strong>{{ attendace_ is defined ?  attendace_.getAttendanceStatus.name  : 'Absent'|trans }}</strong>
                        </div>
                        <div class="user-online">
                            {#you 3m ago#}

                            &nbsp;{{ attendace_ is defined ?  attendace_.getDatetimeIn|date('h:i') : '---' }}
                        </div>
                    </li>
                    <li class="kt-list-icon-box-item">
                        <div class="kt-list-icon-student-right">
                            <i class="fa fa-check-circle"></i><i class="fa fa-check-circle"></i><i class="fa fa-check-circle"></i><i class="fa fa-check-circle"></i><i class="fa fa-check-circle"></i><i class="fa fa-check-circle"></i>
                        </div>
                    </li>
                </ul>
            </div>
            <p class="user-paragraph">
                <strong> {{ user.fname }} {{ user.lname }}</strong>
            </p>

            <div class="user-box-left text-right width-60pr">
                <form action="">
                    <div class="form-group">
                        <div class="">
                            <div class="kt-radio-inline">

                                {#attendance status#}

                                {% for status in attendance__status %}

                                    {#if these status are enabled form the setttings.#}

                                    {% if in_array(status.id, enabled__statuses_for_attendance) %}
                                        <label class="kt-radio">
                                            <input type="radio" name="__attendance__status" class="pro___s" data-value="{{ status.id }}" value="{{ status.id }}" {{ attendace_ is defined ?  attendace_.getAttendanceStatus.id == status.id ? 'checked="checked"' }}>

                                            {% if status.id == '1' %}
                                                <span class="kt-present-student"></span>
                                            {% elseif status.id == '3' %}
                                                <span class="kt-leave-student"></span>
                                            {% else %}
                                                <span></span>
                                            {% endif %}

                                            <strong class="kt-label-name">{{ status.name }}</strong>
                                        </label>
                                    {% endif %}

                                {% endfor %}

                            </div>
                            <div class="dropdown dropdown-inline">
                                <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="flaticon-more-1"></i>
                                </button>
                                <div class="dropdown-menu dropdown-menu-right dropdown-menu-md dropdown-menu-fit">

                                    <!--begin::Nav-->
                                    <ul class="kt-nav">

                                        <li class="kt-nav__head">
                                            {{ 'Other status'|trans }}
                                            <i class="flaticon2-information" data-toggle="kt-tooltip" data-placement="right" title="{{ 'Attendance Statuses' }}"></i>
                                        </li>
                                        <li class="kt-nav__separator"></li>

                                        {# attendance status#}

                                        {% for status in attendance__status %}
                                            {#attendance status which are not enabled from the settings .#}

                                            {% if not  in_array(status.id, enabled__statuses_for_attendance) %}
                                                <li class="kt-nav__item atten___other_statues {{ attendace_ is defined ?  attendace_.getAttendanceStatus.id == status.id ? 'active' }}" data-ref="{{ status.id }}">
                                                    <a href="#" class="kt-nav__link">
                                                        <i class="kt-nav__link-icon flaticon2-drop"></i>
                                                        <span class="kt-nav__link-text">{{ status.name }}</span>
                                                    </a>
                                                </li>
                                            {% endif %}
                                        {% endfor %}
                                        <li class="kt-nav__separator"></li>

                                        <li class="kt-nav__head">
                                            {{ 'Options'|trans }}
                                            <i class="flaticon2-information" data-toggle="kt-tooltip" data-placement="right" title="Update in date-time, out date-time or add some notes"></i>
                                        </li>
                                        <li class="kt-nav__separator"></li>

                                        {#add in date#}

                                        <li class="kt-nav__item">
                                            <a href="#" class="kt-nav__link donot__reload">
                                                <i class="kt-nav__link-icon flaticon2-drop"></i>
                                                <input type="text" class="simpleDatePicker" placeholder="{{ 'Check in date'|trans }}" name="in___date" value="{{ attendace_ is defined ? attendace_.getDatetimeIn|date('d-M-y') : 'now'|date("d-M-y") }} ">
                                            </a>
                                        </li>

                                        {#in time#}

                                        <li class="kt-nav__item">
                                            <a href="#" class="kt-nav__link donot__reload">
                                                <i class="kt-nav__link-icon flaticon2-drop"></i>
                                                <input type="text" class="simpleTimePicker" placeholder="{{ 'Check in time'|trans }}" name="in__time" value="{{ attendace_ is defined ? attendace_.getDatetimeIn|date('g:i') : 'now'|date("g:i") }} ">
                                            </a>
                                        </li>

                                        {#add out date#}

                                        <li class="kt-nav__item">
                                            <a href="#" class="kt-nav__link donot__reload">
                                                <i class="kt-nav__link-icon flaticon2-drop"></i>
                                                <input type="text" class="simpleDatePicker" placeholder="{{ 'Check out date'|trans }}" name="out__date" value="{{ attendace_ is defined ? attendace_.getDatetimeOut|date('d-M-y') : 'now'|date("d-M-y") }} ">
                                            </a>
                                        </li>

                                        {# out time#}

                                        <li class="kt-nav__item">
                                            <a href="#" class="kt-nav__link donot__reload">
                                                <i class="kt-nav__link-icon flaticon2-drop"></i>
                                                <input type="text" class="simpleTimePicker" placeholder="{{ 'Check out time'|trans }}" name="out_time" value="{{ attendace_ is defined ? attendace_.getDatetimeOut|date('g:i') : 'now'|date("g:i") }}">
                                            </a>
                                        </li>

                                        {#notes for the attendance#}

                                        <li class="kt-nav__item">
                                            <a href="#" class="kt-nav__link donot__reload">
                                                <i class="kt-nav__link-icon flaticon2-drop"></i>
                                                <input type="text" placeholder="{{ 'Notes dd'|trans }}" name="a___notes" maxlength="255" value="{{ attendace_ is defined ? attendace_.getComments }}">
                                            </a>
                                        </li>

                                        {#attendance other status#}

                                        <li class="kt-nav__separator"></li>

                                        {#attendance save and close button#}

                                        <li class="kt-nav__item">
                                            <button type="button" class="btn btn-primary btn-xs">{{ 'Save'|trans }}</button>
                                            <button type="button" class="btn btn-light btn-xs">{{ 'Close'|trans }}</button>
                                        </li>

                                    </ul>

                                    <!--end::Nav-->
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endfor %}