@section('script')
    <script src="{{ mix('js/enterprise/challenges.js') }}"></script>
    <script>
        window.nel_buttons = {
            huawei : '{{ asset ("/assets/images/generic/icons/Huawei_App_Store.svg") }}',
            ios : '{{ asset ("/assets/images/generic/icons/Apple_App_Store.svg") }}',
            play : '{{ asset ("/assets/images/generic/icons/Google_Play_Store.svg") }}',
            facebook : '{{ asset ("assets/images/generic/icons/Icon_FB.png") }}',
            instagram : '{{ asset ("assets/images/generic/icons/Icon_Insta.png") }}',
            twitter : '{{ asset ("assets/images/generic/icons/Icon_Twitter.png") }}',
            tiktok : '{{ asset ("assets/images/generic/icons/Icon_Tiktok.png") }}',
            youtube : '{{ asset ("assets/images/generic/icons/Icon_Youtube.png") }}',
            whatsapp : '{{ asset ("assets/images/generic/icons/Icon_WA.png") }}',
            telegram : '{{ asset ("assets/images/generic/icons/Icon_Telegram.png") }}',
        };

    </script>
@append

@component(getPopupLayout(), ['id'=>'popup_challenge_list'])

    <h5>{{ __('heading.title_challenges') }}</h5>
    <div class="row px-2" id="challenge_list">
        <div class="spinner-border mx-auto my-5" role="status"><span class="sr-only">Loading...</span></div>
    </div>


@endcomponent