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

{% block title %}Pool Closings | {{ parent() }}{% endblock %}

{% block body %}
    <h1>Luxury Pools Closing Form</h1>
    <div class="row">
        <div class="col-12">
            <p style="font-weight:900;">The cost of a pool closing is $319.00, and must be prepaid after pool closing form submission. Pools with spa vessels will be an additional $149.00</p>
        </div>
        <div class="col-12 col-md-6 border border-info">
            <p style="font-weight:900;">Here is what is included in your pool closing:</p>
            <ul>
                <li>Removal of all ladders, handrails, etc.</li>
                <li>Winterize pump - remove plugs and store in strainer basket.</li>
                <li>Remove unused chlorine tablets and dispose.</li>
                <li>Winterize filter housing - filter will be treated with a cartridge filter detergent and power washed on site and left at equipment pad. Please store filter in a covered area over winter.</li>
                <li>Winterize salt chlorine generator, clean salt cell with acid mixture and reinstall.</li>
                <li>Winterize heater / heat pump.</li>
                <li>Remove wall return eyeballs (stored in pump strainer basket) and skimmer basket(s).</li>
                <li>Blow water out of all plumbing lines with air (including slides and water features) and install your solid winter plugs.</li>
                <li>Blow air into skimmer and install your 'gizzmo'.</li>
                <li>Blow air into drains and air lock lines.</li>
                <li>Turn off any unused breakers and disable timer(s).</li>
                <li>Add winterization chemical pack to pool water.</li>
                <li>Clean up tools and trash.</li>
                <li>Install winter cover.(If you choose to do this yourself, subtract $40)</li>
                <li>Auto Covers:
                    <ul>
                        <li>Clean vault of debris</li>
                        <li>Adjust open/close</li>
                        <li>Visual inspection of entire mechanism, advised to any parts needing replaced and, depending on availability, replacing on the spot.</li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="col-12 col-md-6 border border-info">
            <p style="font-weight:900;">What is <u>NOT</u> included:</p>
            <ul>
                <li>Coming back out because of locked gates or to install a cover that was not left out.
                </li>
                <li>Testing and balancing water chemistry.</li>
                <li>Vacuuming / cleaning / getting leaves out / detailing the pool.</li>
                <li>Any winterizing plugs, gizmo or antifreeze that are needed and not on site will be charged to the customer - water sheers will require 1 gallon antifreeze per sheer.
                </li>
            </ul>
        </div>
        <div class="col-12 mt-4">
            <p style="font-weight:900;">
                *319.00 (and additional $149.00) is before options and tax and based on clients within 50 miles. $1.25 per mile one way
                will be charged to clients after 50 miles, along with any extra and additional materials
                needed during the closing.
                <br><br>
                <span style="font-size:150%;color:red;">
                We are unable to schedule specific days or times for closing.<br>
                You will be scheduled for a specific week only.<br>
                No call aheads can be provided.<br>
                No "training" provided. Our techs are not equipped or qualified to train you on closing procedures.<br>
                Learn how to close your pool with a <u>winter cover</u> here -> <a target="_blank" href="https://www.youtube.com/watch?v=7WJG8CJ_uvg?rel=0">Part 1</a> | <a target="_blank" href="https://www.youtube.com/watch?v=B8FmmLVrnVw?rel=0">Part 2</a><br>
                Learn how to close your pool with a <u>retractable cover</u> here -> <a target="_blank" href="https://www.youtube.com/watch?v=eMhDMJ8YsDc?rel=0">Part 1</a>
                </span>
                <br><br>
                ** Due to weather, construction schedule, number of closings, proximity of closings to one another, etc. <u style="color:red;">We are unable to schedule specific days and/or times of closings.</u> Please have pool ready for closings by Sunday before your scheduled week.
            </p>
        </div>
    </div>
    <div class="row justify-content-center">
        <div class="col-12 col-md-8 col-lg-6 findClientWrapper bg-info p-2 text-center">
            Existing Client Lookup (required)
            <br>
            Enter in the required fields below to schedule your pool closing
            {{ include('support/_findClientForm.html.twig') }}
        </div>
        <div class="w-100"></div>
        <div class="col-12 col-md-8 col-lg-6 poolClosingFormWrapper p-2"></div>
    </div>
{% endblock %}

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

            {# search for existing client #}
            $('.findClient input').keyup(function () {
                if (($('.findClient-houseNumber').val().length > 0) && ($('.findClient-lastName').val().length > 2)) {
                    $.ajax({
                        type: 'POST',
                        url: '{{ path('checkForClient', { 'referrer' : app.request.attributes.get('_route') }) }}',
                        data: $('.findClient').serialize(),
                        dataType: 'json',
                        encode: true,
                        beforeSend: function () {
                            $('.findClientStatus').html('<div class="help-block text-center bg-warning p-1">Please wait while we look up your pool.</div>');
                        },
                        success: function (data) {
                            $('.poolClosingFormWrapper').html(data.poolClosingForm);
                            $('.findClientStatus').html(data.message);
                            initializeDatepicker();
                        },
                        error: function (jqXHR) {
                            $('.findClientWrapper').html(jqXHR.responseText);
                            scrollToError();
                        }
                    });
                }
            });

            /* create an array of days which need to be disabled */
            var disabledDates = ["4-23-2018", "4-30-2018", "5-7-2018", "5-14-2018"];
            var disabledWeekdays = [2, 3, 4, 5];

            function getMinDate() {
                var date = new Date();
                while (!DisableSpecificDates(date)[0]) {
                    date.setDate(date.getDate() + 1);
                }
                return date;
            }

            function DisableSpecificDates(date) {
                var currentdate = (date.getMonth() + 1) + '-' + date.getDate() + '-' + date.getFullYear();
                // We will now check if the date belongs to disableddates array
                if ($.inArray(currentdate, disabledDates) > -1) {
                    return [false];
                }
                if ($.inArray(date.getDay(), disabledWeekdays) > -1) {
                    return [false];
                }
                // In case the date is not present in disabled array, we will now check if it is a weekend.
                return $.datepicker.noWeekends(date);
            }

            function initializeDatepicker() {
                $('#dateSelector').datepicker({
                    beforeShowDay: DisableSpecificDates,
                    minDate: '+10D',
                    altField: "#pool_closing_form_dateRequested",
                }).datepicker('setDate', getMinDate());
            }

            {# submit pool closing #}
            $(document).on('submit', '.poolClosing', function (event) {
                event.preventDefault();
                $.ajax({
                    type: 'POST',
                    url: '{{ path('poolClosingsSubmit') }}',
                    data: $('.poolClosing').serialize(),
                    dataType: 'json',
                    encode: true,
                    beforeSend: function () {
                        $('.poolClosingFormWrapper button').prop('disabled', true).html('Please wait.');
                    },
                    success: function (data) {
                        $('.poolClosingFormWrapper').html(data.confirmation);
                        $('.findClientWrapper').removeClass('bg-info').addClass('bg-success').addClass('text-white').html(data.message);
                    },
                    error: function (jqXHR) {
                        $('.poolClosingFormWrapper').html(jqXHR.responseText);
                        var dateSelected = $('#pool_closing_form_dateRequested').val();
                        initializeDatepicker();
                        $('#dateSelector').datepicker('setDate', dateSelected);
                        scrollToError();
                    },
                });
            });

            $(document).on('click', '.emailMyConfirmation', function (event) {
                event.preventDefault();
                $.get('{{ path('emailMyConfirmation', {'type':'closing'}) }}' + '/' + $(this).data('confirmation'), function () {
                    alert('Email sent!');
                });
            });

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