@extends('redesign.layouts.listeo.front')

@section('title', 'Meine Stempelkarten')

@section('document')
    <div id="titlebar">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h4>Meine Stempelkarten</h4>
                    @include('redesign.front.listeo.pieces.breadcrumbs', ['current' => 'Meine Stempelkarten'])
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        @if ( $stampcards['consumer']->count() )
            <div id="listing-nav" class="listing-nav-container margin-top-30">
                <ul class="listing-nav">
                    @if( isset($stampcards['consumer']['active']) )
                        <li><a href="#listing-active">Aktiv <span class="favs-counter">{{ $stampcards['consumer']['active']->count() }}</span></a></li>
                    @endif

                    @if( isset($stampcards['consumer']['started']) )
                        <li><a href="#listing-started">Gestartet <span class="favs-counter">{{ $stampcards['consumer']['started']->count() }}</span></a></li>
                    @endif

                    @if( isset($stampcards['consumer']['ready']) )
                        <li><a href="#listing-ready">Bereit <span class="favs-counter">{{ $stampcards['consumer']['ready']->count() }}</span></a></li>
                    @endif

                    @if( isset($stampcards['consumer']['done']) )
                        <li><a href="#listing-done">Erledigt <span class="favs-counter">{{ $stampcards['consumer']['done']->count() }}</span></a></li>
                    @endif
                </ul>
            </div>

            @if ( isset($stampcards['consumer']['active']) )
                <div id="listing-active" class="listing-section">
                    <h3 class="listing-desc-headline margin-top-10 margin-bottom-30">Aktiv</h3>
                    @include('redesign.front.listeo.pieces.stampcards', ['stampcards' => $stampcards['consumer']['active']])
                </div>
            @endif

            @if ( isset($stampcards['consumer']['started']) )
                <div id="listing-started" class="listing-section">
                    <h3 class="listing-desc-headline margin-top-10 margin-bottom-30">Gestartet</h3>
                    @include('redesign.front.listeo.pieces.stampcards', ['stampcards' => $stampcards['consumer']['started']])
                </div>
            @endif

            @if ( isset($stampcards['consumer']['ready']) )
                <div id="listing-ready" class="listing-section">
                    <h3 class="listing-desc-headline margin-top-10 margin-bottom-30">Bereit</h3>
                    @include('redesign.front.listeo.pieces.stampcards', ['stampcards' => $stampcards['consumer']['ready']])
                </div>
            @endif

            @if ( isset($stampcards['consumer']['done']) )
                <div id="listing-done" class="listing-section">
                    <h3 class="listing-desc-headline margin-top-10 margin-bottom-30">Erledigt</h3>
                    @include('redesign.front.listeo.pieces.stampcards', ['stampcards' => $stampcards['consumer']['done']])
                </div>
            @endif
        @else
            <h3 class="margin-bottom-100">Du hast noch keine Stempelkarten.</h3>
        @endif
    </div>
@endsection