import('bootstrap');
import $ from 'jquery';

$(function () {
    const emailField = $('#shared_file_email')
    const emailEmpty = $('#output_email_empty')
    const guestEmailInput = $('#shared_file_guest_contact_guest')



    emailField.prop('required', true)

    emailField.on('input', function () {
        const email: string = emailField.val() as string
        const hasFile = $('#hasFile').val()
        if (email.length > 0 && hasFile == 1) {
            $('#submitbutton').prop('disabled', false)
        }
    })


    $('#submitbutton').on('click', function () {


        if (emailField.val() || guestEmailInput) {
            $('#submitbutton').prop('disabled', true)
            $('#spinner').show()
            $("#form-area").css({"opacity": "0.5"});

            if (guestEmailInput) {
                $('form[name="shared_file_guest"]').trigger('submit');
                $('form[name="shared_file"]').trigger('submit');
            } else {
                $('form[name="shared_file"]').trigger('submit');
            }

        }
        else {
            if (!emailField.val()) {
                $('#submitbutton').prop('disabled', true)
                if (window.location.href.indexOf("/de/") > -1) {
                    emailEmpty.html('<div class="alert alert-danger alert-dismissible fade show" role="alert" style="margin-top: -40px">Bitte Email-Adresse eintragen.<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>')
                }

                if (window.location.href.indexOf("/es/") > -1) {
                    emailEmpty.html('<div class="alert alert-danger alert-dismissible fade show" role="alert" style="margin-top: -40px">Introduzca una dirección de correo electrónico.<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>')
                }

                if (window.location.href.indexOf("/en/") > -1) {
                    emailEmpty.html('<div class="alert alert-danger alert-dismissible fade show" role="alert" style="margin-top: -40px">Please enter an email address.<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>')
                }
            }
        }
    })
})