{{--

Name: company.partials.jscript
Author: AL
Created: 2015-09-08


Updated by: AL (2015-10-28)
Description: Company edit javascripts

--}}

    <script>

        var default_plan = {{ $package_index - 1 }};

        $("input[data=package_chooser]").ionRangeSlider({
            type: "single",
            grid: true,
            from: {{ $package_index - 1 }},
            from_min: {{ $min_receiver - 1 }},
            from_shadow: true,
            // postfix: " {!! Lang::get('company.receivers') !!}",
            // prefix: " 150",
            max_postfix: " +",
            keyboard: true,
            values: [
                @foreach($packages as $package)
                    {{ $package['max_receivers'] }},
                @endforeach
            ],

            // Get correct details
            onStart: function (data) {
                $("input[data=name]").val(getPackage($('input[data=package_chooser]').prop("value"), 'name'));
                $("input[data=receivers]").val(getPackage($('input[data=package_chooser]').prop("value"), 'receiver_count'));
                $("input[data=sendouts]").val(getPackage($('input[data=package_chooser]').prop("value"), 'sendouts'));
                $("input[data=cost]").val(getPackage($('input[data=package_chooser]').prop("value"), 'cost'));
            },
            onFinish: function (data) {
                $("input[data=name]").val(getPackage($('input[data=package_chooser]').prop("value"), 'name'));
                $("input[data=receivers]").val(getPackage($('input[data=package_chooser]').prop("value"), 'receiver_count'));
                var receiver_count = getPackage($('input[data=package_chooser]').prop("value"), 'receiver_count');
                $("input[data=sendouts]").val(getPackage($('input[data=package_chooser]').prop("value"), 'sendouts'));
                $("input[data=cost]").val(getPackage($('input[data=package_chooser]').prop("value"), 'cost'));
                //BH 2016-04-19
                //when the user has dropped the slider we update with some helpful information
                $('.new_monthlycost').fadeOut(function(){
                    $('.new_monthlycost').html(getPackage($('input[data=package_chooser]').prop("value"), 'cost') + 'kr/mån').fadeIn();
                });

                $('.new_receiveramount').fadeOut(function(){
                    $('.new_receiveramount').html(receiver_count - parseInt($('.remaining_receivers').html().replace(/\s/, '')) ).fadeIn();
                });
                // console.log(getPackage($('input[data=package_chooser]').prop("value"), 'cost'));
                //end BH

                // Check if to show reset to default button
                if (default_plan != getPackage($('input[data=package_chooser]').prop("value"), 'index')) {
                    $("a[data=default_plan]").removeClass('hidden');
                    $('.new-stats').slideDown();
                } else {
                    $("a[data=default_plan]").addClass('hidden');
                }
            }
        });

        // Save slider to var
        var slider = $("input[data=package_chooser]").data("ionRangeSlider");

        // Get package that fits for slider amount
        function getPackage(receivers, type) {
            var packages = [];
                {{ $i = 0 }}
                @foreach($packages as $package)
                    packages["{{ $package['max_receivers'] }}"] =
                        {
                            index: {{ $i++ }},
                            id: {{ $package['id'] }},
                            name: "{{ $package['name'] }}",
                            receiver_count: {{ $package['max_receivers'] }},
                            sendouts: {{ $package['max_email_sendouts'] ?? "{!! Lang::get('company.unlimited') !!}" }},
                            cost: {{ $package['monthly_cost'] }}
                        };
                @endforeach

            // Return correct value for type
            if (type == 'name') {
                return packages[receivers].name;
            } else if (type == 'receiver_count') {
                // If max receiver count, show button for custom deals
                if (packages[receivers].receiver_count == packages[packages.length - 1].receiver_count) {
                    $('a[data="custom_plan"]').removeClass('hidden');
                } else {
                    $('a[data="custom_plan"]').addClass('hidden');
                }
                return packages[receivers].receiver_count;
            } else if (type == 'sendouts') {
                if (packages[receivers].sendouts == 0) {
                    return "{!! Lang::get('company.unlimited') !!}";
                } else {
                    return packages[receivers].sendouts;
                }
            } else if (type == 'cost') {
                return packages[receivers].cost;
            } else if (type == 'index') {
                return packages[receivers].index;
            } else {
                return false;
            }
        };

        @if(str_contains(Request::URL(), 'account'))
            // Reset to default button
            $("a[data=default_plan]").click(function() {
                slider.reset();
                $("input[data=name]").val(getPackage($('input[data=package_chooser]').prop("value"), 'name'));
                $("input[data=receivers]").val(getPackage($('input[data=package_chooser]').prop("value"), 'receiver_count'));
                $("input[data=sendouts]").val(getPackage($('input[data=package_chooser]').prop("value"), 'sendouts'));
                $("input[data=cost]").val(getPackage($('input[data=package_chooser]').prop("value"), 'cost'));
                $("a[data=default_plan]").addClass('hidden');
                $('.new-stats').slideUp();
            });
        @endif

        // Confirmation dialog if not default value
        $("input[type=submit]").click(function(event) {
            if (!$("a[data=default_plan]").hasClass('hidden')) {
                event.preventDefault();
                swal({
                    title: "{!! Lang::get('company.alert.updatePackageTitel') !!}",
                    text: "{!! Lang::get('company.alert.updatePackageContent') !!}",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonText: "{!! Lang::get('company.alert.updatePackageConfirm') !!}",
                    cancelButtonText: "{!! Lang::get('company.alert.updatePackageCancel') !!}"
                }).then(function(status) {
                    if (status.dismiss !== 'cancel') {
                        $('#editForm').submit();
                    }
                });
            }
        });

        // Confirmation dialog if deactivating account
        $("input[data=deactivate-confirm]").click(function(event) {
            event.preventDefault();
            swal({
                title: "{!! Lang::get('company.alert.deactivateTitel') !!}",
                text: "{!! Lang::get('company.alert.deactivateContent') !!}",
                type: "warning",
                confirmButtonColor: "#fd5959",
                showCancelButton: true,
                confirmButtonText: "{!! Lang::get('company.alert.deactivateConfirm') !!}",
                cancelButtonText: "{!! Lang::get('company.alert.deactivateCancel') !!}"
            }).then(function(status) {
                if (status.dismiss !== 'cancel') {
                    $('#editForm').append('<input type="hidden" name="deactivate" value="1">');
                    $('#editForm').submit();
                }
            });
        });

        // Confirmation dialog if activating account
        $("input[data=activate-confirm]").click(function(event) {
            event.preventDefault();
            swal({
                title: "{!! Lang::get('company.alert.activateTitel') !!}",
                text: "{!! Lang::get('company.alert.activateContent') !!}",
                type: "warning",
                showCancelButton: true,
                confirmButtonText: "{!! Lang::get('company.alert.activateConfirm') !!}",
                cancelButtonText: "{!! Lang::get('company.alert.activateCancel') !!}"
            }).then(function(status) {
                if (status.dismiss !== 'cancel') {
                    $('#editForm').append('<input type="hidden" name="activate" value="1">');
                    $('#editForm').submit();
                }
            });
        });


        {{-- Show if in admin panel --}}
        @if(str_contains(Request::URL(), 'admin'))
            // Package selector
            $("#package_chooser").change(function() {
                packageAjax();
            })
            // Run ajax call to fetch details
            function packageAjax() {
                var id = $("select[data=package_dropdown] option:selected").val();
                $.ajax({
                    method: "POST",
                    url: "{{ url('package/fetch') }}"+"/"+id,
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}
                })
                .success(function(data) {
                    emailSendout = data.max_email_sendouts;
                    receiver = data.max_receivers;
                    monthlyCost = data.monthly_cost;
                    $("input[data=sendouts]").val(data.max_email_sendouts);
                    $("input[data=receivers]").val(data.max_receivers);
                    $("input[data=cost]").val(data.monthly_cost);
                    console.log(data.monthly_cost);

                    // Check if to show reset to default button
                    if (default_plan != getPackage($('select[data=package_dropdown]').val(), 'index')) {
                        $("a[data=default_plan]").removeClass('hidden');
                    } else {
                        $("a[data=default_plan]").addClass('hidden');
                    }
                });
            };

            // Reset to default button
            $("a[data=default_plan]").click(function() {

                // Remove currently selected selection status
                $('select[data=package_dropdown] option[value="'+$('select[data=package_dropdown]').val()+'"]').attr('selected', false);
                // Add selected status to default one
                $('select[data=package_dropdown] option:eq('+default_plan+')').attr('selected', 'selected');
                // Update select value to default option
                $('select[data=package_dropdown]').val($('select[data=package_dropdown] option:eq('+default_plan+')').val());
                // Update values
                packageAjax();
                $("a[data=default_plan]").addClass('hidden');
            });

            // Pin/Unpin comments
            $('.pinned').click(function() {
                var commentDiv = $(this).closest(".row");
                var pin = $(this);
                var commentId = $(this).attr('data-id');

                $.ajax({
                    method: "PUT",
                    url: "{{ url('admin/comment/company/pin') }}"+"/"+commentId,
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}
                })
                    .success(function() {
                        pin.closest('.panel').toggleClass('panel-success');
                        pin.closest('.panel').toggleClass('panel-default');

                        // Reorder comments when pinned/unpinned
                        $("#comments .row").sort(function(a,b) {
                            // If is pinned, put it first
                            if ($(a).find('.panel').hasClass('panel-success') && $(b).find('.panel').hasClass('panel-default')) {
                                return -1;
                            } else if ($(a).find('.panel').hasClass('panel-default') && $(b).find('.panel').hasClass('panel-success')) {
                                return 1;
                            } else {
                                return $(a).find('.pinned').data('id') > $(b).find('.pinned').data('id') ? 1 : -1;
                            }
                        }).appendTo("#comments");
                    });
            });
        @endif

        @can('_companyEdit')
        // Set date button to set this date
        $("#set_today_date").click(function() {
            $("#expire-time").val("{{ date('Y-m-d') }}");
        });

        $(document).ready(function(){
            jQuery('#expire-time').datetimepicker({
                format:'Y-m-d',
                timepicker:false,
            });
        });
        @endif

        // Disable list dropdown if we are creating a new
        setInterval(function(){
            if($('[data-event="isEmpty"]').val() == ""){
                $('[data-event="disable"]').attr('readonly', false);
            }else{
                $('[data-event="disable"]').val('-1');
                $('[data-event="disable"]').attr('readonly', true);
            }
        }, 500);

    </script>