@extends('Admin.Views.admin')

@include('dss::sidebar')

@section('content')
    <div class="card">
        <div class="card-header">
            <h5 class="card-title">{{ $person->name }}</h5>
        </div>
        <div class="card-body">
            @include('dss::dss.partials.nav')

            @if($relatives->isNotEmpty())
                <table class="table">
                    <thead>
                        <tr>
                            <th>DNI</th>
                            <th>Nombre</th>
                            <th>Relaci&oacute;n</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($relatives as $relative)
                            <tr>
                                <th>{{ $relative->relative->dni }}</th>
                                <th>{{ $relative->relative->name }}</th>
                                <th>{{ $relative->familyRelationship->name }}</th>
                                <th>
                                    <a
                                        class='btn btn-info p-1 m-1'
                                        href="{{ route('dss.person.data', $relative->relative_id) }}"
                                    >
                                        <i class="mi-visibility"></i>
                                    </a>
                                    <form
                                        class="d-inline"
                                        action="{{ route('dss.person.delete_relatives', $person->id) }}"
                                        method="post"
                                        onsubmit="return confirm('¿Está seguro que desea eliminar la relación?');"
                                    >
                                        @csrf
                                        @method('DELETE')
                                        <input type="hidden" name="relative_id" value="{{ $relative->relative_id }}">
                                        <button class="btn btn-danger p-1 m-1" type="submit">
                                            <i class="mi-delete"></i>
                                        </button>
                                    </form>
                                </th>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @else
                <p class="my-4">El vecino no tiene registrado familiares.</p>
            @endif

            <h4><i class="mi-add-box"></i> Ingresar nuevo familiar</h4>
            <form action="{{ route('dss.person.save_relatives', $person->id) }}" method="post">
                @csrf
                <input type="hidden" name="person_id" value="{{ $person->id }}">
                <div class="row">
                    <div class="col-12 col-md-4">
                        <x-fieldselect
                            label='{{ $person->name }} es su'
                            name='relationship_a'
                            data=''
                            :items='$model_info->familyRelationships'
                            optionalText='Relación Familiar'
                            itemtext='name'
                            itemindex='id'
                        />
                    </div>
                    <div class="col-12 col-md-4">
                        <x-fieldselectajax
                            label='Familiar'
                            name='relative_id'
                            data=''
                            template='templateSelectPersons'
                            items=''
                            itemsurl='{{ route("people.persons.find") }}'
                            itemtext='name'
                            itemindex='id'
                        />
                    </div>
                    <div class="col-12 col-md-4">
                        <x-fieldselect
                            label='Es de {{ $person->name }}'
                            name='relationship_b'
                            data=''
                            :items='$model_info->familyRelationships'
                            optionalText='Relación Familiar'
                            itemtext='name'
                            itemindex='id'
                        />
                    </div>
                </div>
                <div class="row text-right">
                    <div class="col-12">
                        <button type="submit" class="btn btn-success">
                            Guardar
                            <i class="mi-save ml-2"></i>
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection