{{-- 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">Projets en cours</span>
        </h3>
        <div class="card-toolbar">
            <a href="{{route('bo.projects.detail', ['project'=> 'new'] )}}" class="btn btn-danger font-weight-bolder font-size-sm">Nouveau projet</a>
        </div>
    </div>

    {{-- Body --}}
    <div class="card-body pt-8">
        @foreach($projects as $project)
        {{-- Item --}}
        <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/Communication/Write.svg", "svg-icon-lg svg-icon-primary") }}
                </span>
            </div>
            <div class="mr-5">
                <a class="symbol symbol-40" href="{{route('bo.projects.detail', ['project'=> $project->id ] )}}">
                    <img class="w-auto h-auto" src="{{$project->brand->logo}}"/>
                </a>
            </div>

            {{-- Text --}}
            <div class="d-flex flex-column font-weight-bold">
                <a href="{{route('bo.projects.detail', ['project'=> $project->id ] )}}" class="text-dark text-hover-primary mb-1 font-size-lg">{{ $project->name }}</a>
                <span class="text-muted">Modèle utilisé : {{$project->config->name}}</span>
            </div>
        </div>

        @endforeach

    </div>
</div>