@extends('layouts.app')
@section('titre', 'Équipes')
@section('contenu')
    <h1>Équipes de production</h1>
    <p class="muted">Trois équipes par défaut : matin, après-midi, nuit. La journée de production chevauche minuit.</p>

    <div class="card">
        <table>
            <tr><th>Code</th><th>Libellé</th><th>Début</th><th>Fin</th><th>Active</th><th></th></tr>
            @foreach($equipes as $e)
                <tr>
                    <form method="POST" action="{{ route('equipes.update', $e) }}">
                        @csrf @method('PUT')
                        <td><input type="text" name="code" value="{{ $e->code }}" required maxlength="20"></td>
                        <td><input type="text" name="libelle" value="{{ $e->libelle }}" required maxlength="50"></td>
                        <td><input type="time" name="heure_debut" value="{{ substr($e->heure_debut, 0, 5) }}" required></td>
                        <td><input type="time" name="heure_fin" value="{{ substr($e->heure_fin, 0, 5) }}" required></td>
                        <td><label class="check"><input type="checkbox" name="active" value="1" @checked($e->active)> active</label></td>
                        <td><button type="submit" class="btn ghost sm">Enregistrer</button></td>
                    </form>
                </tr>
            @endforeach
        </table>
    </div>

    <div class="card">
        <h2>Ajouter une équipe</h2>
        <form method="POST" action="{{ route('equipes.store') }}">
            @csrf
            <div class="grid">
                <div><label for="code">Code *</label><input type="text" id="code" name="code" required maxlength="20"></div>
                <div><label for="libelle">Libellé *</label><input type="text" id="libelle" name="libelle" required maxlength="50"></div>
                <div><label for="heure_debut">Heure de début *</label><input type="time" id="heure_debut" name="heure_debut" required></div>
                <div><label for="heure_fin">Heure de fin *</label><input type="time" id="heure_fin" name="heure_fin" required></div>
            </div>
            <div class="form-footer"><button type="submit" class="btn">Ajouter</button></div>
        </form>
    </div>
@endsection