<?xml version="1.0" encoding="utf-8" ?>
<odoo>
    <template id="forksand_website.contact" name="Contact Forksand">
        <div class="container">
            <div class="title text-center">
                    <h1 class="Brown">Contact</h1>
                </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="text-center mt64 info-left" name="mail_button">
                        <form action="/website_form/" method="post" data-model_name="crm.lead" data-success_page="/contactus-thank-you" class="s_website_form form-horizontal container-fluid mt32" enctype="multipart/form-data" data-editable-form="false">
                        <div class="form-group form-field o_website_form_required_custom">
                            <label class="col-md-3 col-sm-4 control-label" for="contact_name">Your Name</label>
                            <div class="col-md-7 col-sm-8">
                                <input type="text" class="form-control o_website_form_input" name="contact_name" t-att-value="request.params.get('contact_name', '')" required=""/>
                            </div>
                        </div>
                        <div class="form-group form-field">
                            <label class="col-md-3 col-sm-4 control-label" for="phone">Phone Number</label>
                            <div class="col-md-7 col-sm-8">
                                <input type="text" class="form-control o_website_form_input" name="phone" t-att-value="request.params.get('phone', '')"/>
                            </div>
                        </div>
                        <div class="form-group form-field o_website_form_required_custom">
                            <label class="col-md-3 col-sm-4 control-label" for="email_from">Email</label>
                            <div class="col-md-7 col-sm-8">
                                <input type="text" class="form-control o_website_form_input" name="email_from" required="" t-att-value="request.params.get('email_from', '')"/>
                            </div>
                        </div>
                        <div class="form-group form-field o_website_form_required_custom">
                            <label class="col-md-3 col-sm-4 control-label" for="partner_name">Your Company</label>
                            <div class="col-md-7 col-sm-8">
                                <input type="text" class="form-control o_website_form_input" name="partner_name" required="" t-att-value="request.params.get('partner_name', '')"/>
                            </div>
                        </div>
                        <div class="form-group form-field o_website_form_required">
                            <label class="col-md-3 col-sm-4 control-label" for="name">Subject</label>
                            <div class="col-md-7 col-sm-8">
                                <input type="text" class="form-control o_website_form_input" name="name" required="" t-att-value="request.params.get('name', '')"/>
                            </div>
                        </div>
                        <div class="form-group form-field o_website_form_required_custom">
                            <label class="col-md-3 col-sm-4 control-label" for="description">Your Question</label>
                            <div class="col-md-7 col-sm-8">
                                <textarea class="form-control o_website_form_input" name="description" required=""><t t-esc="request.params.get('description', '')"/></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-offset-3 col-sm-offset-4 col-sm-8 col-md-7">
                                <span class="btn btn-primary btn-lg o_website_form_send">Send</span>
                                <span id="o_website_form_result"/>
                            </div>
                        </div>
                    </form>
                    </div>
                </div>
                <div class="col-md-6 mb32 info-right">
                    <img class="img-responsive" src="forksand_website/static/src/img/BC.png"/>
                </div>
            </div>
        </div>
    </template>
</odoo>