{{template "base" .}}
{{define "content"}}
<div class="container">
    <div class="row">
        <div class="col">
            <h1 class="text-center mt-3">Make reservation</h1>

            {{$res := index .Data "reservation"}}
            <p><strong>Reservation Details</strong><br>
                Room: {{$res.Room.RoomName}}<br>
                Arrival: {{index .StringMap "start_date"}}<br>
                Departure: {{index .StringMap "end_date"}}
            </p>

            <!-- <form method="post" action="" class="needs-validation" novalidate> -->
            <form method="post" action="/make-reservation" class="" novalidate>
                <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
                <input type="hidden" name="start_date" value="{{index .StringMap "start_date"}}">
                <input type="hidden" name="end_date" value="{{index .StringMap "end_date"}}">
                <input type="hidden" name="room_id" value="{{$res.RoomID}}">


                <div class="form-group mt-5">
                    <label for="first_name">First name:</label>
                    {{with .Form.Errors.Get "first_name"}}
                    <label class="text-danger">{{.}}</label>
                    {{end}}
                    <input type="text" name="first_name" id="first_name" class="form-control {{with .Form.Errors.Get "first_name"}} is-invalid {{end}}"
                        value="{{$res.FirstName}}" required autocomplete="off">
                </div>
                <div class="form-group mt-5">
                    <label for="last_name">Last name:</label>
                    {{with .Form.Errors.Get "last_name"}}
                    <label class="text-danger">{{.}}</label>
                    {{end}}
                    <input type="text" name="last_name" id="last_name" class="form-control {{with .Form.Errors.Get "last_name"}} is-invalid {{end}}"
                        value="{{$res.LastName}}" required autocomplete="off">
                </div>

                <div class="form-group mt-5">
                    <label for="email">Email:</label>
                    {{with .Form.Errors.Get "email"}}
                    <label class="text-danger">{{.}}</label>
                    {{end}}
                    <input type="email" name="email" id="email" class="form-control {{with .Form.Errors.Get "email"}} is-invalid {{end}}"
                        value="{{$res.Email}}" required autocomplete="off">
                </div>
                <div class="form-group mt-5">
                    <label for="phone">Phone number:</label>
                    <input type="text" name="phone" id="phone" class="form-control" value="{{$res.Phone}}" autocomplete="off">
                </div>

                <hr>

                <input type="submit" class="btn btn-primary" value="Make Reservation">
            </form>
        </div>
    </div>
</div>
{{end}}