@extends('layouts.dashboard')

@section('title', 'Gestion des services')   

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6 d-flex align-items-center">
                <h1 class="m-0">Gestion des services</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item active">Gestion des services</li>
                </ol>
            </div>
        </div>
    </div>
</div>


<div class="content">    
    <div class="container-fluid">
        
        <div class="card">
            
            <div class="card-header">
                
                <div class="card-tools">
                    <a href="{{ route('dashboard.members.create') }}" class="btn btn-primary">
                        <i class="fas fa-plus mr-1"></i>
                        Ajouter un membre
                    </a>
                </div>
                
            </div>
            
            
            
            @if (count($members) > 0)
            <div class="card-body p-0">
                <table class="table table-striped table-sm">
                    <thead>
                        <tr>
                            <th style="width: 5%">#</th>
                            <th>Nom</th>
                            <th>Status</th>
                            <th>Creation</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($members as $member)
                        <tr>
                            <td style="width: 5%" scope="row">{{ $loop->iteration }}.</td>
                            <td>
                                <a href="{{ route('dashboard.members.edit', $member) }}" style="text-decoration: none">
                                    {{ $member->name }}
                                </a>
                            </td>
                            <td>
                                @if ($member->status)
                                <span class="badge bg-success">Active</span>
                                @else
                                <span class="badge bg-secondary">Inactive</span>
                                @endif
                            </td>
                            <td>{{ $member->created_at->format('d/m/Y') }}</td>
                            <td class="text-right">
                                <a href="{{ route('dashboard.members.edit', $member) }}" class="btn btn-sm btn-warning">
                                    <i class="fa fa-edit"></i>
                                </a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @else
            <div class="card-body text-center text-muted">
                Aucun membre n'a été trouvé.
            </div>
            @endif
            
        </div>
        
    </div>
</div>
@endsection