@extends('layouts.dashboard')

@section('content')
<header class="content__title">
    <h1>Clientes</h1>
    <small>Veja todos o clientes registados na plataforma</small>
</header>
<div class="toolbar">
    <div class="toolbar__label"><span class="hidden-xs-down">Total</span> {{ $clientes->total() }} Clientes</div>

    <div class="actions">
        <i class="actions__item zmdi zmdi-search" data-ma-action="toolbar-search-open"></i>
        <a href="" class="actions__item zmdi zmdi-time"></a>
        <div class="dropdown actions__item">
            <i class="zmdi zmdi-sort" data-toggle="dropdown"></i>

            <div class="dropdown-menu dropdown-menu-right">
                <a href="" class="dropdown-item">Last Modified</a>
                <a href="" class="dropdown-item">Name</a>
                <a href="" class="dropdown-item">Size</a>
            </div>
        </div>
        <a href="" class="actions__item zmdi zmdi-help-outline"></a>
    </div>

    <form method="get" action="{{ url('/dashboard/clientes') }}" class="toolbar__search">
        <input type="text" name="query" placeholder="Search...">
        <i class="toolbar__search__close zmdi zmdi-long-arrow-left" data-ma-action="toolbar-search-close"></i>
    </form>
</div>

<div class="card">
    <div class="card-block">
        <table class="table table-hover mb-0">
            <thead>
            <tr>
                <th>#</th>
                <th>Nome</th>
                <th>Telemovel</th>
                <th>Número Animais</th>
            </tr>
            </thead>
            <tbody>
                @foreach ($clientes as $cliente)
                    <tr>
                        <th scope="row">{{ $cliente->id }}</th>
                        <td>{{ $cliente->nome }}</td>
                        <td>{{ $cliente->telemovel }}</td>
                        <td>0</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        {{ $clientes->appends(request()->only('query'))->render() }}
    </div>
</div>
@stop