Opentalent
/
ap2i


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356
							{#
    La licence CMF d'une structure
    Important: la carte doit mesurer précisément 85 x 54 mm, et être au format paysage.
#}

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style media="all">

        {% block style %}
        html {
            word-wrap: break-word;
        }

        @page {
            margin: 130px 50px 30px 50px;
        }

        body {
        }

        .Style1 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            color: #FFFFFF;
        }

        .Style2 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: 600;
        }

        .Style3 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 8px;
            color: #FFFFFF;
            vertical-align: text-top;
        }

        .Style4 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 9px;
        }

        .Style5 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
        }

        .Style7 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 16px;
        }

        .Style8 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
        }

        .Style9 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
        }

        .relative {
            position: relative;
        }

        #year_head {
            position: absolute;
            top: 30px;
            left: 90px;
            color: #9d1348;
            font-size: 25px;
            font-weight: bold;
        }

        .avatar {
            max-width: 85px;
            max-height: 82px;
        }

        #year_card {
            position: absolute;
            bottom: 46px;
            left: 52px;
            color: #9d1348;
            font-size: 14px;
            font-weight: bold;
        }

        .Style2 p, .Style4 p {
            margin: 0;
            padding: 0;
        }

        .page_break {
            page-break-before: always;
            top: 0 !important;
            margin-top: 0 !important;
            position: initial;
        }

        #card {
            position: relative;
            z-index: 1;
            top: 0;
            left: 0;
            margin: 50px auto;
        }

        .card_dimension {
            width: 85mm;
            height: 54mm;
        }

        .card_internal_dimension {
            width: 82mm;
            height: 50mm;
        }

        #dashed {
            width: 85mm;
            height: 54mm;
            border: 1px dashed #0f0f0f;
            position: absolute;
            border-radius: 4px;
            top: 2mm;
            left: 2mm;
            z-index: 2;
        }

        #scissor {
            position: absolute;
            top: 0;
            left: 15px;
        }

        .up {
            padding-top: 100px;
        }

        .bottom {
            padding-top: 20px;
        }

        #qrCode {
            padding-right: 15px;
        }

        #avatar{
            padding-left: 5px;
        }

        {% endblock style %}
    </style>

    <link
            href= "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
            rel="stylesheet"
            integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
            crossorigin="anonymous"
    />
    <title>Licence CMF</title>
</head>

