{% extends "layout.html" %}

{% block header %}
    <header class="testimonials-header">
        <nav class="static opaque">
            <div class="container">
                <ul>
                    <li class="ib ms logo"><a href="/"></a></li>
                    <li class="ib ms"><a href="http://docs.thumbor.org/getting-started/">GETTING STARTED</a></li>
                    <li class="ib ms"><a href="http://docs.thumbor.org/">DOCUMENTATION</a></li>
                    <li class="ib ms"><a href="https://github.com/thumbor/thumbor">REPOSITORY</a></li>
                    <li class="ib ms"><a href="https://github.com/thumbor/thumbor/issues">REPORT AN ISSUE</a></li>
                </ul>
            </div>
        </nav>
    </header>
{% endblock %}

{% block content %}
<div class="testimonials-page">
    <div class="sub-header container">
        <div class="rw black">TESTIMONIALS</div>
        <div class="sub-title">
            <p>what people are saying about thumbor</p>
        </div>
    </div>

    <div class="testimonials-data">
        <div class="col-7 testimonial-list">
            <ul>
                {% for testimonial in testimonials %}
                <li>
                    <div class="icon" style="background-image: url({{ testimonial.company_logo }});"></div>
                    <div class="info">
                        <div class="bold company"><a href="{{ testimonial.company_url }}">{{ testimonial.company_name }}</a></div>
                        <div class="summary">{{ testimonial.summary | safe }}</div>
                        <div class="quote">
                            {{ lines_as_paragraph(testimonial.text) | safe }}
                        </div>
                    </div>
                </li>
                {% endfor %}
            </ul>
        </div>
        <div class="col-5 form">
            <div class="rw black title">SEND YOURS</div>
            <div class="success hidden">
                <p class="title bold">Testimonial sent! :)</p>
                <p>Thank you! We’ll review your testimonial and it will be published here soon.</p>
            </div>
            <div class="new">
                <p>If you are using thumbor and your site or product is not listed here, please share your words with us and we'll include your logo and a short description on how you are using it.</p>
                <p><input type="text it" id="user-name" placeholder="your name" /></p>
                <p><input type="text it" id="user-email" placeholder="your e-mail" /></p>
                <p><input type="text it" id="company-name" placeholder="your company" /></p>
                <p><input type="text it" id="company-website" placeholder="your company's website" /></p>
                <p><textarea rows="10" id="testimonial" placeholder="your testimonial (markdown-enabled)"></textarea></p>
                <p class="submit"><a href="{{ url_for('home.testimonials') }}" class="white ms button">SEND</a></p>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block header_js %}{% endblock %}
{% block breakpoints_js %}{% endblock %}
{% block js_bottom %}
<script>
    testimonialsCtrl = new TestimonialsCtrl($('.testimonials-page .form'));
</script>

{% endblock %}
