{"id":128,"date":"2023-08-27T13:16:34","date_gmt":"2023-08-27T11:16:34","guid":{"rendered":"http:\/\/fifdh.org\/?page_id=128"},"modified":"2025-02-12T16:37:53","modified_gmt":"2025-02-12T15:37:53","slug":"login","status":"publish","type":"page","link":"https:\/\/fifdh.org\/en\/login\/","title":{"rendered":"Login"},"content":{"rendered":"\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Log in directly here with your Festival Pass, your 5-entry card or your accreditation.<\/h4>\n\n\n<div class=\"tkt-wrapper\" data-component=\"Ticket\/TicketConnect\"><\/div>\n\n<script type=\"text\/template\" id=\"tkt-ticket-tpl\">\n    <%\n    const errors = {\n        'screening.start_at': \"Voting will be possible from the start of the screening.\",\n        'screening.stop_at': \"Voting will be possible from the end of the screening\",\n        'needs_scan': \"You cannot vote because your ticket has not been checked\",\n        'not_before': \"Voting is not yet possible for this screening\",\n        'not_after': \"Voting is no longer possible for this session\",\n    };\n    %>\n    <% if (tickets?.length > 1) { %>\n        <div class=\"mb-3\">\n            <ul class=\"nav nav-tabs nav-fill\">\n                <% _.sortBy(tickets, t => t.getDisplayName()).map(function (t) {  %>\n                    <li class=\"nav-item\">\n                        <a data-ticket-id=\"<%= t._id %>\"class=\"nav-link ticket-link <%= t._id === ticket?._id ? 'active' : '' %>\">\n                            <%= t.getTypeName() %> -\n                            <%= t.getDisplayName() %>\n                        <\/a>\n                    <\/li>\n                <% }) %>\n            <\/ul>\n        <\/div>\n    <% } %>\n\n    <% if (ticket) { %>\n\n    <%\n        const pastBookings = ticket.bookings?.filter(b => b.screening?.isFinished());\n        const futureBookings = ticket.bookings?.filter(b => !b.screening?.isFinished());\n    %>\n    <div class=\"tkt-ticket-view\">\n        <p class=\"alert alert-info small\"><span class=\"glyphicon glyphicon-info-sign\"><\/span>No separate tickets issued for bookings, present your current ticket to enter the booked screenings.<\/span><\/p>\n\n        <!-- Title -->\n        <div class=\"mb-3\">\n            <h3>\n                <strong>\n                    <%= ticket.getTypeName() %> -\n                    <%= ticket.getDisplayName() %>\n                <\/strong>\n            <\/h3>\n        <\/div>\n\n        <!-- R\u00e9servations -->\n        <section class=\"tkt-section tkt-light-section\">\n            <% if (!pastBookings.length && !futureBookings.length) { %>\n                <h3>Bookings<\/h3>\n                <div class=\"mb-2\">\n                    There are currently no bookings on this ticket.                <\/div>\n            <% } else { %>\n                <% if (futureBookings) { %>\n                    <h3>Bookings<\/h3>\n                    <table class=\"table table-striped table-hover no-more-tables\">\n                        <thead>\n                            <tr>\n                                <th>Date<\/th>\n                                <th>Booking<\/th>\n                                <th>Place<\/th>\n                                <th><i class=\"tkt-icon-smartphone\"><\/i><\/th>\n                                <th class=\"text-right\">Action<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <% futureBookings.map(function(b) { %>\n                            <tr>\n                                <td><%= b.screening_start_at.format(\"DD.MM.YYYY HH[h]mm\") %> -\n                                    <%= b.screening_stop_at.format(\"HH[h]mm\") %><\/td>\n                                <td><%= b.screening.getTitle() %><\/td>\n                                <td><%= b.screening.cinema_hall.name %><\/td>\n                                <td class=\"text-center\">\n                                    <% if (b.scanned_at.length) { %>\n                                        <i class=\"tkt-icon-checkmark\"><\/i>\n                                    <% } %>\n                                <\/td>\n                                <td>\n                                    <div class=\"flex-col items-end\">\n                                        <% if (b.isCancelable) { %>\n                                            <a href=\"#\" class=\"btn btn-danger btn-bloc cancel-booking-btn\" data-booking-id=\"<%= b._id %>\">\n                                                Cancel                                            <\/a>\n                                        <% } %>\n                                        <% if (votesConfig?.enabled && (b.vote || !b.screening.opaque?.disable_votes)) { %>\n                                            <% const { votable, reason } = b.isVotable(); %>\n                                            <div\n                                                data-component=\"Ui\/Rating\"\n                                                data-score=\"<%= b.vote?.score || 0 %>\"\n                                                data-ticket-id=\"<%= b.ticket_id %>\"\n                                                data-booking-id=\"<%= b._id %>\"\n                                                data-size=\"24\"\n                                                data-step=\"<%= votesConfig?.step %>\"\n                                                data-max=\"<%= votesConfig?.max_score %>\"\n                                                data-disabled-reason=\"<%= reason ? errors[reason] : '' %>\"\n                                            ><\/div>\n                                            <% if (reason) { %>\n                                                <small>\n                                                    <i class=\"tkt_icon_warning\" \/>\n                                                    <%= errors[reason] %>\n                                                <\/small>\n                                            <% } %>\n                                        <% } %>\n                                    <\/div>\n                                <\/td>\n                            <\/tr>\n                            <% }) %>\n                        <tbody>\n                    <\/table>\n                    <div class=\"cancelable_booking_err text-danger text-center\"><\/div>\n                <% } %>\n\n                <% if (pastBookings.length) { %>\n                    <h3>Past reservations<\/h3>\n                    <table class=\"table table-striped table-hover no-more-tables\">\n                        <thead>\n                            <tr>\n                                <th>Date<\/th>\n                                <th>Booking<\/th>\n                                <th>Place<\/th>\n                                <th><i class=\"tkt-icon-smartphone\"><\/i><\/th>\n                                <th><\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <% pastBookings.map(function(b) { %>\n                            <tr>\n                                <td><%= b.screening_start_at.format(\"DD.MM.YYYY HH[h]mm\") %> -\n                                    <%= b.screening_stop_at.format(\"HH[h]mm\") %><\/td>\n                                <td><%= b.screening.getTitle() %><\/td>\n                                <td><%= b.screening.cinema_hall.name %><\/td>\n                                <td class=\"text-center\">\n                                    <% if (b.scanned_at.length) { %>\n                                        <i class=\"tkt-icon-checkmark\"><\/i>\n                                    <% } %>\n                                <\/td>\n                                <td>\n                                    <% if (votesConfig?.enabled && (b.vote || !b.screening.opaque?.disable_votes)) { %>\n                                        <% const { votable, reason } = b.isVotable(); %>\n                                        <div\n                                            data-component=\"Ui\/Rating\"\n                                            data-score=\"<%= b.vote?.score || 0 %>\"\n                                            data-ticket-id=\"<%= b.ticket_id %>\"\n                                            data-booking-id=\"<%= b._id %>\"\n                                            data-size=\"24\"\n                                            data-step=\"<%= votesConfig?.step %>\"\n                                            data-max=\"<%= votesConfig?.max_score %>\"\n                                            data-disabled-reason=\"<%= reason ? errors[reason] : '' %>\"\n                                        ><\/div>\n                                        <% if (reason) { %>\n                                            <small>\n                                                <i class=\"tkt_icon_warning\" \/>\n                                                <%= errors[reason] %>\n                                            <\/small>\n                                        <% } %>\n                                    <% } %>\n                                <\/td>\n                            <\/tr>\n                            <% }) %>\n                        <tbody>\n                    <\/table>\n                    <div class=\"cancelable_booking_err text-danger text-center\"><\/div>\n                <% } %>\n            <% } %>\n            <a class=\"btn button w-100\" href=\"<%= program_url %>\">\n                Book screenings            <\/a>\n        <\/section>\n\n        <!-- Owner -->\n        <% if (ticket?.hasContactInfo()) { %>\n        <section class=\"tkt-section tkt--section mt-3\">\n            <h3 class=\"panel-title\">Holder<\/h3>\n            <div class=\"text-center\">\n                <% if (ticket.contact?.rfc2397_portrait?.length) { %>\n                    <img decoding=\"async\" class=\"img-responsive img-thumbnail\" src=\"<%= ticket.contact?.rfc2397_portrait %>\" \/>\n                    <br \/>\n                <% } %>\n\n                <% if (ticket.contact?.firstname || ticket.contact?.lastname) { %>\n                <h5>\n                    <%= [ticket.contact.firstname, ticket.contact.lastname].filter(v => !!v).join(' ') %>\n                <\/h5>\n                <% } %>\n\n                <div>\n                    <% if (ticket.contact?.birthdate) { %>\n                        <%= new Date(ticket.contact.birthdate).toLocaleDateString() %>\n                        <br \/>\n                    <% } %>\n\n                    <% if (ticket.contact?.address?.street) { %>\n                        <%= ticket.contact.address.street %>\n                        <br \/>\n                    <% } %>\n\n                    <% if (ticket.contact?.address?.zip || ticket.contact?.address?.city) { %>\n                        <%= [ticket.contact.address.zip, ticket.contact.address.city].filter(v => !!v).join(' ') %>\n                        <br \/>\n                    <% } %>\n\n                    <% if (ticket.contact?.address?.country) { %>\n                        <%= ticket.contact.address.country %>\n                        <br \/>\n                    <% } %>\n\n                    <% if (ticket.contact?.email) { %>\n                        <%= ticket.contact.email %>\n                    <% } %>\n                <\/div>\n            <\/div>\n        <\/section>\n        <% } %>\n\n        <!-- Guests -->\n        <% if (ticket?.hasGuestsInfo()) { %>\n        <section class=\"tkt-section tkt--section mt-3\">\n            <h3 class=\"panel-title\">Guests<\/h3>\n            <div class=\"text-center\">\n                <% ticket.getGuestsInfo().forEach(guest => { %>\n                    <h5>\n                        <%= [guest.firstname, guest.lastname].filter(v => !!v).join(' ') %><br \/>\n                        <small><%= guest.email %><\/small>\n                    <\/h5>\n                <% }); %>\n            <\/div>\n        <\/section>\n        <% } %>\n\n        <% if (ticket.getWalletBalance() > 0) { %>\n        <div class=\"row\">\n            <div class=\"col\">\n                <section class=\"tkt-section tkt-light-section mt-3\">\n                    <div class=\"panel-heading wallet_info\">\n                        <h3 class=\"panel-title\">Portefeuille \u00e9lectronique<\/h3>\n                    <\/div>\n                    <div class=\"panel-body wallet_info text-center\">\n                        <div class=\"text-center\">\n                            <h4><%= ticket.getFormattedWalletBalance() %><\/h4>\n                        <\/div>\n                    <\/div>\n                <\/section>\n            <\/div>\n        <\/div>\n        <% } %>\n\n        <div class=\"row\">\n            <div class=\"col\">\n                <section class=\"tkt-section tkt-light-section mt-3\">\n                    <div class=\"panel-heading\">\n                        <h3 class=\"panel-title\">Validity<\/h3>\n                        <div class=\"panel-body\">\n                            <div class=\"well text-center\">\n                                <h5>\n                                Activated on <%= ticket.activated_at.format(\"LL\") %>                                <\/h5>\n                                <p>Pricing: <%= ticket.activated_pricing.name.en %>\n                                    (<%= ticket.getFormattedPriceAndCurrency() %>)\n                                <\/p>\n                            <\/div>\n                            <% if (ticket.getExpirationDate()) { %>\n                                <% if (ticket.hasExpired()) { %>\n                                    <div class=\"text-center alert alert-danger\">\n                                        <b>A expir\u00e9 le <%= ticket.getExpirationDate().format('LL') %> <\/b>\n                                    <\/div>\n                                <% } else {%>\n                                    <div class=\"text-center alert alert-success\">\n                                        <b>Valid until <%= ticket.getExpirationDate().format('LL') %><\/b>\n                                        <p>\n                                            <%= ticket.placesAvailable() %>\n                                        <\/p>\n                                    <\/div>\n                                <% } %>\n                            <% } %>\n                        <\/div>\n                    <\/div>\n                <\/section>\n            <\/div>\n        <\/div>\n        <% if (ticket.isForgettable) { %>\n        <div class=\"row mt-3\">\n            <div class=\"col\">\n                <button class=\"btn button forget-ticket-btn w-100\">\n                    <i class=\"tkt-icon-log-out\"><\/i> Forget this ticket                <\/button>\n            <\/div>\n        <\/div>\n        <% } %>\n    <\/div>\n    <% } %>\n<\/script>\n\n<script type=\"text\/template\" id=\"tkt-ticket-connect-tpl\">\n    <% if (!ticket)  { %>\n    <div class=\"tkt-ticket-connect\">\n        <div class=\"connect-panel\">\n            <div class=\"ticket_connect\">\n                <div>\n                    You have a <span class=\"tkt-ticketid_ticket\">Ticket<\/span><span class=\"tkt-ticketid_id\">ID<\/span>?                <\/div>\n                <div class=\"col\">\n                    <div class=\"row mt-5 input-pass\">\n                        <input id=\"pass-id\" type=\"number\"\n                            class=\"tkt-input input-invert form-control text-center pass-number-input\"\n                            placeholder=\"123456\" maxlength=\"6\" \/>\n                        <p class=\"minus\">-<\/p>\n                        <input id=\"pass-code\" type=\"password\" class=\"input input-invert text-center pass-key-input\"\n                            placeholder=\"abcdef\" maxlength=\"6\" \/>\n                    <\/div>\n                <\/div>\n                <div class=\"row\">\n                    <div class=\"col text-center\">\n                        <div class=\"error pass-error d-none text-center text-danger\"><\/div>\n                        <button class=\"btn btn-primary button login-btn connect-btn mt-5 mb-3\">\n                            <i class=\"tkt-icon-log-out\"><\/i> Login                        <\/button>\n                    <\/div>\n                <\/div>\n                <hr \/>\n                <div>\n                    Your <span class=\"tkt-ticketid_ticket\">Ticket<\/span><span class=\"tkt-ticketid_id\">ID<\/span> is on your pass                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <% } %>\n\n    <%\n    jQuery(document).ready(function($) {\n        $(\"#pass-id\").keyup(function() {\n            if (this.value.length == this.maxLength) {\n                $('#pass-code').focus();\n            }\n        });\n    });\n    %>\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Log in directly here with your Festival Pass, your 5-entry card or your accreditation.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/fifdh.org\/en\/wp-json\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fifdh.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fifdh.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fifdh.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fifdh.org\/en\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":6,"href":"https:\/\/fifdh.org\/en\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":34368,"href":"https:\/\/fifdh.org\/en\/wp-json\/wp\/v2\/pages\/128\/revisions\/34368"}],"wp:attachment":[{"href":"https:\/\/fifdh.org\/en\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}