{# templates/blog/index.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}Contact Us{% endblock %}

{% block body %}
<div id="contact_page">
    <div class="container">
        <div class="col-md-8 col-md-offset-2">
            <br><br>
            <div id="inquiry_form_holder" class="well text-center">
                <h1 class="h1">Contact Us</h1><br>
                <p class="lead">Have a comment, question about our service? <br>We'd love to hear from you!</p>
                <form id="inquiry_form">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="sr-only" for="input_first_name">First Name</label>
                                <input name="first_name" required type="text" class="form-control" id="input_first_name" required="required" placeholder="First Name">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="sr-only" for="input_last_name">Last Name</label>
                                <input name="last_name" required type="text" class="form-control" id="input_last_name" required="required" placeholder="Last Name">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="input_email">Email</label>
                        <input name="email" required type="email" class="form-control" id="input_email" required="required" placeholder="Email">
                    </div>
                    <div class="form-group">
                        <textarea id="input_message" name="message" class="form-control" required="required"  style="min-height: 150px" placeholder="Your Message"></textarea>
                    </div>
                    <input id="submit_inquiry_button" class="btn btn-primary btn-lg btn-block" type="submit" value="Submit">
                </form>
            </div>
            <br><br>
        </div> 
    </div>
</div>
{% endblock %}

{% block javascripts %}
<script>
    bindContactForm();
    $('body').fadeIn();
</script>
{% endblock %}