{% extends "layout.html" %}
{% block content %}

<h1>Přehled dárců k ocenění: {{ medal.title }}</h1>

{% if snapshot_info %}
<div class="alert {% if snapshot_info.exists %}alert-info{% else %}alert-warning{% endif %}" role="alert">
    {% if snapshot_info.exists %}
        <strong>Snapshot vytvořen:</strong> {{ snapshot_info.created_at.strftime('%d. %m. %Y v %H:%M') }}
        <br>
        <strong>Počet oprávněných dárců:</strong> {{ snapshot_info.count }}
        <br>
        <em>Seznam oprávněných dárců byl zmrazen ke dni {{ snapshot_info.created_at.strftime('%d. %m. %Y %H:%M') }}. Nový snapshot bude možné vytvořit až v roce {{ snapshot_info.year + 1 }}.</em>
    {% else %}
        <strong>Snapshot pro rok {{ snapshot_info.year }} nebyl dosud vytvořen.</strong>
        <br>
        Zobrazená data jsou aktuální (nezmrazená). Pro zmrazení seznamu oprávněných dárců ke dnešnímu dni použijte tlačítko níže.
        <br>
        <form action="{{ url_for('donor.create_snapshot', medal_slug=medal.slug) }}" method="POST" style="margin-top: 10px;">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
            <button type="submit" class="btn btn-warning" onclick="return confirm('Opravdu chcete vytvořit snapshot pro rok {{ snapshot_info.year }}? Tuto akci nelze vrátit zpět.');">
                <strong>Vytvořit snapshot pro {{ snapshot_info.year }}</strong>
            </button>
        </form>
    {% endif %}
</div>
{% endif %}

<a class="btn btn-primary" role="button" href="{{ url_for('donor.render_award_documents_for_award_prep', medal_slug=medal.slug) }}" target="_blank">Potvrzení k medailím pro všechny</a>
{% with form=print_envelope_labels_form %}
<form id="printEnvelopeLabelsForm" action="{{ url_for('donor.render_envelope_labels') }}" method="POST" class="form-inline" role="form" target="_blank">
    {{ form.csrf_token }}
    {{ form.medal_id(value=medal.id) }}
    <input type="submit" class="btn btn-primary" value="Štítky na obálky">
    <div>Vynechat prvních {{ form.skip(value=0, size=2, min=0, max=15) }} štítků.</div>
</form>
{% endwith %}
{% with form=print_envelope_labels_form %}
<form id="printEnvelopeForm" action="{{ url_for('donor.render_envelope') }}" method="POST" class="form-inline" role="form" target="_blank">
    {{ form.csrf_token }}
    {{ form.medal_id(value=medal.id) }}
    <input type="submit" class="btn btn-primary" value="Tisk obálek">
</form>
{% endwith %}
<div>
    <a href="{{ url_for('donor.award_prep_download_table', medal_slug=medal.slug) }}"
        class="btn btn-primary"
        role="button"
        target="_blank">
        Stáhnout tabulku pro odběrná místa
    </a>
