@extends('layouts.main.main')

@section('content')

<div class="row">
    @can('créer un intermittent')
    <div class="col-12 m-b-10">
        <a href="{{ route('intermittents.create') }}" class="btn btn-primary float-right"><i class="sl-icon-plus"></i> Nouvel intermittent</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-intermittents" role="tab"><span class="hidden-xs-down">Actifs <span class="badge badge-pill badge-secondary">{{ $intermittents->where('active',1)->count() }}</span></span></a> </li>
            <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#inactive-intermittents" role="tab"><span class="hidden-xs-down">Archivés <span class="badge badge-pill badge-secondary">{{ $intermittents->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-intermittents" role="tabpanel">
                
                @if($intermittents->where('active',1)->count() > 0)
                <div class="table-responsive">
                    <table class="table table-sm table-hover intermittents-table">
                        <thead>
                            <tr>
                                <th scope="col">Nom</th>
                                <th scope="col">Fonction</th>
                                <th scope="col">Téléphone</th>
                                <th scope="col">Email</th>
                                @can('voir le tarif et le coût d\'un intermittent') 
                                <th scope="col">&nbsp;</th>
                                @endcan
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($intermittents->where('active',1) as $intermittent)
                            <tr>
                                <td class="align-middle" scope="row">
                                    @can('voir une fiche intermittent')
                                    <a href="{{ route('intermittents.show', ['intermittent'=>$intermittent->id]) }}">{{ $intermittent->full_name }}</a>
                                    @else
                                    {{ $intermittent->full_name }}
                                    @endcan
                                </td>
                                <td class="align-middle">{{ $intermittent->occupation }}</td>
                                <td class="align-middle">{{ ($intermittent->phone) ? $intermittent->phone : '-' }}</td>
                                <td class="align-middle">{{ ($intermittent->email) ? $intermittent->email : '-' }}</td>
                                @can('voir le tarif et le coût d\'un intermittent') 
                                <td class="align-middle text-right">
                                    @can('éditer une fiche intermittent')
                                    <a href="{{ route('intermittents.edit', ['intermittent'=>$intermittent->id]) }}" class="text-warning"><i class="fa fa-edit"></i></a>
                                    @endcan
                                </td>
                                @endcan
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @else
                Aucun intermittent actif n'est enregistré pour l'instant.
                @endif
            </div>
            <div class="tab-pane p-t-20" id="inactive-intermittents" role="tabpanel">
                
                @if($intermittents->where('active',0)->count() > 0)
                <div class="table-responsive">
                    <table class="table table-sm table-hover intermittents-table">
                        <thead>
                            <tr>
                                <th scope="col">Nom</th>
                                <th scope="col">Fonction</th>
                                <th scope="col">Téléphone</th>
                                <th scope="col">Email</th>
                                @can('voir le tarif et le coût d\'un intermittent') 
                                <th scope="col">&nbsp;</th>
                                @endcan
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($intermittents->where('active',0) as $intermittent)
                            <tr>
                                <td class="align-middle" scope="row">
                                    @can('voir une fiche intermittent')
                                    <a href="{{ route('intermittents.show', ['intermittent'=>$intermittent->id]) }}">{{ $intermittent->full_name }}</a>
                                    @else
                                    {{ $intermittent->full_name }}
                                    @endcan
                                </td>
                                <td class="align-middle">{{ $intermittent->occupation }}</td>
                                <td class="align-middle">{{ ($intermittent->phone) ? $intermittent->phone : '-' }}</td>
                                <td class="align-middle">{{ ($intermittent->email) ? $intermittent->email : '-' }}</td>
                                @can('voir le tarif et le coût d\'un intermittent') 
                                <td class="align-middle text-right">
                                    @can('éditer une fiche intermittent')
                                    <a href="{{ route('intermittents.edit', ['intermittent'=>$intermittent->id]) }}" class="text-warning"><i class="fa fa-edit"></i></a>
                                    @endcan
                                </td>
                                @endcan
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @else
                Aucun intermittent n'est archivé pour l'instant.
                @endif
            </div>
        </div>
    </div>
</div>

@endsection