@extends('layouts.app')
@section('title', 'Envoyer le Cas')
@section('page-title', 'Envoyer ' . $case->case_number . ' à un Résident')

@section('content')
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="card">
    <div class="card-header">
        <i class="fas fa-paper-plane me-2 text-success"></i>
        Envoyer <strong>{{ $case->case_number }}</strong> – {{ $case->name }}
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('cases.send.store', $case) }}">
            @csrf
            <div class="mb-3">
                <label class="form-label fw-semibold">Résidents *</label>
                <div class="border rounded p-2" style="max-height:220px;overflow-y:auto;">
                    @forelse($residents as $r)
                    <div class="form-check py-1 border-bottom">
                        <input class="form-check-input" type="checkbox" name="resident_ids[]" value="{{ $r->id }}" id="r{{ $r->id }}">
                        <label class="form-check-label" for="r{{ $r->id }}">
                            <strong>{{ $r->full_name }}</strong>
                            <small class="text-muted ms-2">{{ $r->role_name }}</small>
                        </label>
                    </div>
                    @empty
                    <p class="text-muted small mb-0">Aucun résident actif.</p>
                    @endforelse
                </div>
            </div>
            <div class="mb-4">
                <label class="form-label fw-semibold">Date limite *</label>
                <input type="date" name="deadline" class="form-control"
                       min="{{ date('Y-m-d', strtotime('+1 day')) }}" required>
            </div>
            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-success">
                    <i class="fas fa-paper-plane me-1"></i>Envoyer
                </button>
                <a href="{{ route('cases.show', $case) }}" class="btn btn-outline-secondary">Annuler</a>
            </div>
        </form>
    </div>
</div>
</div>
</div>
@endsection