{{-- List Widget 1 --}}

<div class="card card-custom {{ @$class }}">
    {{-- Header --}}
    <div class="card-header border-0 pt-5">
        <h3 class="card-title align-items-start flex-column">
            <span class="card-label font-weight-bolder text-dark">Modèles</span>
        </h3>
        <div class="card-toolbar">
            <a href="{{route('bo.configs.detail', ['config'=> 'new'] )}}" class="btn btn-danger font-weight-bolder font-size-sm">Nouveau modèle</a>
        </div>

    </div>

    {{-- Body --}}
    <div class="card-body pt-8">
        {{-- Item --}}
        @foreach($configs as $config)
        <div class="d-flex align-items-center mb-10">
            {{-- Symbol --}}
            <div class="symbol symbol-40 symbol-light-primary mr-5">
                <span class="symbol-label">
                    {{ Metronic::getSVG("media/svg/icons/Home/Library.svg", "svg-icon-lg svg-icon-primary") }}
                </span>
            </div>

            {{-- Text --}}
            <div class="d-flex flex-column font-weight-bold">
                <a href="{{route('bo.configs.detail', ['config'=> $config->id ] )}}" class="text-dark text-hover-primary mb-1 font-size-lg">{{$config->name}}</a>
                <span class="text-muted">Projet{{ $config->projects->count() > 1 ? 's':'' }} utilisant ce modèle : {{ $config->projects->count() }}</span>
            </div>
        </div>
        @endforeach

    </div>
</div>