<!DOCTYPE html>
<html lang="zxx" class="js">
<head>
<base href="../">
<meta charset="utf-8">
<meta name="author" content="InQuize / Softnio">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{% if post %}
<title>InQuize | {{ post.title }}</title>
<meta name="description" content="{% if post.description %} {{ post.description }} {% endif %}">
<meta property="og:type" content="article" />
<meta property="og:title" content="InQuize | {{ post.title }}<" />
<meta property="og:description" content="{% if post.description %} {{ post.description }} {% endif %}" />
<meta property="og:url" content="{% if post.shortDynamicLink %} {{ post.shortDynamicLink }} {% endif %}" />
<meta property="og:site_name" content="InQuize" />
{% elseif program %}
<title>InQuize | {{ program.name }}</title>
<meta name="description" content="{% if program.about %} {{ program.about }} {% endif %}">
<meta property="og:type" content="article" />
<meta property="og:title" content="InQuize | {{ program.name }}<" />
<meta property="og:description" content="{% if program.about %} {{ program.about }} {% endif %}" />
<meta property="og:url" content="{% if program.shortDynamicLink %} {{ program.shortDynamicLink }} {% endif %}" />
<meta property="og:site_name" content="InQuize" />
{% elseif media %}
<title>InQuize | {{ media.name }}</title>
<meta name="description" content="{% if media.about %} {{ media.about }} {% endif %}">
<meta property="og:type" content="article" />
<meta property="og:title" content="InQuize | {{ media.name }}<" />
<meta property="og:description" content="{% if media.about %} {{ media.about }} {% endif %}" />
<meta property="og:url" content="{% if media.shortDynamicLink %} {{ media.shortDynamicLink }} {% endif %}" />
<meta property="og:site_name" content="InQuize" />
{% else %}
<title>InQuize | Publishing Dashboard</title>
<meta name="description" content="InQuize is a latter-day approach for individuals to engage with any content in real time and the first go-to source for media and content creators who want to enhance their businesses efficiently.">
{% endif %}
<link rel="shortcut icon" href="{{ asset('assets/images/favicon.png') }}">
<!-- StyleSheets -->
<link rel="stylesheet" type="text/css" href="{{ absolute_url(asset('assets/css/libs/tabler-icons.css')) }}">
<link rel="stylesheet" href="{{ absolute_url(asset('assets/css/libs/tabler-icons.min.css')) }}">
<link rel="stylesheet" href="{{ absolute_url(asset('assets/css/dashlite.css?ver=2.9.1')) }}">
<link id="skin-default" rel="stylesheet" href="{{ absolute_url(asset('assets/css/theme.css?ver=2.9.1')) }}">
<link rel="stylesheet" href="{{ absolute_url(asset('assets/css/skins/theme-inquize.css')) }}">
</head>
<body class="nk-body bg-white npc-landing ">
<div class="nk-app-root">
<!-- main @s -->
<div class="nk-main ">
<header class="header has-header-main-s1 bg-lighter" id="home">
<div class="header-main header-main-s1 is-sticky is-transparent">
<div class="container header-container">
<div class="d-flex justify-content-between pt-2">
<div class="header-logo">
<a href="{{ absolute_url(path('app_login')) }}" class="logo-link">
<img class="w-100px" src="{{ asset('assets/images/logo-inquize-landing.png') }}" alt="Logo InQuize">
</a>
</div>
<div>
<span class="mr-1">Publisher ? </span><a href="{{ absolute_url(path('app_login')) }}" class="btn btn-primary">Log in</a>
</div>
</div><!-- .header-warp-->
</div><!-- .container-->
</div><!-- .header-main-->
<div class="header-content my-auto py-5 mt-n1">
<div class="container">
<div class="row flex-lg-row-reverse align-items-center g-gs">
{% if home %}
<div class="col-lg-12 col-md-12 justify-content-center">
<div class="w-100 text-center my-3"><h1>Welcome to InQuize !</h1></div>
<div class="fs-24px text-wrap text-center fw-bold">Already a Publisher ?</div>
<div class="text-center my-2"><a href="{{ absolute_url(path('app_login')) }}" class="btn btn-primary btn-xl w-40 btn-block">Log in</a></div>
<div class="fs-24px text-wrap text-center fw-bold">Not yet ? To Start your journey, Just download our Mobile App</div>
<div class="d-flex justify-content-center my-2">
<a href="#" class="btn disabled" style="cursor: not-allowed;" disabled ><img src="{{ asset('assets/images/btns/app-store-1.png') }}"></a>
<a href="https://play.google.com/store/apps/details?id=com.inquize.app" class="btn"><img src="{{ asset('assets/images/btns/play-store-2.png') }}"></a>
</div>
</div>
{% else %}
{% if post %}
<div class="col-lg-8 col-md-12 justify-content-center">
<div class="w-100 my-2"><h1>Welcome to InQuize !</h1></div>
<div class="fs-30px text-wrap">You have reached this page because you followed a link shared by:</div>
{% if program %}
<div class="text-center my-2 text-center"><span class="fs-30px fw-bold">{{ post.program.name }}</span><span class="fs-30px"> from </span><span class="fs-30px fw-bold">{{ post.media.name }}</span></div>
{% else %}
<div class="fs-30px fw-bold text-wrap my-2 text-center">{{ post.media.name }}</div>
{% endif %}
<div class="fs-30px text-wrap">To participate to this Post,</div>
<div class="fs-30px fw-bold text-center">Just download our App</div>
<div class="d-flex justify-content-center my-2">
<a href="#" class="btn disabled" style="cursor: not-allowed" disabled><img src="{{ asset('assets/images/btns/app-store-1.png') }}"></a>
<a href="https://play.google.com/store/apps/details?id=com.inquize.app" class="btn"><img src="{{ asset('assets/images/btns/play-store-2.png') }}"></a>
</div>
</div>
<div class="col-lg-4 col-md-12 modal-sm justify-content-center">
<div class="modal-content m-2" style="max-width: 360px">
<div class="modal-body p-0" >
<div class="row m-2 d-flex flex-row justify-content-between">
<div class="d-flex flex-row">
<div class="mr-2 ">
{% if post.media.logo %}
<img type="media" class="post-inq-logo border border-light" src="{{ asset(post.media.logo) }}">
{% else %}
<img type="media" class="post-inq-logo border border-light" src="{{ asset('../logo-default.png')}}">
{% endif %}
</div>
<div class="d-flex flex-column justify-content-center">
<div class="post-inq-title ">{{ post.media.name }}</div>
<div class="post-inq-url ">@{{ post.media.url }}</div>
</div>
</div>
<div class="d-flex flex-column">
{% if post.program %}
<div class="">
{% if post.program.logo %}
<img type="program" class="post-inq-logo border border-light" src="{{ asset(post.program.logo) }}">
{% else %}
<img type="program" class="post-inq-logo border border-light" src="{{ asset('../logo-default.png')}}">
{% endif %}
</div>
{% endif %}
</div>
</div>
{% set stylePost="" %}
{% set css="my-1 d-flex col-md-12 px-0" %}
{% set content="" %}
{% set icon=''%}
<div class="row m-0">
{% if post.type == 'vote' %}
{% set icon='<i class="ti ti-check"></i>' %}
{% elseif post.type == 'donation' %}
{% set icon='<i class="ti ti-candle"></i>' %}
{% elseif post.type == 'game' %}
{% set icon='<i class="ti ti-device-gamepad"></i>' %}
{% elseif post.type == 'poll' %}
{% set icon='<i class="ti ti-chart-bar"></i>' %}
{% elseif post.type == 'quiz' %}
{% set icon='<i class="ti ti-question-mark"></i>' %}
{% endif %}
{% if post.IsColor == 1 %}
{% set stylePost="background-color:"~ post.backgroundColor ~";color:"~ post.textColor ~";" %}
{% set css=css~" "~"p-auto justify-content-center post-inq post-inq-icon align-items-center" %}
{% set content="<span>"~ post.content ~"</span>" %}
<div class="{{ css }}" style="{{ stylePost }}">
{% autoescape false %}
{{ content }}
{{ icon }}
{% endautoescape %}
</div>
{% elseif post.IsColor == 0 %}
{# {% set content='<img class="poster-inq" src="post/1/poster/poster.jpeg" />' %}#}
{% set css=css~" "~"p-auto justify-content-center post-inq post-inq-icon align-items-center" %}
<div class="{{ css }} post-inq-icon" style="{{ stylePost }}">
{% autoescape false %}
<img class="poster-inq" src="{{ absolute_url(asset(post.poster)) }}"/>
{{ icon }}
{% endautoescape %}
</div>
{% endif %}
</div>
<div class="col-md-12">
<div class="d-flex justify-content-end">
<script>
function ticTac(mn, s, target) {
this.isTicTac = true;
let ticTac = setInterval(() => {
s -= 1;
if (s < 0) {
if (mn > 0) {s = 59;}
mn -= 1;
if (mn < 0) {
mn = 0;
}
}
if (s == 0 && mn == 0) { this.remainingTime = "Stopped"; clearInterval(ticTac); document.getElementById(target).innerHTML = this.remainingTime; }
else {
this.remainingTime = "-" + mn + " minutes" + " " + s + " seconds";
document.getElementById(target).innerHTML = this.remainingTime;
return this.remainingTime;
}
}, 1000);
}
function getRemainingTime(seconds, target) {
// var seconds = 720025;
let minutes = 1000 * 60;
let hours = minutes * 60;
let days = hours * 24;
let monthes = days * 30;
let years = monthes * 12;
let y = Math.floor(seconds / years);
let m = Math.floor((seconds - (y * years)) / monthes);
let d = Math.floor((seconds - (y * years) - (m * monthes)) / days);
let h = Math.floor((seconds - (y * years) - (m * monthes) - (d * days)) / hours);
let mn = Math.floor((seconds - (y * years) - (m * monthes) - (d * days) - (h * hours)) / minutes);
let s = Math.floor((seconds - (y * years) - (m * monthes) - (d * days) - (h * hours) - (mn * minutes)) / 1000);
//console.log("y " + y + " m " + m + " d " + d + " h " + h + " mn " + mn + " s " + s);
// y = 0; m = 0; d = 0; h = 0; mn = 15; s = 30;
let remainingTime = "";
if (y > 0) { remainingTime = "-" + y + " years" + " " + m + " monthes";}
else if (m > 0) { remainingTime = "-" + m + " monthes" + " " + d + " days"; }
else if (d > 0) { remainingTime = "-" + d + " days" + " " + h + " hours"; }
else if (h > 0) { remainingTime = "-" + h + " hours" + " " + mn + " minutes"; }
else { this.ticTac(mn, s, target);
}
document.getElementById(target).innerHTML = remainingTime;
return remainingTime;
}
</script>
{# Calcul temps restant #}
{% if post.is24h %}
{% set dateInSeconds = (post.dateTo|date("U") - "now"|date("U") + "1970-01-01 23:59:59"|date("Y-m-d H:i:s", "UTC")|date("U"))*1000 %}
{% else %}
{% set dateInSeconds = (post.dateTo|date("U") - "now"|date("U") + post.timeTo|date("U"))*1000 %}
{% endif %}
<div class="align-center"><span class="post-inq-time" id="time-{{ post.id }}">{% if dateInSeconds > 0 %}<script>getRemainingTime({{dateInSeconds}}, "time-{{ post.id }}");</script>{% else %}Ended{% endif %}</span><i class="ti ti-clock ml-2 post-inq-time-icon"></i></div>
</div>
</div>
<div class="m-2">
<div class="post-title-description d-flex flex-row ">
<span>
<span class="post-title">{{ post.title }}</span>
<span class="post-description">{{ post.description|length > 150 ? post.description|slice(0, 150) ~ '...' : post.description }}</span>
</span>
</div>
</div>
</div>
</div>
</div>
{% elseif program %}
<div class="col-lg-8 col-md-12 justify-content-center">
<div class="w-100 my-2"><h1>Welcome to InQuize !</h1></div>
<div class="fs-30px text-wrap">You have reached this page because you followed a link shared by:</div>
<div class="text-center my-2 text-center"><span class="fs-30px fw-bold">{{ program.name }}</span><span class="fs-30px"> from </span><span class="fs-30px fw-bold">{{ program.media.name }}</span></div>
<div class="fs-24px text-wrap">To Access full profile, </div>
<div class="fs-30px fw-bold">Just download our App</div>
<div class="d-flex justify-content-center my-2">
<a href="#" class="btn disabled" style="cursor: not-allowed;" disabled ><img src="{{ asset('assets/images/btns/app-store-1.png') }}"></a>
<a href="https://play.google.com/store/apps/details?id=com.inquize.app" class="btn"><img src="{{ asset('assets/images/btns/play-store-2.png') }}"></a>
</div>
</div>
<div class="col-lg-4 col-md-12 modal-sm">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">
@{{ (program.url|length > 20 ? program.url|slice(0, 20) ~ '…' : program.url) }}
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><em class="ti ti-x icon"></em></span>
</button>
</div>
<div class="modal-body">
<div class="row d-flex justify-content-between">
<div class="col-md-3">
<div class="user-avatar lg border border-light bg-transparent">
<img class="" src="{{ asset(program.logo) }}" alt=""/>
</div>
</div>
<!-- MKB:24/12/2021 Calcule nombre de post par media -->
<div class="col-md-3">
<div class="text-center fw-bold"> {{ program.posts|length }}</div>
<div class="text-center">Posts</div>
</div>
<!-- MKB:24/12/2021 Calcule nombre de followers par media -->
<div class="col-md-3">
<div class="text-center fw-bold">{{ program.nbrFollowers }}</div>
<div class="text-center">Followers</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="fw-bold">{{ program.name }}</div>
<div>{{ program.genre }}</div>
</div>
<div class="my-1 col-md-12 d-flex justify-content-between" id="mobileAppPreviewButtons">
<a href="#" class="d-block btn btn-sm btn-pink-inq w-45 btn-head-profiles disabled" disabled>Follow</a>
<a href="#" class="btn d-block btn-sm btn-light w-45 btn-head-profiles disabled" disabled>Message</a>
</div>
<div class="col-md-12">
<div class="d-flex justify-content-between">
<div class="d-flex align-items-center">
<div class="user-avatar sq border border-light rounded mr-2 bg-transparent p-2">
<img class="" src=" {{ asset(program.media.logo ) }}" alt="{{ program.media.name }}"/>
</div>
<div class="fw-bold">{{ program.media.name }}</div>
<div class="px-2">
<div class="fw-bold">
...
</div>
{% if program.is24h %}<div> 24 hours Broadcast.</div> {% else %}
<div>from {{ program.dateFrom|date('H:i') }} to {{ program.dateTo|date('H:i') }}</div>
{% endif %}
</div>
</div>
</div>
<div class="d-flex flex-column">
{% if program.crews %}
<div class="fw-bold">
Crew
</div>
{% endif %}
</div>
<div class="row col-md-12 d-flex flex-column">
{% if program.website is not empty %}
<div><em class="icon ti ti-arrow-up-right"></em><span class="fw-bold">{{ program.website }}</span></div>{% endif %}
<div data-parent="#descriptionMedia" id="collapseExample" class="collapse show">
<div>
{% if program.media.country %}
<div class="fw-bold">
<em class="icon ti ti-flag"></em>
{{ program.media.country }}
{% endif %}
</div>
...
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% elseif media %}
<div class="col-lg-8 col-md-12 justify-content-center">
<div class="w-100 my-2"><h1>Welcome to InQuize !</h1></div>
<div class="fs-30px text-wrap">You have reached this page because you followed a link shared by:</div>
<div class="text-center my-2 text-center"><span class="fs-30px fw-bold">{{ media.name }}</span></div>
<div class="fs-24px text-wrap">To Access full profile, <span class="fs-30px fw-bold">Just download our Mobile App</span></div>
<div class="d-flex justify-content-center my-2">
<a href="#" class="btn disabled" style="cursor: not-allowed;" disabled ><img src="{{ asset('assets/images/btns/app-store-1.png') }}"></a>
<a href="https://play.google.com/store/apps/details?id=com.inquize.app" class="btn"><img src="{{ asset('assets/images/btns/play-store-2.png') }}"></a>
</div>
</div>
<div class="col-lg-4 col-md-12 modal-sm">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="mobileAppPreview">@{{ media.url }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><em class="ti ti-x icon"></em></span>
</button>
</div>
<div class="modal-body">
<div class="row d-flex justify-content-between">
<div class="col-md-3">
<div class="user-avatar sq lg border border-light rounded bg-transparent">
<img class="" src=" {{ media.logo }} " alt=""/>
</div>
</div>
<!-- MKB:24/12/2021 Calcule nombre de post par media -->
<div class="col-md-3">
<div class="text-center fw-bold">{{ media.posts|length }}</div>
<div class="text-center">Posts</div>
</div>
<!-- MKB:24/12/2021 Calcule nombre de followers par media -->
<div class="col-md-3">
<div class="text-center fw-bold">{{ media.nbrFollowers }}</div>
<div class="text-center">Followers</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="fw-bold">{{ media.name }}</div>
<div>{{ media.type }}, {{ media.category }}</div>
</div>
<div class="my-1 col-md-12 d-flex justify-content-between" id="mobileAppPreviewButtons">
<a href="#" class="d-block btn btn-sm btn-pink-inq w-45 btn-head-profiles disabled" disabled>Follow</a>
<a href="#" class="btn d-block btn-sm btn-light w-45 btn-head-profiles disabled" disabled>Message</a>
</div>
<div class="col-md-12">
<div class="fw-bold">
<em class="icon ti ti-map-pin"></em>
...
</div>
{% if media.country is not empty %}
<div class="fw-bold"><em class="icon ti ti-flag"></em> {{ media.country }}</div>{% endif %}
<div>
...
</div>
{% if media.website is not empty %}
<div><em class="icon ti ti-arrow-up-right"></em> {{ media.website }}</div>{% endif %}
<!--lehna-->
<div data-parent="#descriptionMedia" id="collapseExample" class="collapse show">
{% if media.about is not empty %}
<div class="my-2">
...
</div>{% endif %}
</div>
<!-- List Programs /Media -->
<h6 class="modal-title">Programs</h6>
<div class="media-meta">
<div id="viewMedia" class="container p-0">
<div class="grab program-scroll-h d-flex text-center py-1">
{# {% for program in media.programs|slice(0, 3) %} #}
{% for program in media.programs %}
<div class=" d-flex flex-column align-items-center"><img class="user-avatar md"
src="{{ program.logo }}" alt="">
<span class="w-80px text-wrap viewMediaProgramTitle text-break">{{ program.name }}</span></div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% else %}
<div class="col-lg-12 col-md-12 justify-content-center">
<div class="w-100 text-center"><h1>Welcome to InQuize !</h1></div>
<div class="fs-30px text-wrap text-center">You have reached this page because you followed an altered link</div>
<div class="fs-24px text-wrap text-center fw-bold">Just download our Mobile App</div>
<div class="d-flex justify-content-center my-2">
<a href="#" class="btn disabled" style="cursor: not-allowed;" disabled ><img src="{{ asset('assets/images/btns/app-store-1.png') }}"></a>
<a href="https://play.google.com/store/apps/details?id=com.inquize.app" class="btn"><img src="{{ asset('assets/images/btns/play-store-2.png') }}"></a>
</div>
</div>
{% endif %}
{% endif %}
</div><!-- .row -->
</div><!-- .container -->
</div><!-- .header-content -->
<div class="header-brand pb-4 pt-2 pb-lg-5">
<div class="container">
<div class="row flex-lg-row-reverse align-items-center justify-content-between g-gs">
<div class="col-12 fs-30px text-wrap text-center"><span>To know more about our Platform, visit our website at: </span><span class="fs-30 fw-bold"><a href="http://about.inquize.com">about.inquize.com</a></span></div>
</div>
</div><!-- .header-brand -->
</div><!-- .container -->
</header><!-- .header -->
<footer class="footer bg-lighter" id="footer">
<div class="container">
<div class="row g-3 align-items-center justify-content-md-between py-4 py-md-5">
<div class="nk-footer-copyright">© 2022 <a href="http://about.inquize.com" target="_blank"><img class="logo-dark logo-img logo-img-sm" src="{{ asset('assets/images/logo-dark-small.png') }}" srcset="{{ asset('assets/images/logo-dark-small2x.png 2x') }}" alt="Logo InQuize" / ></a> InQuize®. All Rights Reserved.
</div>
</div><!-- .row -->
</div><!-- .container -->
</footer><!-- .footer -->
</div>
<!-- main @e -->
</div>
<!-- app-root @e -->
<!-- JavaScript -->
<script src="{{ absolute_url(asset('assets/js/bundle.js?ver=2.9.0')) }}"></script>
<script src="{{ absolute_url(asset('assets/js/scripts.js?ver=2.9.0')) }}"></script>
</body>
</html>