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

    <div class="document-content-wrapper">
        <div class="document-content-header">
            <h3>{{$documentGroup->name}}</h3>

            @if(!$documentGroup->required)
                {!! Form::label('applicable_'.$documentGroup->id, Lang::get('audit.not_applicable')) !!}
                {!! Form::checkbox('nvt['.$documentGroup->id.']','not_applicable',!$documentGroup->applicable,
                [
                    'id'=> 'applicable_'.$documentGroup->id,
                     'ng-click' =>'updateApplicable(not_applicable)',
                     'ng-model' => 'not_applicable',
                     'disabled'=> 'disabled'
                ] ) !!}
            @endif
        </div>

        <p>{!!  $documentGroup->description  !!}</p>
        {{--Files--}}



        {{--File list--}}
        <div class="files-multiple-actions">
            <ul class="files">
                <li ng-repeat="f in files track by $index">
                    {{--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>

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

            <div class="multiple-status-buttons" ng-show="files.length > 0">
                @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>@lang('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>@lang('audit.reject_all')</span>
                @endif
                <span class="icon-download-all"></span>{!! HTML::linkRoute('download', Lang::get('audit.download-all'), ['type'=> 'documentGroup', 'id'=> $documentGroup->id], array('class'=> 'btn-download-group-files')) !!}
            </div>
        </div>
        {{--End of files--}}
        @if($errors->has($documentGroup->id))
            <div class="error">
                <span class="icon-reject-all"><img
                            src="/images/icons/reject.svg"></span>{{$errors->first($documentGroup->id)}}
            </div>
        @endif

        {{--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'">@lang('audit.not_all_files_judged')</span>
            <span ng-show="faults[documentGroupId] == 'not_all_files_approved'">@lang('audit.not_all_files_approved')</span>
        </div>


    </div>
</li>