<li ng-model="documentGroup"
    ng-controller="documentGroupController"
    ng-init="initialize(<?php echo e($documentGroup->toJson()); ?>, <?php echo e($documentGroup->documents->keyBy('id')->toJson()); ?>)"
    class="document-group document-number <?php echo ($errors->has($documentGroup->id)?'group-error':''); ?>"
    ng-class="faults[documentGroupId]?'group-error':'' ">

    <div class="document-content-wrapper">
        <div class="document-content-header">
            <h3><?php echo e($documentGroup->name); ?></h3>

            <?php if(!$documentGroup->required): ?>
                <?php echo Form::label('applicable_'.$documentGroup->id, Lang::get('audit.not_applicable')); ?>

                <?php echo Form::checkbox('nvt['.$documentGroup->id.']','not_applicable',!$documentGroup->applicable,
                [
                    'id'=> 'applicable_'.$documentGroup->id,
                     'ng-click' =>'updateApplicable(not_applicable)',
                     'ng-model' => 'not_applicable',
                     'disabled'=> 'disabled'
                ] ); ?>

            <?php endif; ?>
        </div>

        <p><?php echo $documentGroup->description; ?></p>
        <?php /*Files*/ ?>



        <?php /*File list*/ ?>
        <div class="files-multiple-actions">
            <ul class="files">
                <li ng-repeat="f in files track by $index">
                    <?php /*File name*/ ?>
                    <span class="file_name"><a href="/download/document/{{f.id}}" target="_blank"><span
                                    class="icon-download"><img
                                        src="/images/icons/download.svg"/></span>{{ f.file_name }}</a></span>

                    <span class="upload_date"
                          ng-controller="dateController">{{ makeDate(f.updated_at) | date:'dd MMMM yyyy' }}</span>

                    <?php /*Status switch*/ ?>
                    <data style="display: none">{{ status = f.status+'' }}</data>
                    <?php if($audit->status == $audit::$judged): ?>
                        <select
                                ng-data=""
                                ng-model="status"
                                ng-change="updateStatus(f, status)"
                        >
                            <option value="0" disabled><?php echo app('translator')->get('audit.status.notJudged'); ?></option>
                            <option value="1" class="option-bg-reject"><?php echo app('translator')->get('audit.status.rejected'); ?></option>
                            <option value="2" class="option-bg-approve"><?php echo app('translator')->get('audit.status.approved'); ?></option>
                        </select>
                    <?php else: ?>
                        <span class="status notJudged" ng-show="f.status == 0"><?php echo app('translator')->get('audit.status.notJudged'); ?></span>
                        <span class="status rejected" ng-show="f.status == 1"><?php echo app('translator')->get('audit.status.rejected'); ?></span>
                        <span class="status approved" ng-show="f.status == 2"><?php echo app('translator')->get('audit.status.approved'); ?></span>
                        <span class="status reviewed-in-practice" ng-show="f.status == 3"><?php echo app('translator')->get('audit.status.reviewedInPractice'); ?></span>
                    <?php endif; ?>
                    <?php /*</select>*/ ?>
                </li>
                <li ng-show="files.length == 0">
                    <span class="no-files"><?php echo app('translator')->get('audit.no_files'); ?></span>
                </li>
            </ul>

            <div class="multiple-status-buttons" ng-show="files.length > 0">
                <?php if($audit->status == $audit::$judged): ?>
                    <span ng-click="updateMultipleStatuses(2)" class="btn-approve-all"><span
                                class="icon-approve-all"><img
                                    src="/images/icons/approved.svg"/></span><?php echo app('translator')->get('audit.approve_all'); ?></span>
                    <span ng-click="updateMultipleStatuses(1)" class="btn-reject-all"><span class="icon-reject-all"><img
                                    src="/images/icons/reject.svg"/></span><?php echo app('translator')->get('audit.reject_all'); ?></span>
                <?php endif; ?>
                <span class="icon-download-all"></span><?php echo HTML::linkRoute('download', Lang::get('audit.download-all'), ['type'=> 'documentGroup', 'id'=> $documentGroup->id], array('class'=> 'btn-download-group-files')); ?>

            </div>
        </div>
        <?php /*End of files*/ ?>
        <?php if($errors->has($documentGroup->id)): ?>
            <div class="error">
                <span class="icon-reject-all"><img
                            src="/images/icons/reject.svg"></span><?php echo e($errors->first($documentGroup->id)); ?>

            </div>
        <?php endif; ?>

        <?php /*Angular errors*/ ?>
        <div class="error" ng-show="faults[documentGroupId]">
            <span class="icon-reject-all"><img src="/images/icons/reject.svg"></span>
            <span ng-show="faults[documentGroupId] == 'unchecked_files'"><?php echo app('translator')->get('audit.not_all_files_judged'); ?></span>
            <span ng-show="faults[documentGroupId] == 'not_all_files_approved'"><?php echo app('translator')->get('audit.not_all_files_approved'); ?></span>
        </div>


    </div>
</li>