@extends('layout')

@section('content')
    <div class="page-head">
        <div class="t"><h1>Afiliados</h1><p class="lead">Indicações e pontuação com histórico transparente.</p></div>
        <div class="actions"><a href="{{ url('afiliados/novo') }}" class="btn btn--primary"><i class="ic">add</i><span class="lbl">Novo afiliado</span></a></div>
    </div>
    <div class="grid cols-2 affiliate-overview">
        <div class="stat"><div class="k"><i class="ic sm">handshake</i> Afiliados ativos</div><div class="v">{{ $activeCount }}</div><div class="sub">cadastros habilitados</div></div>
        <div class="stat"><div class="k"><i class="ic sm">stars</i> Pontuação gerada</div><div class="v">{{ $totalPoints }}</div><div class="sub">reservada para benefícios futuros</div></div>
    </div>
    <div class="toolbar">
        <div class="chips">
            <a class="chip {{ $status === '' ? 'active' : '' }}" href="{{ url('afiliados') }}">Todos</a>
            <a class="chip {{ $status === 'ativo' ? 'active' : '' }}" href="{{ url('afiliados?status=ativo') }}">Ativos</a>
            <a class="chip {{ $status === 'suspenso' ? 'active' : '' }}" href="{{ url('afiliados?status=suspenso') }}">Suspensos</a>
            <a class="chip {{ $status === 'cancelado' ? 'active' : '' }}" href="{{ url('afiliados?status=cancelado') }}">Cancelados</a>
        </div>
        <div class="search"><i class="ic">search</i><input type="search" placeholder="Buscar nome, código ou contato…" value="{{ $q }}" data-search="#affiliate-results" data-endpoint="afiliados"><input type="hidden" data-search-status value="{{ $status }}"></div>
    </div>
    <div id="affiliate-results" data-table-pagination>
        @include('affiliates._list')
    </div>
    <a href="{{ url('afiliados/novo') }}" class="fab" title="Novo afiliado"><i class="ic">add</i></a>
@endsection