@extends('frontend.mediknode.layout.mainlayout')

@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            Hébergement - {!! \App\Helpers\TextHelper::addSup($event->title) !!}
        @endslot
        @slot('li_1')
            Hébergement - {{ $event->title }}
        @endslot
    @endcomponent
    <div class="dashboard-content">
        <div class="container">
            <div class="dashboard-details">
                <div class="row dashboard-info">
                    <div class="col-md-2">
                        @component('frontend.mediknode.components.sidemenu')
                        @endcomponent
                    </div>
                    <div class="col-md-12">
                        <div class="card dash-cards">
                            <div class="card-body">
                                <div class="profile-form">
                                    <p class="hightlighted-paragraph mt-4">Contact de réservation :</p>
                                    <form action="{{ route('reservation.review', ['event' => $event->slug]) }}"
                                        method="POST">
                                        @csrf
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label class="col-form-label">Prénom : <span
                                                            class="asterisk">*</span></label>
                                                    <input type="text"
                                                        value="{{ old('firstname', $user->firstname ?? '') }}"
                                                        class="form-control" name="contact[firstname]" id="firstname"
                                                        autocomplete="off" required>
                                                    <div class="invalid-feedback">Le prénom est obligatoire
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label class="col-form-label">Nom : <span
                                                            class="asterisk">*</span></label>
                                                    <input type="text" value="{{ old('name', $user->name ?? '') }}"
                                                        class="form-control" name="contact[lastname]" id="name"
                                                        autocomplete="off" required>
                                                    <div class="invalid-feedback">Le nom est obligatoire
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label class="col-form-label">Mobile : <span
                                                            class="asterisk">*</span></label>
                                                    <input type="text" value="{{ old('phone', $user->phone ?? '') }}"
                                                        class="form-control" name="contact[mobile]" id="phone"
                                                        autocomplete="off" required>
                                                    <div class="invalid-feedback">Le mobile est obligatoire
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label class="col-form-label">Email : <span
                                                            class="asterisk">*</span></label>
                                                    <input type="email" value="{{ old('email', $user->email ?? '') }}"
                                                        class="form-control" name="contact[email]" id="email"
                                                        autocomplete="off" required>
                                                    <div class="invalid-feedback">L'email est obligatoire
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label class="col-form-label">Société/Organisation :</label>
                                                    <input type="text" value="" class="form-control"
                                                        name="contact[organisation]" id="organisation" autocomplete="off">
                                                </div>
                                            </div>
                                        </div>
                                        <input type="hidden" name="rooms" value="{{ json_encode($rooms) }}">
                                        <div class="d-flex justify-content-center gap-3">
                                            <button class="btn btn-success btn-min-width" type="submit">Suivant</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection