2022-10-07 03:25:34 +00:00
< script defer src = "{{'js/award_modal.js' | asset}}" > < / script >
2022-05-04 23:09:46 +00:00
< div class = "modal fade" id = "awardModal" tabindex = "-1" role = "dialog" aria-labelledby = "awardModalTitle" aria-hidden = "true" >
2022-10-06 21:16:16 +00:00
< div class = "modal-dialog modal-dialog-scrollable modal-dialog-centered awardmodal pt-5" role = "document" >
2022-05-04 23:09:46 +00:00
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title" > Give Award< / h5 >
2022-10-28 23:35:14 +00:00
< button type = "button" class = "close" data-bs-dismiss = "modal" aria-label = "Close" >
2022-09-08 17:24:00 +00:00
< span aria-hidden = "true" > < i class = "far fa-times" > < / i > < / span >
2022-05-04 23:09:46 +00:00
< / button >
< / div >
< div id = "awardModalBody" class = "modal-body mb-3" >
2022-10-07 03:25:34 +00:00
< div class = "card-columns award-columns awards-wrapper" >
{% for award in v.user_awards %}
2022-11-21 23:08:29 +00:00
< div data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "{{award.description}}" id = "{{award.kind}}" class = "card" onclick = "pick('{{award.kind}}', {{award.price}}*{{v.discount}} <= {{v.marseybux}}, {{award.price}}*{{v.discount}} <= {{v.coins}})" >
2022-10-07 03:25:34 +00:00
< i class = "{{award.icon}} {{award.color}}" > < / i >
< div class = "pt-2" style = "font-weight: bold; font-size: 14px; color:#E1E1E1" > {{award.title}}< / div >
< div class = "text-muted" > < span id = "{{award.kind}}-owned" > {{award.owned}}< / span > owned< / div >
2022-10-29 00:00:27 +00:00
< / div >
2022-10-07 03:25:34 +00:00
{% endfor %}
{% if v.user_awards|length % 2 %}
2022-10-29 00:00:27 +00:00
< div class = "card disabled d-md-none" style = "border:none" >
2022-10-07 03:25:34 +00:00
< i class = "fas fa-volume-mute" style = "opacity:0" > < / i >
< div class = "pt-2" style = "font-weight: bold; font-size: 14px; color:#E1E1E1" > < / div >
< div class = "text-muted" > < / div >
2022-10-29 00:00:27 +00:00
< / div >
2022-10-07 03:25:34 +00:00
{% endif %}
< / div >
< label id = "notelabel" for = "note" class = "pt-4" > Note (optional):< / label >
< input autocomplete = "off" id = "kind" value = "" hidden >
< textarea autocomplete = "off" id = "note" maxlength = "200" class = "form-control" placeholder = "Note to include in award notification..." > < / textarea >
< input autocomplete = "off" id = "giveaward" class = "awardbtn btn btn-primary mt-3" style = "float:right" type = "submit" onclick = "giveaward(this)" value = "Give Award" data-bs-dismiss = "modal" disabled >
2022-08-06 02:03:10 +00:00
2022-11-21 23:08:29 +00:00
< button type = "button" id = "buy1" class = "awardbtn btn btn-primary mt-3 mx-3 {% if not FEATURES['MARSEYBUX'] %}d-none{% endif %}" disabled style = "float:right" data-click = "buy(true)" onclick = "areyousure(this)" > Buy with marseybux< / button >
2022-08-06 02:03:10 +00:00
2022-10-28 23:35:14 +00:00
< button type = "button" id = "buy2" class = "awardbtn btn btn-primary mt-3" disabled style = "float:right" data-click = "buy()" onclick = "areyousure(this)" > Buy< / button >
2022-05-04 23:09:46 +00:00
< / div >
< / div >
< / div >
< div class = "toast" id = "toast-post-success2" style = "position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 1000" role = "alert" aria-live = "assertive" aria-atomic = "true" data-bs-animation = "true" data-bs-autohide = "true" data-bs-delay = "5000" >
< div class = "toast-body bg-success text-center text-white" >
< i class = "fas fa-comment-alt-smile mr-2" > < / i > < span id = "toast-post-success-text2" > Action successful!< / span >
< / div >
< / div >
< div class = "toast" id = "toast-post-error2" style = "position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 1000" role = "alert" aria-live = "assertive" aria-atomic = "true" data-bs-animation = "true" data-bs-autohide = "true" data-bs-delay = "5000" >
< div class = "toast-body bg-danger text-center text-white" >
< i class = "fas fa-exclamation-circle mr-2" > < / i > < span id = "toast-post-error-text2" > Error, please try again later.< / span >
< / div >
< / div >
< / div >