{% extends "regidesk/base.html" %}

{% block head_title %}Checkin - {{ user.attendee.attendeeprofilebase.attendeeprofile.name }}{% endblock head_title %}
{% block page_title %}Pre-print check{% endblock page_title %}

{% block body %}
{% load registrasion_tags %}
{% load lca2018_tags %}
{% items_purchased as purchased %}
{% items_pending as pending %}
{% items_purchased 1 as ticket %}
<!-- {% items_purchased 6 as shirts %} -->
<!-- {% total_items_purchased 3 as penguin_dinner_count %} -->
<!-- {% total_items_purchased 4 as speakers_dinner_count %} -->
<!-- {% total_items_purchased 5 as pdns_count %} -->
{% ticket_type as ticket_type %}

<a type="button" class="btn btn-outline-primary" href="{% url 'regidesk:check_in_scanner' %}">Return to scanning page</a>

<div class="card my-3">
    <div class="card-header">Content Check</div>
    <div class="card-body">
        <dl class="card-text row">
            <dt class="col-sm-3">Ticket type</dt>
            <dd class="col-sm-9">{{ ticket_type }}</dd>

            <dt class="col-sm-3">Name</dt>
            <dd class="col-sm-9">{{ user.attendee.attendeeprofilebase.attendeeprofile.name }}</dd>

            <dt class="col-sm-3">Company</dt>
            <dd class="col-sm-9">{% if ticket_type == "Student" or ticket_type == "Hobbyist" or "Only" in ticket_type %}{% else %}{{ user.attendee.attendeeprofilebase.attendeeprofile.company }}{% endif %}</dd>

            <dt class="col-sm-3">Free Text 1</dt>
            <dd class="col-sm-9">{{ user.attendee.attendeeprofilebase.attendeeprofile.free_text_1 }}</dd>

            <dt class="col-sm-3">Free Text 2</dt>
            <dd class="col-sm-9">{{ user.attendee.attendeeprofilebase.attendeeprofile.free_text_2 }}</dd>

            {% comment "Not needed for LCA2022 online" %}
            <dt class="col-sm-3">Penguin Dinner Tickets</dt>
            <dd class="col-sm-9">{{ penguin_dinner_count }}</dd>

            <dt class="col-sm-3">Speaker Dinner Tickets</dt>
            <dd class="col-sm-9">{{ speakers_dinner_count }}</dd>

            <dt class="col-sm-3">PDNS Tickets</dt>
            <dd class="col-sm-9">{{ pdns_count }}</dd>
            {% endcomment %}

            <dt class="col-sm-3">Over 18 years</dt>
            <dd class="col-sm-9">{% if user.attendee.attendeeprofilebase.attendeeprofile.of_legal_age %}Yes{% else %}<strong class="red">NO</strong>{% endif %}</dd>

            <dt class="col-sm-3">Username</dt>
            <dd class="col-sm-9">{{ user.username }}</dd>
        </dl>

        {% comment "Not needed for LCA2022 online" %}
        <h4>Shirts ordered</h4>
        <table class="table card-text">
            {% for shirt in shirts%}
            <tr>
                <td>{{ shirt.product }}</td>
                <td>{{ shirt.quantity }}</td>
            </tr>
            {% endfor %}
        </table>
        {% endcomment %}
    </div>
</div>

<div class="card my-3">
    <div class="card-header">Venueless</div>
    <div class="card-body">
        <dl class="card-text row">
            <dt class="col-sm-3">User Id</dt>
            <dd class="col-sm-9">{{ check_in.venueless_user_id }}</dd>

            <dt class="col-sm-3">Traits</dt>
            <dd class="col-sm-9">{{ check_in.venueless_traits }}</dd>

            <dt class="col-sm-3">Token</dt>
            <dd class="col-sm-9">{{ check_in.venueless_token|truncatechars:20 }}</dd>
        </dl>
    </div>
</div>

<div class="card my-3">
    <div class="card-header">Badge Preview</div>
    <div class="card-body">
        <img src="{% url 'badge' user.id %}.png" style="max-width: 500px;">
    </div>
</div>

