@extends('layouts.app')

@section('content')

<link href="{{ asset('css/form.css') }}" rel="stylesheet">
<link href="{{ asset('css/recherche_parent.css') }}" rel="stylesheet">

<div class="centered container">
    <h1>Recherche parent</h1>

    <input 
        type="text" 
        id="recherche-parent" 
        placeholder="Tapez le nom d'un parent..."
        autocomplete="off"
    >

    <div id="resultats-parents"></div>

    <hr>

    <h2>Réservations</h2>
    <div id="reservations-parent">
        <p>Sélectionnez un parent pour voir ses réservations.</p>
    </div>
</div>

<script>
    const searchParentUrl = "{{ route('recherche_parent.search') }}";
    const reservationsParentUrl = "/recherche-parent";
</script>

<script src="{{ asset('js/recherche_parent.js') }}"></script>

@endsection