{% extends 'base.html.twig' %}

{% block title %}Become A Dealer | {{ parent() }}{% endblock %}

{% block body %}
    <h1>Join the best fiberglass pool team in the world!</h1>
    <div class="row">
        <div class="col-12 col-md-6">
            <h3>Interested in becoming a dealer?</h3>
            <p>Luxury Pools and Living is always looking for honest, energetic, and hardworking people to join our team. We take pride in provide the highest quality product in the fiberglass pool industry and are looking to partner with businesses and installers that want to do the same.</p>
            <h3>Benefits:</h3>
            <ul>
                <li>Local Marketing</li>
                <li>Co-op Advertising</li>
                <li>Lead Generation</li>
                <li>Online Lead Management and Remarketing</li>
                <li>Online Ordering and Real Time Nationwide Inventory</li>
                <li>Exclusive Dealer Pricing</li>
            </ul>
            <br><br>
            <h3>Requirements</h3>
            <ul>
                <li>Have an up-to-date business and current license</li>
                <li>Possess the knowledge and resources to perform pool installations</li>
                <li>Complete the dealer application</li>
                <li>Maintain positive credit history with our company</li>
                <li>Submit dealer set up fee</li>
                <li>Maintain positive customer reviews</li>
            </ul>
            <p>{# TODO: create this full application <a href="barrier-reef-dealer-application.php">Barrier Reef Dealer Application</a>#}</p>
        </div>
        <div class="col-12 col-md-6 text-center">
            <img src="{{ asset('images/brlogo.jpg') }}" class="img-fluid"><br>
            <img src="{{ asset('images/midwest-states-small.png') }}" class="img-fluid"><br>
            <div class="row">
                <div class="col-12 formWrapper">
                    {{ include('contact_and_quote_requests/_becomeADealerForm.html.twig') }}
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        $(document).ready(function () {

            $(document).on('submit', '.becomeADealer', function (event) {

                event.preventDefault();

                $.ajax({
                    url: '{{ path('becomeADealerSubmit') }}',
                    method: 'POST',
                    data: $('.becomeADealer').serialize(),
                    beforeSend: function () {
                        $('.formWrapper button').prop('disabled', true).html('Please wait.');
                    },
                    success: function (data) {
                        $('.formWrapper').html(data);
                    },
                    error: function (jqXHR) {
                        $('.formWrapper').html(jqXHR.responseText);
                        scrollToError();
                    }
                });
            });

        });
    </script>
{% endblock %}