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

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

<!-- main content -->
<div class="col-sm-10">
    <div class="page-header">
        <h1>{{ client.getClubId().getClubName() }}: {{ client.phoneNumber }}</h1>
    </div>


    <div class="nav nav-tabs">
            <li><a href="{{ path('admin_client_view', {'id': client.clientId}) }}">General</a></li>
            <li><a href="{{ path('admin_client_detail', {'id': client.clientId}) }}">Details</a></li>
            <li class="active"><a href="{{ path('admin_client_log', {'id': client.clientId}) }}">Logs</a></li>
            <li><a href="{{ path('admin_client_activity', {'id': client.clientId}) }}">Activity</a></li>
    </div>

    <h3>Synchronization Logs</h3>
    <table class="table table-striped">
        <thead>
        <tr>
            <th>Log ID</th>
            <th>Timestamp</th>
            <th>Action</th>
            <th>Status Before</th>
            <th>Status After</th>
            <th>Charge Successful?</th>
            <!-- <th>Partial Charge?</th> -->
            <th>Fee</th>
            <th>Credits</th>
            <!-- <th>Details</th> -->
            <th>Error Code</th>
            <th>Raw Response</th>
        </tr>
        </thead>
        <tbody>

        {% for log in syncLogs %}
            <tr>
                <td>{{ log.logId }}</td>
                <td>{{ log.timestamp|date('Y-m-d H:i:s') }}</td>
                <td>{{ log.action }}</td>
                <td>{{ log.clientStatusBefore }}</td>
                <td>{{ log.clientStatusAfter }}</td>
                <td>
                    {% if log.isSuccessful %}
                    Yes
                    {% else %}
                    No
                    {% endif %}
                </td>
                <!-- <td>{{ log.isPartialCharge }}</td> -->
                <td>{{ log.fee }}</td>
                <td>{{ log.credits }}</td>
                <!-- <td>{{ log.details }}</td> -->
                <td>{{ log.errorCode }}</td>
                <td>
                    <button type="button" class="btn btn-default btn-xs" data-container="body" data-toggle="popover"
                            data-placement="right" data-html="false"
                            data-content='{{ log.rawResponse|raw }}'>
                        <span class="glyphicon glyphicon-plus"></span> View
                    </button>
                </td>
            </tr>
        {% endfor %}

        </tbody>
    </table>

    {% if syncLogs[0] is not defined %}
        <p>Woah, no Sync logs found.</p>
    {% endif %}

    <h3>Communication Logs</h3>
    <table class="table table-striped">
        <thead>
        <tr>
            <th>Timestamp</th>
            <th>Action</th>
            <th>Status Before</th>
            <th>Status After</th>
            <th>Successful?</th>
            <!-- <th>Details</th> -->
            <th>Error Code</th>
            <th>Raw Response</th>
        </tr>
        </thead>
        <tbody>

        {% for log in commLogs %}
            <tr>
                <td>{{ log.timestamp|date('Y-m-d H:i:s') }}</td>
                <td>{{ log.action }}</td>
                <td>{{ log.clientStatusBefore }}</td>
                <td>{{ log.clientStatusAfter }}</td>
                <td>
                    {% if log.isSuccessful %}
                        Yes
                    {% else %}
                        No
                    {% endif %}
                </td>
                <!-- <td>{{ log.details }}</td> -->
                <td>{{ log.errorCode }}</td>
                <td>
                    <button type="button" class="btn btn-default btn-xs" data-container="body" data-toggle="popover"
                            data-placement="right" data-html="false"
                            data-content='{{ log.rawResponse|raw }}'>
                        <span class="glyphicon glyphicon-plus"></span> View
                    </button>
                </td>
            </tr>
        {% endfor %}

        </tbody>
    </table>

    {% if commLogs[0] is not defined %}
        <p>Woah, no Comm logs found.</p>
    {% endif %}

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

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