/*
 * Welcome to your app's main JavaScript file!
 *
 * We recommend including the built version of this JavaScript file
 * (and its CSS file) in your base layout (base.html.twig).
 */

// any CSS you import will output into a single css file (app.css in this case)
import './styles/app.scss';

const $ = require('jquery');
// start the Stimulus application
require('bootstrap');

// Fontawesome
import '@fortawesome/fontawesome-free/js/fontawesome'
import '@fortawesome/fontawesome-free/js/solid'
import '@fortawesome/fontawesome-free/js/regular'
import '@fortawesome/fontawesome-free/js/brands'

// Friendly captcha
import { WidgetInstance } from 'friendly-challenge';

function doneCallback(solution) {
    $('#registration_form_captcha_solution').val(solution);
}

const element = document.querySelector('#captcha');
const options = {
    doneCallback: doneCallback,
    sitekey: 'FCMVL79DP1G5K1K0',
}
const widget = new WidgetInstance(element, options);
widget.start()

// Dsiplay Filename when uploading
document.querySelector('.custom-file-input').addEventListener('change', function (e) {
    var fileName = document.getElementById('offering_form_photo').files[0].name;
    var nextSibling = e.target.nextElementSibling
    nextSibling.innerText = fileName
})

// Cookie-consent
import 'cookie-notice/dist/cookie.notice.min.js'