@extends('Admin.Views.admin')

@include('dss::sidebar')

@section('content')
    <div class="card">
        <div class="card-header">
            <h5 class="card-title">Buscar Vecino</h5>
        </div>
        <div class="card-body">
            @csrf
            <div class="row">
                <div class="col-12 col-md-10">
                    <x-fieldselectajax
                        label='Vecino'
                        name='person_id'
                        data=''
                        template='templateSelectPersons'
                        items=''
                        itemsurl='{{ route("people.persons.find") }}'
                        itemtext='name'
                        itemindex='id'
                    />
                </div>
                <div class="col-12 col-md-2 align-self-center">
                    <button id="searchNeighbor" class="btn btn-primary btn-block" type="submit">Buscar</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script type="text/javascript">
        "use strict";

        document.querySelector("#searchNeighbor").addEventListener("click", () => {
            const person_id = document.querySelector("select[name='person_id']").value;
            if (person_id) {
                let redirect = "{{ route('dss.person.data', ['id' => 'replace_me']) }}";
                redirect = redirect.replace("replace_me", person_id);
                window.location.href = redirect;
            }
        });
    </script>
@endpush