{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')

    {{-- Dashboard 1 --}}
    <form class="row">
        <div class="col-md-4">
            <label>Marque</label>{{Form::select('brand',$brands->pluck('name', 'id')->prepend('Toutes', ''),$filters['brand'])}}
        </div>
        <div class="col-md-4">
            <label>Status</label>{{Form::select('status',['' => 'Tous', \App\Project::statusCreated => 'Créé', \App\Project::statusInProgress => 'En cours', \App\Project::statusFinished => 'Terminé'], $filters['status'])}}
        </div>
        <div class="col-md-4">
            <button class="btn btn-info">Filtrer</button>
        </div>
    </form>
    <div class="row">
        {{-- <div class="col-lg-6 col-xxl-4">
            @include('pages.widgets._widget-1', ['class' => 'card-stretch gutter-b'])
        </div>

        <div class="col-lg-6 col-xxl-4">
            @include('pages.widgets._widget-2', ['class' => 'card-stretch gutter-b'])
        </div>

        <div class="col-lg-6 col-xxl-4">
            @include('pages.widgets._widget-3', ['class' => 'card-stretch card-stretch-half gutter-b'])
            @include('pages.widgets._widget-4', ['class' => 'card-stretch card-stretch-half gutter-b'])
        </div> --}}


        <div class="col-12  order-1 order-xxl-1">

            {{-- 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</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>

        </div>


        {{--<div class="col-xxl-8 order-2 order-xxl-1">
            @include('pages.widgets._widget-6', ['class' => 'card-stretch gutter-b'])
        </div>

        <div class="col-lg-6 col-xxl-4 order-1 order-xxl-2">
            @include('pages.widgets._widget-7', ['class' => 'card-stretch gutter-b'])
        </div>

        <div class="col-lg-6 col-xxl-4 order-1 order-xxl-2">
            @include('pages.widgets._widget-8', ['class' => 'card-stretch gutter-b'])
        </div>

        <div class="col-lg-12 col-xxl-4 order-1 order-xxl-2">
            @include('pages.widgets._widget-9', ['class' => 'card-stretch gutter-b'])
        </div> --}}
    </div>

@endsection

{{-- Scripts Section --}}
@section('scripts')
    {{-- <script src="{{ asset('js/pages/widgets.js') }}" type="text/javascript"></script> --}}
@endsection