<body>
{% block content %}
    {% for licence in model.licences %}
        <page data-iri="{{ licence.id }}">
            <table width="550" border="0" cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td width="500">
                        <table width="500" align="center" border="0" cellpadding="0" cellspacing="0">
                            <tbody>
                            <tr>
                                <td width="250" class="relative">
                                    <img src="{{ 'images/cmf_licence.png' }}"
                                            width="170" height="86"/>
                                    <span id="year_head">
                                        {{ licence.year }}
                                    </span>
                                </td>
                                <td width="250">
                                    <div align="right">
                                        <img src="{{ 'images/cmf-reseau.png' }}"
                                                width="200" height="86"/>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p class="Style7">
                           {% if licence.personGender %}{{ (licence.personGender.value ~ '_LONG') | trans }}{% endif %}
                            {{ licence.personLastName }} {{ licence.personFirstName }}
                            ,</p>

                        <p class="Style7"></p>
                        <p class="Style8">Vous trouverez ci-joint votre <strong>Licence CMF pour
                                l’année {{ licence.year }}</strong>.
                        </p>
                        <p class="Style8">Vous pouvez : </p>
                        <ul class="Style8">
                            <li> Imprimer ce document tel quel et le garder au format A4.</li>
                            <li> Imprimer ce document sur du papier cartonné et le découper selon les pointillés.</li>
                            <li> Enregister le PDF pour garder ce document au format numérique.</li>
                        </ul>
                        <p class="Style8">Cette licence et le numéro associé vous sera utile pour bénéficier des
                            avantages partenaires mis en place par la CMF.
                            Pour connaître les partenariats existants, rendez-vous sur [
                            <a href="https://www.cmf-musique.org/services/tarifs-preferentiels/">
                                www.cmf-musique.org/services/tarifs-preferentiels/
                            </a>]
                        </p>
                        <p class="Style8">
                            Nous vous rappelons que la Licence CMF, personnelle et unique, <br/>
                            est <strong>valable jusqu’au 31 décembre de l’année {{ licence.year }}</strong>.
                        </p>
                        <p class="Style8"></p>
                        <hr/>
                    </td>
                </tr>
                </tbody>
            </table>

            <div id="card" class="card_dimension">
                <table class="card_dimension" align="center" cellpadding="0" cellspacing="0">
                    <tbody class="card_internal_dimension">
                        <tr>
                            <td height="18" colspan="3" align="center" valign="bottom" bgcolor="{{ licence.color }}">
                                <div align="center"><span class="Style1">Licence CMF</span></div>
                            </td>
                        </tr>
                        <tr class="up">
                            {% if licence.isOrganizationLicence %}
                                <td height="78" width="78" id="avatar">
                                    <div align="center">
                                        {% if(licence.logo is null) %}
                                            <img src="{{ 'images/picto_face.png' }}"
                                                 height="78"/>
                                        {% else %}
                                            <img src="{{ fileImagePath(licence.logo, 'sm') }}"
                                                 height="78"/>
                                        {% endif %}
                                    </div>
                                </td>
                                <td colspan="2">
                                    <span class="Style2">
                                        <p>{{ licence.personLastName }} {{ licence.personFirstName }}</p>
                                        <p>{{ licence.organizationName }}</p>
                                        <p>{{ licence.federationName }}</p>
                                        <p>N° : {{ licence.organizationIdentifier }}</p>
                                        <p>Licence valable jusqu’au 31/12/{{ licence.year }}</p>
                                    </span>
                                </td>
                            {% else %}
                                <td height="78" width="78" id="avatar">
                                    <div align="center">
                                        {% if(licence.personAvatar is null) %}
                                            <img
                                                    src="{{ 'images/picto_face.png' }}"
                                                    height="80"/>
                                        {% else %}
                                            <img class="avatar"
                                                 src="{{ fileImagePath(licence.personAvatar, 'sm') }}"/>
                                        {% endif %}
                                    </div>
                                </td>
                                <td colspan="2">
                                    <span class="Style2">
                                       <p>{{ licence.personLastName }} {{ licence.personFirstName }}</p>
                                       <p>{{ licence.organizationName }}</p>
                                       <p>?</p>
                                       <p>N° : {{ licence.organizationIdentifier }}-{{ licence.personId }}</p>
                                       <p>Licence valable jusqu’au 31/12/{{ licence.year }}</p>
                                    </span>
                                </td>
                            {% endif %}
                        </tr>

                        <tr class="top">
                            <td height="30" width="60" valign="middle"
                                style="vertical-align: bottom;">
                                <div align="center">
                                    <img src="{{ 'images/cmf_licence.png' }}"
                                         height="35"/>
                                    <span id="year_card">{{ licence.year }}</span>
                                </div>
                            </td>

                            <td width="112" align="right" valign="middle">
                                <div align="right"><span class="Style4">
                                    <p>Consultez vos</p>
                                    <p> avantages sur</p>
                                    <p>www.cmf-musique.org</p>
                                    <p> ou flashez ce code</p></span>
                                </div>
                            </td>

                            <td height="45" width="45" align="right" valign="middle" id="qrCode">
                                {% if(licence.qrCode) %}
                                    <img style="margin-right: 10px;"
                                         src="{{ fileImagePath(licence.qrCode, 'sm') }}"
                                         alt=""
                                         width="50" height="50"/>
                                {% endif %}
                            </td>
                        </tr>

                        <tr>
                            <td height="22" colspan="3" align="center" bgcolor="{{ licence.color }}">
                                <span class="Style3">CMF ● cmf@cmf-musique.org ● 01 55 58 22 82 ● www.cmf-musique.org</span>
                            </td>
                        </tr>
                    </tbody>
                </table>

                <div id="dashed"></div>
                <i class="fa fa-scissors" id="scissor" aria-hidden="true"></i>
            </div>


            <table width="550" border="0" cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td></td>
                    <td>
                        <hr/>
                        <p align="center" class="Style9">Vous rencontrez des difficultés pour utiliser cette carte ?</p>
                        <p align="center" class="Style8">Contactez nous : <br/>
                            CMF<br/>
                            cmf@cmf-musique.org<br/>
                            01 55 58 22 82 </p>
                    </td>
                    <td></td>
                </tr>
                </tbody>
            </table>
            {% if model.licences|length > 1 %}
            <div class="page_break"></div>
            {% endif %}
        </page>
    {% endfor %}
{% endblock content %}
</body>
</html>