@extends('layouts.main.main')

@section('content')

<div class="row">
    @can('créer un client')
    <div class="col-12 m-b-10">
        <a href="/clients/create" class="btn btn-primary float-right"><i class="sl-icon-plus"></i> Nouveau client</a>
    </div>
    @endcan
    <div class="col-12">
        
        <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#active-customers" role="tab"><span class="hidden-xs-down">Actifs <span class="badge badge-pill badge-secondary">{{ $customers->where('active',1)->count() }}</span></span></a> </li>
            <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#inactive-customers" role="tab"><span class="hidden-xs-down">Archivés <span class="badge badge-pill badge-secondary">{{ $customers->where('active',0)->count() }}</span></span></a> </li>
        </ul>
        
        <div class="tab-content tabcontent-border">
            <div class="tab-pane active p-t-20" id="active-customers" role="tabpanel">
                @if($customers->where('active',1)->count() > 0)
                <div class="table-responsive">
                    <table class="table table-sm table-hover customers-table">
                        <thead>
                            <tr>
                                <th scope="col">Nom</th>
                                <th class="text-center">Projets</th>
                                <th>&nbsp;</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($customers->where('active',1) as $customer)
                            <tr>
                                <td class="align-middle" scope="row">
                                    @can('voir une fiche client')
                                    <a href="/clients/{{ $customer->id }}">{{ $customer->name }}</a>
                                    @else
                                    {{ $customer->name }}
                                    @endcan
                                </td>
                                <td class="align-middle text-center">{{ $customer->projects_count }}</td>
                                <td class="align-middle text-right">
                                    @can('éditer une fiche client')
                                    <a href="/clients/{{ $customer->id }}/edit" data-toggle="tooltip" title="Éditer ce client" class="text-warning"><i class="fa fa-edit"></i></a>
                                    @endcan
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @else
                Aucun client actif n'est enregistré pour l'instant.
                @endif
            </div>
            <div class="tab-pane p-t-20" id="inactive-customers" role="tabpanel">
                @if($customers->where('active',0)->count() > 0)
                <div class="table-responsive">
                    <table class="table table-sm table-hover customers-table">
                        <thead>
                            <tr>
                                <th scope="col">Nom</th>
                                <th class="text-center">Projets</th>
                                <th>&nbsp;</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($customers->where('active',0) as $customer)
                            <tr>
                                    <td class="align-middle" scope="row">
                                        @can('voir une fiche client')
                                        <a href="/clients/{{ $customer->id }}">{{ $customer->name }}</a>
                                        @else
                                        {{ $customer->name }}
                                        @endcan
                                    </td>
                                    <td class="align-middle text-center">{{ $customer->projects_count }}</td>
                                    <td class="align-middle text-right">
                                        @can('éditer une fiche client')
                                        <a href="/clients/{{ $customer->id }}/edit" data-toggle="tooltip" title="Éditer ce client" class="text-warning"><i class="fa fa-edit"></i></a>
                                        @endcan
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @else
                Aucun client n'est archivé pour l'instant.
                @endif
            </div>
        </div>
    </div>
</div>

@endsection