@extends('layouts.app')

@section('title', 'Copii - Gradinita App')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h1 class="h3 mb-0">
                <i class="fas fa-users me-2"></i>Copii
            </h1>
            @if(Auth::user()->isParent())
                <a href="{{ route('children.create') }}" class="btn btn-primary">
                    <i class="fas fa-plus me-1"></i>Adaugă copil
                </a>
            @endif
        </div>
    </div>
</div>

<div class="row">
    @forelse($children as $child)
        <div class="col-md-6 col-lg-4 mb-4">
            <div class="card h-100">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-start mb-3">
                        <div>
                            <h5 class="card-title mb-1">{{ $child->full_name }}</h5>
                            <p class="text-muted mb-0">
                                <i class="fas fa-birthday-cake me-1"></i>
                                {{ $child->age }} ani
                            </p>
                        </div>
                        <div>
                            @switch($child->status)
                                @case('active')
                                    <span class="badge bg-success">Activ</span>
                                    @break
                                @case('inactive')
                                    <span class="badge bg-warning">Inactiv</span>
                                    @break
                                @case('graduated')
                                    <span class="badge bg-info">Absolvit</span>
                                    @break
                            @endswitch
                        </div>
                    </div>

                    <div class="mb-3">
                        <p class="text-muted small mb-1">
                            <i class="fas fa-users me-1"></i>
                            <strong>Grup:</strong> {{ $child->group->name ?? 'Fără grup' }}
                        </p>
                        <p class="text-muted small mb-1">
                            <i class="fas fa-user me-1"></i>
                            <strong>Părinte:</strong> {{ $child->guardian->user->name }}
                        </p>
                        @if($child->allergies && count($child->allergies) > 0)
                            <p class="text-muted small mb-1">
                                <i class="fas fa-exclamation-triangle me-1 text-warning"></i>
                                <strong>Alergii:</strong> {{ implode(', ', $child->allergies) }}
                            </p>
                        @endif
                    </div>

                    <div class="d-flex justify-content-between align-items-center">
                        <a href="{{ route('children.show', $child) }}" class="btn btn-outline-primary btn-sm">
                            <i class="fas fa-eye me-1"></i>Vezi detalii
                        </a>
                        <div>
                            @if(Auth::user()->isParent() && $child->guardian_id === Auth::user()->guardian->id)
                                <a href="{{ route('children.edit', $child) }}" class="btn btn-outline-secondary btn-sm me-1">
                                    <i class="fas fa-edit"></i>
                                </a>
                                <form method="POST" action="{{ route('children.destroy', $child) }}" class="d-inline">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-outline-danger btn-sm" 
                                            onclick="return confirm('Sigur doriți să ștergeți acest copil?')">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </form>
                            @elseif(Auth::user()->isAdmin() || Auth::user()->isEducator())
                                <a href="{{ route('children.edit', $child) }}" class="btn btn-outline-secondary btn-sm me-1">
                                    <i class="fas fa-edit"></i>
                                </a>
                                <form method="POST" action="{{ route('children.destroy', $child) }}" class="d-inline">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-outline-danger btn-sm" 
                                            onclick="return confirm('Sigur doriți să ștergeți acest copil?')">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </form>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @empty
        <div class="col-12">
            <div class="text-center py-5">
                <i class="fas fa-users fa-3x text-muted mb-3"></i>
                <h4 class="text-muted">Nu există copii înregistrați</h4>
                <p class="text-muted">Începeți prin a adăuga primul copil în sistem.</p>
                @if(Auth::user()->isParent())
                    <a href="{{ route('children.create') }}" class="btn btn-primary">
                        <i class="fas fa-plus me-1"></i>Adaugă primul copil
                    </a>
                @endif
            </div>
        </div>
    @endforelse
</div>
@endsection