{{ include( 'NivaControlBundle:Shared:header.html.twig', { 'section': 'club', 'mode': 'club' } ) }}

{{ include( 'NivaControlBundle:Shared:sidebar.html.twig', { 'section': 'club', 'mode': 'club', 'active': 'client' } ) }}

<!-- main content -->
<div class="col-sm-10">
<div class="page-header">
    {% if client %}
        <h1>Client: {{ client.phoneNumber }}</h1>
    {% else %}
        <h1>Client</h1>
    {% endif %}
</div>

<div class="row">
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>Search in {{ club.clubName }}</strong>
            </div>
            <div class="panel-body">
                <form class="form-horizontal" role="form" action="{{ path('club_client_view', {'id': club.clubId}) }}"
                      method="post">
                    <div class="form-group">
                        <div class="col-lg-6">
                            <div class="input-group">
                                <span class="input-group-addon">#</span>
                                <input type="text" class="form-control" id="phoneNumber" name="phoneNumber"
                                       placeholder="Phone Number ({{ club.phoneDigits }} digits)"
                                        {% if client %}
                                    value="{{ client.phoneNumber }}"
                                        {% endif %}/>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <button type="submit" class="btn btn-default btn-block">Search</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

{% if error %}
    {% if error == 1 %} {# No client selected #}
        <div class="alert alert-info">Please specify a client.</div>
    {% elseif error == 2 %} {# No client found #}
        <div class="alert alert-warning"><strong>Woah!</strong> Could not find a client in {{ club.clubName }} with the
            specified phone number.
        </div>
    {% elseif error == 3 %} {# Could not unsubscribe client #}
        <div class="alert alert-danger"><strong>Woah!</strong> Could not unsubscribe {{ client.phoneNumber }}
            from {{ club.clubName }}. Please try again later.
        </div>
    {% elseif error == 4 %} {# Client unsubscribed successfully #}
        <div class="alert alert-success"><strong>Success!</strong> Client {{ client.phoneNumber }} was successfully
            unsubscribed from {{ club.clubName }}.
        </div>
    {% endif %}
{% endif %}

{% if client and not error %}

<div class="row">
    <div class="col-lg-8">
        <!-- start: Client details -->
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>General Information</strong>
            </div>
            <div class="panel-body">
                <table class="table table-borderless">
                    <tr>
                        <td class="col-sm-2"><strong>Status</strong></td>
                        <td class="col-sm-4">{{ client.status }}</td>
                        <td class="col-sm-6"><small>
                            Status of the client
                        </small></td>
                    </tr>
                    <tr>
                        <td class="col-sm-2"><strong>MSISDN</strong></td>
                        <td class="col-sm-4">{{ client.getMsisdn() }}</td>
                        <td class="col-sm-6"><small>
                                Complete MSISDN number (including country code)
                        </small></td>
                    </tr>
                    <tr>
                        <td class="col-sm-2"><strong>Credits</strong></td>
                        <td class="col-sm-4">{{ client.credits }}</td>
                        <td class="col-sm-6"><small>
                                Current available credits for downloads
                            </small></td>
                    </tr>
                    <tr>
                        <td class="col-sm-2"><strong>Total Charged</strong></td>
                        <td class="col-sm-4">${{ (client.totalCharged*0.01)|number_format(2, '.', ',') }}</td>
                        <td class="col-sm-6"><small>
                                Total amount charged to client (no IVA)
                            </small></td>
                    </tr>
                </table>
            </div>
        </div>

        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>Events</strong>
            </div>
            <div class="panel-body">
                <table class="table table-borderless">
                    <tr>
                        <td class="col-sm-2"><strong>Activation Time</strong></td>
                        <td class="col-sm-4">
                            {% if client.activationTime %}
                                {{ client.activationTime|date('Y-m-d H:i:s') }} via {{ client.activationChannelText }}
                            {% else %}
                                None
                            {% endif %}
                        </td>
                        <td class="col-sm-6"><small>
                                Timestamp of activation action
                            </small></td>
                    </tr>
                    <tr>
                        <td class="col-sm-2"><strong>Double Opt-In Time</strong></td>
                        <td class="col-sm-4">
                            {% if client.doubleOptInTime %}
                                {{ client.doubleOptInTime|date('Y-m-d H:i:s') }}
                            {% else %}
                                None
                            {% endif %}
                        </td>
                        <td class="col-sm-6"><small>
                                Timestamp of double opt-int begin action
                            </small></td>
                    </tr>
                    <tr>
                        <td class="col-sm-2"><strong>Last Charge Time</strong></td>
                        <td class="col-sm-4">
                            {% if client.lastChargeTime %}
                                {{ client.lastChargeTime|date('Y-m-d H:i:s') }}
                            {% else %}
                                None
                            {% endif %}
                        </td>
                        <td class="col-sm-6"><small>
                                Timestamp when the last successful charge was realized
                            </small></td>
                    </tr>
                    <tr>
                        <td class="col-sm-2"><strong>Cancellation Time</strong></td>
                        <td class="col-sm-4">
                            {% if client.cancellationTime %}
                                {{ client.cancellationTime|date('Y-m-d H:i:s') }} via {{ client.cancellationChannelText }}
                            {% else %}
                                None
                            {% endif %}
                        </td>
                        <td class="col-sm-6"><small>
                                Timestamp of cancellation action
                            </small></td>
                    </tr>
                </table>
            </div>
        </div>

        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>Activity</strong>
            </div>
            <div class="panel-body">
                <table class="table table-borderless">
                    <tr>
                        <td class="col-sm-2"><strong>Downloaded Content</strong></td>
                        <td class="col-sm-4">{{ activity.totalDownloads }} downloads</td>
                        <td class="col-sm-6"><small>
                                Amount of downloads the client has made
                            </small></td>
                    </tr>
                    <tr>
                        <td class="col-sm-2"><strong>Last Download Time</strong></td>
                        <td class="col-sm-4">
                            {% if activity.totalDownloads %}
                                {{ activity.lastDownload|date('Y-m-d H:i:s') }}
                            {% else %}
                                None
                            {% endif %}
                        </td>
                        <td class="col-sm-6"><small>
                                Timestamp of the last download
                            </small></td>
                    </tr>
                    <tr>
                        <td class="col-sm-2"><strong>Last Downloaded Content</strong></td>
                        <td class="col-sm-4">
                            {% if activity.totalDownloads %}
                                <a href="{{ path('club_content_view', {'id': club.clubId, 'cid': activity.content.contentId }) }}">
                                    <img src="{{ activity.content.url() }}" alt="{{ activity.content.name }}"
                                         style="height:80px"/>
                                </a>
                            {% else %}
                                None
                            {% endif %}
                        </td>
                        <td class="col-sm-6"><small>
                                Last downloaded content
                            </small></td>
                    </tr>
                </table>
            </div>
        </div>
        <!-- end: Client details -->
    </div>

    <div class="col-lg-4">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>Actions</strong>
            </div>

            <div class="panel-body">
                <form action="{{ url('club_client_unsubscribe', {'id': club.clubId, 'cid': client.clientId}) }}"
                      method="post">
                    <div class="form-group">
                        <button type="submit" id="unsubscribeButton" class="btn btn-danger btn-block"
                                onclick="return confirm('Are you sure you want to unsubscribe \'{{ client.phoneNumber }}\'?')"
                                >Unsubscribe
                        </button>
                        <input type="hidden" name="clientId" value="{{ client.clientId }}"/>
                    </div>
                </form>
            </div>

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


</div>
<!-- /main content -->

{{ include( 'NivaControlBundle:Shared:footer.html.twig' ) }}