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

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

{% block body %}
    <h1>Luxury Pools Opening Form</h1>
    <h2>Important: Read This First!</h2>
    <p style="font-weight:900;">The cost of a pool opening is $290.00, and must be prepaid after pool opening form submission. Pools with spa vessels will be an additional $90.00.*</p>
    <div class="row">
        <div class="col-12 col-md-6 border border-info">
            <h3>Here is what is included in your pool opening:</h3>
            <ul>
                <li>Fill pool to proper water level with client's hose.</li>
                <li>Remove and fold cover. (If you choose to do this yourself, the form will subtract $20)</li>
                <li>De-winterize pool and equipment.</li>
                <li>Start all equipment and test all for proper operation</li>
                <li>Check for drips and leaks. Replace standard O-rings as required.</li>
                <li>Reinstall ladders, handrails, return eyeballs, skimmer plugs, etc.</li>
                <li>Initial vacuum - If heavily soiled, may need additional work.</li>
                <li>Initial chemical application - Shock and balancing. - Typical quantities</li>
                <li>Note: Gizzmo and plugs will be left for storage.</li>
                <li>Clean up tools and trash.</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">
            <h3>What is <u>NOT</u> included:</h3>
            <ul>
                <li>Detailing pool or coping.</li>
                <li>Setting up or adjusting pool timers / deck jets / lighting.</li>
                <li>Getting water perfectly clear / balanced / swim ready.</li>
                <li>A very dirty pool / algae filled pool will require additional cleaning / treatment. (floc and shock)</li>
            </ul>
        </div>
    </div>
    <br>
    <p style="font-weight:900;">
        Note: Please make sure we have access to the pool, your hose to fill the pool, and your filter if it was kept on site.<br><br>
        *$290.00 (and additional $90.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 opening.
    </p>
    <div class="row">
        <div class="col-12 col-md-6 border border-info">
            <h3>Why can't you call ahead?</h3>
            <p>It is our policy to schedule for week OF so that we can work around weather and work load of that route as needed. We don't know what we are doing that day nor what side of the state we are going to often until that morning of that day. As we navigate these factors the route is dispatched first thing in the morning. It is these dynamics that make calling ahead unrealistic. As the day goes on....very often it becomes necessary to reroute or change the job order due to trouble or additional work on another site. This would then mean we are recalling all the remaining clients on the reroute to 'reschedule'.</p>
        </div>
        <div class="col-12 col-md-6 border border-info">
            <h3>Can you teach me how to open my pool?</h3>
            <p>Our techs are great techs....but they are not trainers. That's not being mean....they are just not the folks we would put in a training roll. They are also not able to get their work done if they spend additional hours at each pool on training. If you need some guidance or a refresher please let us know we would be happy to assist.</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 opening
            {{ include('support/_findClientForm.html.twig') }}
        </div>
        <div class="w-100"></div>
        <div class="col-12 col-md-8 col-lg-6 poolOpeningFormWrapper 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) {
                            $('.poolOpeningFormWrapper').html(data.poolOpeningForm);
                            $('.findClientStatus').html(data.message);
                            initializeDatepicker();
                        },
                        error: function (jqXHR) {
                            $('.findClientWrapper').html(jqXHR.responseText);
                            scrollToError();
                        }
                    });
                }
            });

            {# submit pool Opening #}
            $(document).on('submit', '.poolOpening', function (event) {
                event.preventDefault();
                $.ajax({
                    type: 'POST',
                    url: '{{ path('poolOpeningsSubmit') }}',
                    data: $('.poolOpening').serialize(),
                    dataType: 'json',
                    encode: true,
                    beforeSend: function () {
                        $('.poolOpeningFormWrapper button').prop('disabled', true).html('Please wait.');
                    },
                    success: function (data) {
                        $('.poolOpeningFormWrapper').html(data.confirmation);
                        $('.findClientWrapper').removeClass('bg-info').addClass('bg-success').addClass('text-white').html(data.message);
                    },
                    error: function (jqXHR) {
                        $('.poolOpeningFormWrapper').html(jqXHR.responseText);
                        var dateSelected = $('#pool_opening_form_dateRequested').val();
                        initializeDatepicker();
                        $('#dateSelector').datepicker('setDate', dateSelected);
                        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_opening_form_dateRequested",
                }).datepicker('setDate', getMinDate());
            }

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

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