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

{% block title %}Free Clean Fill Dirt | {{ parent() }}{% endblock %}

{% block body %}
    <h1>We always have TONS of free clean fill dirt</h1>
    <p>As you can imagine if a pool is going in someone's backyard, dirt must come out. For a vast majority
        of our projects we truck away ALL of this dirt. What does this mean for you? 100% totally free clean
        fill dirt, delivered and dumped where you want it!</p>
    <p>We install pools over central Ohio.</p>
    <p>Do you consistently need clean fill dirt? Or do you currently need around 90 yards of dirt?</p>
    <p>When we have dirt available in your area we will contact you with the delivery details.</p>
    <p>*** DUMP SITE MUST BE DUMP TRUCK ACCESSIBLE ***</p>

    <div class="row justify-content-center">
        <div class="col-12 col-md-6 formWrapper">
            {{ include('contact_and_quote_requests/_dirtForm.html.twig') }}
        </div>
    </div>
{% endblock %}

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

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

                event.preventDefault();

                $.ajax({
                    url: '{{ path('dirtFormSubmit') }}',
                    method: 'POST',
                    data: $('.dirtForm').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 %}