{% extends "layout.html" %}

{% set title = 'Reservation not signed in' %}

{% block content %}

<section class="sec-pad">
    <div class="container">
        <div class="col-sm-8">
            <div class="shop-head">
                <h3 class="no-margin text-bold">Reservation Details</h3>
            </div>
            <div class="reservation-details plxxlg mtxlg">
                <h4 class="d-inline text-bold">Dr. Husein El Sayed</h4>
                <p>Speciality Name</p>
                <div class="reservation-data not-signed mtlg">
                    <div class="re-info mbmd">
                        <span class="text-bold d-block">Reservation required</span>
                        <span>* Please sign in to complete your reservation</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="shop-head">
                <h3 class="no-margin text-bold">Login</h3>
            </div>
            <form action="" class="mtxlg">
                <div class="mbmd">
                    <input type="text" placeholder="Email/Phone">
                </div>
                <div class="mbmd">
                    <input type="password" placeholder="Enter your password">
                </div>
                <button type="submit" class="btn btn-blue text-upper text-bold d-block width100">login</button>
            </form>
            <span class="d-block text-center mtmd create-account">
                Not a member yet? <a href="">Create an account</a>
            </span>
        </div>
    </div>
</section>

{% endblock content %}