@extends('layouts.frontend.master')

@section('title', 'Blank')

@section("content")

@endsection


<script>
    // €10 Monthly
    if ($(this).attr("value") === "€10 Monthly") {
        $("#yearly_range_group").hide();
        $("#one_time_range_group").hide();
        $("#monthly_range_group").fadeIn(1000);
        $(".selected_package").text('('+$(this).attr("data-title")+')');

        // Init
        $("#one_time_output").text(static_1_monthly_range.val());
        $("#final_unit_amount").text(static_1_monthly_range.val());
        $("#final_unit_amount_value").val(static_1_monthly_range.val());

        // Calculate Monthly Price
        let monthlyPrice = (static_1_monthly_range.val() / 5);
        $("#final_price").text(monthlyPrice);
        $("#final_price_value").val(monthlyPrice);

        // Calculate Yearly Inclusive CSR
        let monthlyInclusiveCsr = (static_1_monthly_range.val() * 10);
        $("#final_csr").text(monthlyInclusiveCsr);
        $("#final_csr_value").val(monthlyInclusiveCsr);

        // Mousemove
        $("#one_time_payment_range").mousemove(function () {
            $("#one_time_output").text(static_1_monthly_range.val());
            $("#final_unit_amount").text(static_1_monthly_range.val());
            $("#final_unit_amount_value").val(static_1_monthly_range.val());

            // Calculate Monthly Price
            let monthlyPrice = (static_1_monthly_range.val() / 5);
            $("#final_price").text(monthlyPrice);
            $("#final_price_value").val(monthlyPrice);

            // Calculate Monthly Inclusive CSR
            let monthlyInclusiveCsr = (static_1_monthly_range.val() * 10);
            $("#final_csr").text(monthlyInclusiveCsr);
            $("#final_csr_value").val(monthlyInclusiveCsr);
        })
    }


    // €50 Monthly
    if ($(this).attr("value") === "€50 Monthly") {
        $("#yearly_range_group").hide();
        $("#one_time_range_group").hide();
        $("#monthly_range_group").fadeIn(1000);
        $(".selected_package").text('('+$(this).attr("data-title")+')');

        // Init
        $("#one_time_output").text(monthly_range.val());
        $("#final_unit_amount").text(monthly_range.val());
        $("#final_unit_amount_value").val(monthly_range.val());

        // Calculate Monthly Price
        let monthlyPrice = (monthly_range.val() / 5);
        $("#final_price").text(monthlyPrice);
        $("#final_price_value").val(monthlyPrice);

        // Calculate Yearly Inclusive CSR
        let monthlyInclusiveCsr = (monthly_range.val() * 10);
        $("#final_csr").text(monthlyInclusiveCsr);
        $("#final_csr_value").val(monthlyInclusiveCsr);

        // Mousemove
        $("#one_time_payment_range").mousemove(function () {
            $("#one_time_output").text(monthly_range.val());
            $("#final_unit_amount").text(monthly_range.val());
            $("#final_unit_amount_value").val(monthly_range.val());

            // Calculate Monthly Price
            let monthlyPrice = (monthly_range.val() / 5);
            $("#final_price").text(monthlyPrice);
            $("#final_price_value").val(monthlyPrice);

            // Calculate Monthly Inclusive CSR
            let monthlyInclusiveCsr = (monthly_range.val() * 10);
            $("#final_csr").text(monthlyInclusiveCsr);
            $("#final_csr_value").val(monthlyInclusiveCsr);
        })
    }
</script>