@extends('layout')

@inject('carbon', 'Carbon\Carbon')

@section('content')
    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4>
                    <i class="icon-list mr-2"></i>
                    <span class="font-weight-semibold">
                        Liste des familles buanderie
                    </span>
                </h4>
            </div>
            <div class="header-elements">
                <a href="{{ route('laundry.family-create') }}" class="btn btn-primary">
                    <i class="icon-plus3"></i> Ajouter une famille
                </a>
            </div>
        </div>
    </div>

    <div class="content">
        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        <table class="table table-responsive-sm table-striped">
            <thead>
            <tr>
                <th>Date de création</th>
                <th>Nom de la famille</th>
                <th class="text-center">Actions</th>
            </tr>
            </thead>
            <tbody>
            @foreach($families as $family)
                <tr>
                    <td>{{ $carbon::create($family->created_at)->format('d/m/Y') }}</td>
                    <td>{{ $family->name }}</td>
                    <td>
                        <a href="{{ route('laundry.family.edit', $family->id) }}" class="btn btn-sm btn-info">
                            <i class="icon-database-edit2"></i> Modifier
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
@endsection