</div>
<div>
    <a href="mailto:darci@cckfm.cz
    ?cc=predseda@cckfm.cz
    &bcc={{all_emails|join(',')}}
    &subject={{'Pozvánka na slavnostní ocenění dárců krve a krevních složek'|urlencode}}
    &body={{'Dobrý den,

    v příloze naleznete pozvánku ke slavnostnímu ocenění bezpříspěvkových dárců krve a krevních složek.
    Prosíme o potvrzení účasti odpovědí na tento e-mail.

    Děkujeme za Vaši pomoc a těšíme se na setkání!

    S úctou
    Hana Kaňová
    Český červený kříž – Frýdek-Místek'|urlencode}}"
        class="btn btn-primary"
        role="button"
        target="_blank">
        Odeslat hromadný e-mail
    </a>
</div>
{% with form=award_medal_form %}
<form id="awardMedalForm" action="{{ url_for('donor.award_medal') }}" method="POST" class="form-inline" role="form">
    {{ form.csrf_token }}
    {{ form.medal_id(value=medal.id) }}
<input type="submit" class="btn btn-success" value="Udělit medaili označeným dárcům">

<!-- Updating the table? Don't forget to check the print (pre)view. -->
<table id="overview" class="table table-striped table-hovered table-hover">
    <thead class="thead-dark">
        <tr>
            <th class="rodne_cislo" data-name="rodne-cislo">Rodné číslo</th>
            <th class="first_name">Jméno</th>
            <th class="last_name">Přijmení</th>
            <th class="address">Adresa</th>
            <th class="city">Město</th>
            <th class="postal_code">PSČ</th>
            <th class="kod_pojistovny">Pojišťovna</th>
            <th>Darování</th>
            <th class="sign">Podpis</th>
            <th class="note">Pozn.</th>
            <th class="chosen">Vybrat vše <input type="checkbox" onClick="toggle(this)" checked=true></th>
        </tr>
    </thead>
    <tbody>
        {% for donor in donors %}
        <tr>
            <td>{{ donor.rodne_cislo }}</td>
            <td>{{ donor.first_name|capitalize }}</td>
            <td>{{ donor.last_name|capitalize }}</td>
            <td>{{ donor.address|capitalize }}</td>
            <td>{{ donor.city|capitalize }}</td>
            <td>{{ donor.postal_code|postal_code }}</td>
            <td>{{ donor.kod_pojistovny }}</td>
            <td>{{ donor.donation_count_total }}</td>
            <td>&nbsp;</td>
            <td>{{ donor.note.note }}</td>
            <td>{{ form["rodne_cislo_" + donor.rodne_cislo](value=donor.rodne_cislo) }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>

<input type="submit" class="btn btn btn-success" value="Udělit medaili označeným dárcům">
</form>
{% endwith %}

{% endblock %}

{% block js %}
<script src="/static/donors_override_highlight.js"></script>
<script type="text/javascript">
    $(document).ready( function () {
        const columnDefs =  [{
                "targets": "rodne_cislo",
                "render": function (data, type, row, meta) {
                    if (type == "display")
                        return "<a href='"+"{{ url_for('donor.detail', rc='REPLACE_ME') }}".replace("REPLACE_ME", row[0]) + "'>" + row[0] + "</a>"
                    else
                        return data;
                }
            }, {
                "targets": "sign",
                "visible": false
            }, {
                "targets": "chosen",
                "orderable": false
            },{
                "targets": "note",
                "render": function ( data, type, row, meta ) {
                  if (data)
                    return `<span data-toggle="modal" data-target="#titleModal" title="${data}">⚠️</span>`;
                  return "";
                },
                "orderable": false,
            },];

        highlightOverridenValues("{{ url_for('donor.get_overrides') }}", {{ override_column_names | safe }} , columnDefs, function() {
            $.fn.dataTable.ext.order.intl('cs-CZ');

            $('#overview').DataTable({
                stateSave: true,
                stateDuration: -1, // -1 means session storage in the current browser window
                language: {
                    url: '//cdn.datatables.net/plug-ins/1.10.21/i18n/Czech.json'
                },
                buttons: [{
                    extend: 'print',
                    text: 'Tisk prezenční listiny',
                    title: '',
                    exportOptions: {
                        // Controls which columns are visible on printed sheets.
                        // Removed column number 7 contains total donations count which should be never shown.
                        // Column number 8 is for signature which makes sense only for gold medal and higher.
                        {% if medal.slug == "br" or medal.slug == "st" %}
                            columns: [0, 1, 2, 3, 4, 5, 6]
                        {% else %}
                            columns: [0, 1, 2, 3, 4, 5, 6, 8]
                        {% endif %}
                    }
                }],
                dom: "Blfrtip",
                columnDefs: columnDefs,
                lengthMenu: [
                    [10, 25, 50, 100, -1],
                    [10, 25, 50, 100, 'Všechny']
                ],
            });
        });
    } );

    function toggle(source) {
        checkboxes = document.getElementsByName('rodne_cislo');
        for(var checkbox of checkboxes) {
            checkbox.checked = source.checked;
        }
    }
</script>

{% include "title_popup.html" %}
{% endblock %}