<div class="card {% if check_in.checked_in_bool %}border-danger{% else %}border-success{% endif %} my-3">
    <div class="card-header {% if check_in.checked_in_bool %}text-white bg-success{% endif %}">Check In</div>
    <div class="card-body">
        <dl class="row card-text">
            <dt class="col-sm-3">Status</dt>
            <dd class="col-sm-9">{% if check_in.checked_in_bool %}Checked in{% else %}Not checked in{% endif %}</dd>
        </dl>
        <p>If an attendee sees an error with their contents, please instruct them to change their profile and come back before checking them in.</p>
        <p>The attendee will be unable to edit their profile after they have been checked in.</p>
        <form method="post">
            <input type="checkbox" name="checkin" value="checkin" checked hidden>
            <input class="btn {% if check_in.checked_in_bool %}btn-warning{% else %}btn-primary{% endif %}" type="submit" value="Check In">
        </form>
    </div>
</div>

<div class="card {% if check_in.badge_printed %}border-success{% else %}border-danger{% endif %} my-3">
    <div class="card-header {% if check_in.badge_printed %}text-white bg-success{% endif %}">Badge</div>
    <div class="card-body">
        <dl class="row card-text">
            <dt class="col-sm-3">Status</dt>
            <dd class="col-sm-9">{% if check_in.badge_printed %}Marked{% else %}Not marked{% endif %} as printed</dd>
        </dl>
        <form method="post" class="d-inline-block">
            <input type="checkbox" name="badge" value="badge" checked hidden>
            <input class="btn btn-secondary" type="submit" value="Mark Badge as Printed">
        </form>
        <form method="post" class="d-inline-block">
            <input type="checkbox" name="unbadge" value="unbadge" checked hidden>
            <input class="btn btn-danger pull-right" type="submit" value="Reprint Badge">
        </form>
        <p class="d-inline-block">
            <a class="btn btn-outline-info" href="{% url 'badge_print' user.id %}" target="_blank">Preview Badge for Printing</a>
        </p>
    </div>
</div>

{% comment "Not needed for LCA2022 online" %}
<div class="card {% if check_in.schwag_given %}border-success{% else %}border-danger{% endif %} my-3">
    <div class="card-header {% if check_in.schwag_given %}text-white bg-success{% endif %}">Schwag</div>
    <div class="card-body">
        <dl class="row card-text">
            <dt class="col-sm-3">Status</dt>
            <dd class="col-sm-9">{% if check_in.schwag_given %}Marked{% else %}Not marked{% endif %} as given</dd>
        </dl>
        <form method="post">
            <input type="checkbox" name="schwag" value="schwag" checked hidden>
            <input class="btn {% if check_in.schwag_given %}btn-warning{% else %}btn-primary{% endif %}" type="submit" value="Give Schwag">
        </form>
    </div>
</div>
{% endcomment %}

<div class="card my-3">
    <div class="card-header">Log Exception</div>
    <div class="card-body">
        <form method="post" class="card-text">
            <textarea class="form-control" rows="3" name="exception">{{ check_in.review_text }}</textarea>
            <p class="help-block">Reminder: Please tell attendee to email the conference team with the details as well.</p>
            <input class="btn btn-primary" type="submit" value="Log Information">
        </form>
    </div>
</div>

{% comment "Not needed for LCA2022 online" %}
<div class="card my-3 {% if check_in.checked_in_bool and check_in.schwag_given %}border-success{% elif check_in.checked_in_bool or check_in.schwag_given %}card-warning{% else %}card-danger{% endif %}">
    <div class="card-header {% if check_in.checked_in_bool and check_in.schwag_given %}text-white bg-success{% elif check_in.checked_in_bool or check_in.schwag_given %}bg-warning{% endif %}">Bulk actions</div>
    <div class="card-body">
        <p>Mark attendee as checked in and schwag given</p>
        <dl class="row card-text">
            <dt class="col-sm-3">Status</dt>
            <dd class="col-sm-9">
                {% if check_in.checked_in_bool or check_in.schwag_given %}
                One of the items in bulk action is marked as given already
                {% else %}
                Both items are marked as unreceived
                {% endif %}
            </dd>
        </dl>
        <form method="post">
            <input type="checkbox" name="bulk" value="bulk" checked hidden>
            <input class="btn btn-primary" type="submit" value="Check In and Give Schwag">
        </form>
    </div>
</div>
{% endcomment %}

<a type="button" class="btn btn-outline-primary" href="{% url 'regidesk:check_in_scanner' %}">Return to scanning page</a>

{% endblock %}