{% extends request.ajax ? "layout_blank.phtml" : "layout_default.phtml" %}

{% block meta_title %}{% trans 'Client Area' %}{% endblock %}
{% import "macro_functions.phtml" as mf %}

{% block content %}
<div class="dashboard">
{% if client %}

{% set tickets = client.support_ticket_get_list({"status":'on_hold'}) %}
{% if tickets.total > 0 %}
    <div class="widget">
        <div class="head">
            <h2 class="dark-icon i-support">{% trans 'Tickets waiting your reply' %}</h2>
        </div>
        <table>
            <thead>
                <tr>
                    <th>{% trans 'Id' %}</th>
                    <th>{% trans 'Subject' %}</th>
                    <th>{% trans 'Help desk' %}</th>
                    <th>{% trans 'Status' %}</th>
                    <th>{% trans 'Submited' %}</th>
                </tr>
            </thead>

            <tbody>
                {% for i, ticket in tickets.list %}

                <tr class="{{ cycle(['odd', 'even'], i) }}">
                    <td>{{ticket.id}}</td>
                    <td><a href="{{ 'support/ticket'|link }}/{{ticket.id}}">{{ticket.subject}}</a></td>
                    <td>{{ticket.helpdesk.name}}</td>
                    <td>{{mf.status_name(ticket.status)}}</td>
                    <td>{{ticket.created_at|date('l, d F Y')}}</td>
                </tr>

                {% else %}

                <tr>
                    <td colspan="5">{% trans 'The list is empty' %}</td>
                </tr>

                {% endfor %}

            </tbody>
        </table>
    </div>
{% endif %}

{% set profile = client.client_get %}
<div class="grid_6 alpha">
    <div class="widget">
        <div class="head">
            <h2 class="dark-icon i-profile">{% trans 'Profile' %}</h2>
        </div>

        <table>
            <tbody>
                <tr>
                    <td>{% trans 'ID' %}</td>
                    <td>#{{ profile.id }}</td>
                </tr>
                <tr>
                    <td>{% trans 'Email' %}</td>
                    <td>{{ profile.email }}</td>
                </tr>
                <tr>
                    <td>{% trans 'Balance' %}</td>
                    <td>{{ mf.currency_format(profile.balance, profile.currency) }}</td>
                </tr>
            </tbody>

            <tfoot>
                <tr>
                    <td colspan="2">
                        <a class="bb-button" href="{{ 'me'|link }}">{% trans 'Manage profile' %}</a>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

<div class="grid_6 omega">
    <div class="widget">
        <div class="head">
            <h2 class="dark-icon i-invoice">{% trans 'Invoices' %}</h2>
        </div>
        <table>
            <tbody>
                <tr>
                    <td>{% trans 'Total' %}</td>
                    <td>{{ client.invoice_get_list().total }}</td>
                </tr>
                <tr>
                    <td>{% trans 'Paid' %}</td>
                    <td>{{ client.invoice_get_list({"status":"paid"}).total }}</td>
                </tr>
                <tr>
                    <td>{% trans 'Unpaid' %}</td>
                    <td>{{ client.invoice_get_list({"status":"unpaid"}).total }}</td>
                </tr>
            </tbody>

            <tfoot>
                <tr>
                    <td colspan="2">
                        <a class="bb-button" href="{{ 'invoice'|link }}">{% trans 'All Invoices' %}</a>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

<div class="grid_6 alpha">
    <div class="widget">
        <div class="head">
            <h2 class="dark-icon i-services">{% trans 'Services' %}</h2>
        </div>
        <table>
            <tbody>
                <tr>
                    <td>{% trans 'Total' %}</td>
                    <td>{{ client.order_get_list({"hide_addons":1}).total }}</td>
                </tr>
                <tr>
                    <td>{% trans 'Active' %}</td>
                    <td>{{ client.order_get_list({"hide_addons":1, "status":"active"}).total }}</td>
                </tr>
                <tr>
                    <td>{% trans 'Soon expires' %}</td>
                    <td>{{ client.order_get_list({"expiring":1}).total }}</td>
                </tr>
            </tbody>

            <tfoot>
                <tr>
                    <td colspan="2">
                        <a class="bb-button" href="{{ 'service'|link }}">{% trans 'All services' %}</a>
                        <a class="bb-button bb-button-submit" href="{{ 'order'|link }}">{% trans 'New order' %}</a>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

