@extends('layouts.master')

@section('title')
    Información familiar - {{ $alumno->matricula }}
@endsection

@section('content')
    @component('components.breadcrumb')
        @slot('li_1') Control Escolar @endslot
        @slot('title') Información familiar @endslot
    @endcomponent

    <div class="row mb-3">
        <div class="col-12">
            <a href="{{ url('alumnos') }}" class="btn btn-soft-secondary btn-sm"><i class="ri-arrow-left-line me-1"></i>Volver a alumnos</a>
            <a href="{{ url('alumnos/' . $alumno->id) }}" class="btn btn-soft-primary btn-sm">Ver alumno</a>
        </div>
    </div>

    <h5 class="mb-3">Alumno: {{ $alumno->nombre }} {{ $alumno->apellido_paterno }} {{ $alumno->apellido_materno }} ({{ $alumno->matricula }})</h5>

    @php $familias = $alumno->familias; @endphp
    @if($familias->isEmpty())
        <div class="card">
            <div class="card-body text-center text-muted py-5">No hay información familiar registrada.</div>
        </div>
    @else
        @foreach($familias as $familia)
            <div class="card mb-3">
                <div class="card-header bg-light">
                    <strong>Familia: {{ $familia->nombre }}</strong>
                    @if($familia->pivot->jerarquia_alumno)
                        <span class="badge bg-primary ms-2">Alumno: {{ $familia->pivot->jerarquia_alumno }}</span>
                    @endif
                </div>
                <div class="card-body">
                    <p class="small text-muted mb-3">Domicilio: {{ $familia->calle_numero ?? '-' }} {{ $familia->localidad ?? '' }} {{ $familia->codigo_postal ?? '' }}</p>
                    <h6 class="text-primary mb-2">Integrantes</h6>
                    <div class="row">
                        @foreach($familia->integrantes as $int)
                            <div class="col-md-6 col-lg-4 mb-3">
                                <div class="card border h-100">
                                    <div class="card-body py-3">
                                        <strong>{{ $int->nombre }} {{ $int->apellido_paterno }} {{ $int->apellido_materno }}</strong>
                                        <p class="small mb-0 mt-1">{{ $int->jerarquia ?? '' }} · {{ $int->nombramiento ?? '' }}</p>
                                        @if($int->email)<p class="small mb-0">{{ $int->email }}</p>@endif
                                        @if($int->telefono_celular)<p class="small mb-0">{{ $int->telefono_celular }}</p>@endif
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endforeach
    @endif
@endsection