<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>
            <div class="nvt">
                <?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'=> ($audit->status == $audit::$open?null:'disabled')
                    ] ); ?>

                <?php endif; ?>
            </div>
        </div>

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

        <?php /*Files*/ ?>
        <?php /*New file*/ ?>
        <div class="new-file" ng-hide="not_applicable">
            <?php if($audit->status == $audit::$open): ?>
                <button ngf-select="uploadFiles($files, $invalidFiles)" multiple
                        ngf-pattern="<?php echo e(Config::get('vebon.ngfPattern')); ?>"
                        class="btn btn-add">
                    <?php echo app('translator')->get('audit.add_files'); ?>
                    <?php /*<img class="add-icon" src="/images/icons/add.svg"/>*/ ?>
                </button>
            <?php endif; ?>
        </div>
        <?php /*File list*/ ?>
        <ul class="files" ng-hide="not_applicable">
            <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>
                <?php /*Status switch*/ ?>

                <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 upload" ng-show="f.status == -1"><?php echo app('translator')->get('audit.status.upload'); ?></span>
                <span class="status reviewed-in-practice" ng-show="f.status == 3"><?php echo app('translator')->get('audit.status.reviewedInPractice'); ?></span>
                <?php /*Delete button*/ ?>

                <?php if($audit->status == $audit::$open): ?>
                    <span class="deleteBtn"
                          ng-show="canIDelete(f)"
                          ng-click="deleteFilePopup(f.id)"
                          style="cursor:pointer">
                    <img src="/images/icons/delete.svg" />
                </span>
                <?php endif; ?>

            </li>
            <li ng-show="files.length == 0">
                <span class="no-files"><?php echo app('translator')->get('audit.no_files'); ?></span>
            </li>
        </ul>
        <?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] == 'no_files'"><?php echo app('translator')->get('audit.min_files_required',['min'=> 1]); ?></span>
                    <span ng-show="faults[documentGroupId] == 'no_files_or_not_applicable'"><?php echo app('translator')->get('audit.min_files_required_or_applicable',['min'=> 1]); ?></span>
                    <span ng-show="faults[documentGroupId] == 'rejected_files'"><?php echo app('translator')->get('audit.still_rejected_files'); ?></span>
        </div>




        <?php /*Download all*/ ?>

        <?php /*<div class="document-download-all">*/ ?>
            <?php /*<?php echo HTML::linkRoute('download', Lang::get('audit.download-all'), ['type'=> 'documentGroup', 'id'=> $documentGroup->id], array('class'=>'btn btn-download-all')); ?>*/ ?>
        <?php /*</div>*/ ?>
    </div>
</li>