<div class="grid_6 omega">
    <div class="widget">
        <div class="head">
            <h2 class="dark-icon i-support">{% trans 'Tickets' %}</h2>
        </div>
        <table>
            <tbody>
                <tr>
                    <td>{% trans 'Total' %}</td>
                    <td>{{ client.support_ticket_get_list().total }}</td>
                </tr>
                <tr>
                    <td>{% trans 'Open' %}</td>
                    <td>{{ client.support_ticket_get_list({"status":'open'}).total }}</td>
                </tr>
                <tr>
                    <td>{% trans 'On Hold' %}</td>
                    <td>{{ client.support_ticket_get_list({"status":'on_hold'}).total }}</td>
                </tr>
            </tbody>

            <tfoot>
                <tr>
                    <td colspan="2">
                        <a class="bb-button" href="{{ 'support'|link }}">{% trans 'All tickets' %}</a>
                        <a class="bb-button bb-button-submit" href="{{ 'support'|link }}?ticket=1">{% trans 'New ticket' %}</a>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

<div class="grid_6 alpha">
    <div class="widget">
        <div class="head">
            <h2 class="dark-icon i-order">{% trans 'Recent orders' %}</h2>
        </div>
        <table>
            <tbody>
                {% for i, order in client.order_get_list({"per_page":5, "page":request.page, "hide_addons":1}).list %}
                <tr class="{{ cycle(['odd', 'even'], i) }}">
                    <td><a href="{{ 'service/manage'|link }}/{{order.id}}">{{ order.title|truncate(30) }}</a></td>
                    <td>{{ mf.status_name(order.status) }}</td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="3">{% trans 'The list is empty' %}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

<div class="grid_6 omega">
    <div class="widget">
        <div class="head">
            <h2 class="dark-icon i-email">{% trans 'Recent emails' %}</h2>
        </div>
        <table>
            <tbody>
                {% for i, email in client.email_get_list({"per_page":5}).list %}
                <tr class="{{ cycle(['odd', 'even'], i) }}">
                    <td><a href="{{ 'email'|link }}/{{email.id}}">{{email.subject|truncate(30)}}</a></td>
                    <td title="{{ email.created_at|date('l, d F Y H:i') }}">{{ email.created_at|timeago }} {% trans 'ago' %}</td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="2">{% trans 'The list is empty' %}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
<div class="clear"></div>

{% else %}

    <div class="grid_6 alpha">
        <div class="box">
            <h2 class="big-dark-icon i-order"><a href="{{ '/order'|link }}">{% trans 'Order' %}</a></h2>
            <div class="block">
                <p>{% trans 'Order products and services' %}</p>
            </div>
        </div>
    </div>
    <div class="grid_6 omega">
        <div class="box">
            <h2 class="big-dark-icon i-blog"><a href="{{ '/blog'|link }}">{% trans 'Anouncements' %}</a></h2>
            <div class="block">
                <p>{% trans 'Latest news & announcements' %}</p>
            </div>
        </div>
    </div>
    <div class="clear"></div>

    <div class="grid_6 alpha">
        <div class="box">
            <h2 class="big-dark-icon i-profile"><a href="{{ '/login'|link }}?register=1">{% trans 'Register' %}</a></h2>
            <div class="block">
                <p>{% trans 'Become a member and manage services' %}</p>
            </div>
        </div>
    </div>
    <div class="grid_6 omega">
        <div class="box">
            <h2 class="big-dark-icon i-email"><a href="{{ '/contact-us'|link }}">{% trans 'Contact Us' %}</a></h2>
            <div class="block">
                <p>{% trans 'Contact us for more information' %}</p>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_6 alpha">
        <div class="box">
            <h2 class="big-dark-icon i-kb"><a href="{{ '/kb'|link }}">{% trans 'Knowledge Base' %}</a></h2>
            <div class="block">
                <p>{% trans 'Browse our KB for answers and FAQs' %}</p>
            </div>
        </div>
    </div>

    <div class="grid_6 omega">
        <div class="box">
            <h2 class="big-dark-icon i-forum"><a href="{{ '/forum'|link }}">{% trans 'Forum' %}</a></h2>
            <div class="block">
                <p>{% trans 'Become a member and discuss in forums' %}</p>
            </div>
        </div>
    </div>
    <div class="clear"></div>
{% endif %}

</div>
{% endblock %}


{% block js %}
<script type="text/javascript">
$(function() {

    $('#client-login').bind('submit',function(event){
        api.post(
            'guest/client/login',
            $(this).serialize(),
            function(result) {
                bb.redirect();
            }
        );
        return false;
    });

});
</script>
{% endblock %}