@extends('layouts.app', ['title' => 'Detalles del Participante: '.$partaker->name])
@section('content')
    <div class="container mx-4" id="partakers">

            <h2>Información básica</h2>
            <div class="row mb-4 p-3 border rounded">
                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Nombres</label>
                        <h3>{{$partaker->first_name}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Apellidos</label>
                        <h3>{{$partaker->last_name}}</h3>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Tipo de Identificación</label>
                        <h3>{{$partaker->identificationType->name}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Número de Identificación</label>
                        <h3>{{$partaker->identification}}</h3>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Pais</label>
                        <h3>{{$partaker->Country}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Ciudad</label>
                        <h3>{{$partaker->city}}</h3>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Departamento</label>
                        <h3>{{$partaker->city}}</h3>
                    </div>
                </div>
            </div>


            <h2>Información complementaria</h2>
            <div class="row mb-4 p-3 border rounded">
                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Email</label>
                        <h3>{{$partaker->email}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Teléfono</label>
                        <h3>{{$partaker->phone ?? '-'}}</h3>
                    </div>

                    @institution
                    @if($partaker->carer_id) {{-- es niño/joven --}}
                        <div class="form-group">
                            <label for="">Jornada</label>
                            <h3>{{$partaker->session ?? '-'}}</h3>
                        </div>
                    @endif
                    @endinstitution

                    <div class="form-group">
                        <label for="">Estado</label><br>
                        @if($partaker->active)
                            <span class="badge badge-lg badge-success">Activo</span>
                        @else
                            <span class="badge badge-lg badge-danger">Inactivo</span>
                        @endif
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Fecha de nacimiento</label>
                        <h3>{{$partaker->birthday ?? '-'}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Sexo</label>
                        <h3>{{$partaker->sex ?? '-'}}</h3>
                    </div>

                    @institution
                    @if($partaker->carer_id) {{-- es niño/joven --}}
                        <div class="form-group">
                            <label for="">Grado</label>
                            <h3>{{$partaker->grade ?? '-'}}</h3>
                        </div>
                    @endif
                    @endinstitution

                    <div class="form-group">
                        <label for="">Tipo</label>
                        <h3>{{$partaker->source->name}}</h3>
                    </div>
                </div>
            </div>

            @if($partaker->carer_id) {{-- es niño/joven --}}
                <h2>Responsables del niño/joven</h2>
                <div class="row mb-4 p-3 border rounded">
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="">Familiar/Cuidador</label>
                            <h3>{{$partaker->carer->fullName}}
                                <small>
                                    ({{$partaker->carer->identificationType->name}}.
                                    {{$partaker->carer->identification}})
                                </small>
                            </h3>
                            @if($partaker->carerKinship)
                                <p>
                                    <span class="text-muted">Parentesco:</span>
                                    {{$partaker->carerKinship->name}}
                                </p>
                            @endif
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="">Docente</label>
                            <h3>
                                {{$partaker->teacher->fullName}}
                                <small>
                                    ({{$partaker->teacher->identificationType->name}}.
                                    {{$partaker->teacher->identification}})
                                </small>
                            </h3>
                        </div>
                    </div>
                </div>
            @endif


            <div class="my-4">
                <a href="javascript: history.go(-1)" class="btn btn-secondary">
                    <i class="fa fa-arrow-left"></i> Volver
                </a>
                <a href="{{route('admin.partakers.edit', $partaker)}}" class="btn btn-primary" type="submit">
                    <i class="fa fa-edit"></i> Editar este participante
                </a>
            </div>


    </div>
@endsection