@php
    use App\Modulos\Configuracion\Configuracion;
@endphp
<div class="mt-element-list">
    <div class="mt-list-head list-todo purple-plum">
        <div class="list-head-title-container">
            <h5 class="list-title uppercase sbold">Consulta por estados</h5>
            <div class="list-head-count">
                {{--<div class="list-head-count-item">
                    {{ 0 }} Auditorías
                    <i class="fa fa-check"></i> 15
                </div>--}}
                {{--<div class="list-head-count-item">
                    <i class="fa fa-cog"></i> 34
                </div>--}}
            </div>
        </div>
        @if ($esAutorHallazgo)
            <a class="gestion-hallazgo" data-id_hallazgo="{{ null }}" data-orden_rol="1" data-action="{{ route('hallazgo.obtenerFormHallazgo') }}">
                <div class="list-count pull-right purple-plum newListContainer">
                    <i class="fa fa-plus"></i> Nuevo Hallazgo
                </div>
            </a>
        @endif
    </div>
    <div class="mt-list-container list-todo">
        <div class="list-todo-line"></div>
        @php
            $totalGeneral = 0;
            foreach ($estados as $subEstados) {
                $totalGeneral += isset($subEstados['totalHallazgos']) ? $subEstados['totalHallazgos'] : 0;
            }
        @endphp
        @if ($totalGeneral > 0)
            <ul>
                @foreach ($estados as $nombreEstado => $subEstados)
                    @continue(!isset($subEstados['totalHallazgos']) || $subEstados['totalHallazgos'] <= 0)
                    @php
                        $codigoInterno = strtr(Configuracion::sanearNombre($nombreEstado), ' ', '-');
                    @endphp
                    <li class="mt-list-item">
                        <div class="list-todo-icon bg-white">
                            <i class="fa fa-caret-right"></i>
                        </div>
                        <div class="list-todo-item grey">
                            <a class="list-toggle-container font-white" data-toggle="collapse" href="#{{ $codigoInterno }}" aria-expanded="true">
                                <div class="list-toggle done uppercase">
                                    <div class="list-toggle-title bold">{{ $nombreEstado }}</div>
                                    <div class="badge badge-default pull-right bold"> {{ $subEstados['totalHallazgos'] }}
                                    </div>
                                </div>
                            </a>
                            <div class="task-list panel-collapse collapse" id="{{ $codigoInterno }}" aria-expanded="true" style="">
                                @include('material.sections.hallazgos.form.list-subestados')
                            </div>
                        </div>
                    </li>
                @endforeach
            </ul>
        @else
            <div class="text-center" style="padding: 30px 15px; border-left: 1px solid #e7ecf1; border-right: 1px solid #e7ecf1; border-bottom: 1px solid #e7ecf1;">
                No tiene hallazgos pendientes por gestionar.
            </div>
        @endif
    </div>
</div>
{{--{!!Form::open(['method'=>'POST','role'=>'form','id'=>'form-datos-auditor','class'=>'form-datos-auditor'])!!}
{!!Form::close()!!}--}}