{% extends "base.html" %}
{% load static %}

{% block title %}
    {{ venue.name }} | 
{% endblock title %}

{% block style %}
{% endblock style %}

{% block header_buttons %}
{% endblock header_buttons %}

{% block content %}
<div class="row">
    <div class="col-xl-5 col-lg-6 col-md-10">
        <div class="m-sm-5 m-3">
            <h1 class="text-company fw-bold">
                {{ venue.name}}
            </h1>
            <div class="text-body-secondary mb-4">
                <p class="mb-0">{{ venue.street_address }}</p>
                <p class="mb-0">{{ venue.city }}, {{ venue.provence }}</p>
                <p class="mb-0">{{ venue.postal_code }}</p>
            </div>
            <div class="mb-4">
                <p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae eveniet aspernatur neque vero molestias nemo, voluptatum eum quo blanditiis. Voluptate provident earum placeat impedit cumque sapiente praesentium, alias omnis tempore!</p>
                <!-- <p class="mb-0">{{ venue.description }}</p> -->
            </div>
            <div class="mb-4">
                <h5 class="text-company">
                    Contact
                </h5>
                <div class="text-body-secondary mb-4">
                    <p class="mb-0">{{ venue.phone_number }}</p>
                    <p class="mb-0">{{ venue.email_address }}</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock content %}

{% block scripts %}
{% endblock scripts %}
