{{ include( 'NivaLamboCallCenterBundle:old:Shared/header.html.twig' ) }}

{{ include( 'NivaLamboCallCenterBundle:old:Shared/sidebar.html.twig', { 'active': 'blacklist' } ) }}

<!-- main content -->
<div class="col-sm-10">
    <div class="page-header">
        <h1>Blacklist</h1>
    </div>

    {% if error is defined and error %}
        {% if error == 1 %} {# Number already exists in blacklist #}
            <div class="alert alert-warning">
                <strong>Error!</strong> Phone number {{ msisdn }}
                is already in the blacklist.
            </div>
        {% elseif error == 2 %} {# Number added to the blacklist#}
            <div class="alert alert-success">
                <strong>Success!</strong> Phone number {{ msisdn }} was successfully
                added to the blacklist. <span class="glyphicon glyphicon-plus"></span>
            </div>
        {% elseif error == 3 %} {# Number was not in the blacklist#}
            <div class="alert alert-warning">
                <strong>Error!</strong> Phone number {{ msisdn }} was not found in
                the blacklist.
            </div>
        {% elseif error == 4 %} {# Number removed from the blacklist#}
            <div class="alert alert-success">
                <strong>Success!</strong> Phone number {{ msisdn }} was successfully
                removed from the blacklist. <span class="glyphicon glyphicon-ban-circle"></span>
            </div>
        {% elseif error == 5 %} {# Woah, another error #}
            <div class="alert alert-danger">
                <strong>Error!</strong> An unknown error has occurred. Please try again later.
            </div>
        {% endif %}
    {% endif %}

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <strong><span class="glyphicon glyphicon-plus"></span> Add to Blacklist</strong>
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" role="form" action="{{ path('callcenter_blacklist_add') }}"
                          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 (10 digits)"/>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <button type="submit" class="btn btn-default btn-block">
                                    <span class="glyphicon glyphicon-plus"></span> Add
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <strong><span class="glyphicon glyphicon-ban-circle"></span> Remove from Blacklist</strong>
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" role="form" action="{{ path('callcenter_blacklist_remove') }}"
                          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 (10 digits)"/>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <button type="submit" class="btn btn-default btn-block">
                                    <span class="glyphicon glyphicon-ban-circle"></span> Remove
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <strong><span class="glyphicon glyphicon-file"></span>Blacklist Bulk</strong>
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" role="form" action="{{ path('callcenter_blacklist_bulk') }}"
                          method="post" enctype="multipart/form-data" {#{{ form_enctype(form) }}#}
                            onsubmit="return uploadAnimation();">
                        <div class="form-group">
                            <div class="col-lg-6">
                                <div class="input-group">
                                    <span class="input-group-btn">
                                        <span class="btn btn-default btn-file">
                                            Browse&hellip;
                                            <input type="file" name="file" {#multiple#}>
                                        </span>
                                    </span>
                                    <input type="text" class="form-control" readonly>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <button type="submit" class="btn btn-default btn-block" id="file-upload-btn">
                                    <span class="glyphicon glyphicon-file"></span> Upload
                                </button>
                            </div>
                        </div>
                        {% if fileError is defined %}
                            <div class="alert alert-danger">
                                <strong>Woah!</strong> Only .txt files are supported.
                            </div>
                        {%  endif %}
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div id="uploading-animation"></div>

    {% if clients is defined %}
    <h3> Bulk Action Results </h3>
    <div class="row">
        <div class="col-md-12">
            <table class="table">
                <thead>
                    <tr>
                        <th>Client</th>
                        <th>Action</th>
                        <th>Result</th>
                    </tr>
                </thead>
                <tbody>
                {% for client in clients %}
                    {% if client.msg == 'Success!' %}
                    <tr class="success">
                    {% else %}
                    <tr class="danger">
                    {% endif %}
                        <td>{{ client.msisdn }}</td>
                        {% if client.type == 'add' %}
                            <td><span class="glyphicon glyphicon-plus"></span> Add</td>
                        {% elseif client.type == 'remove' %}
                            <td><span class="glyphicon glyphicon-ban-circle"></span> Remove</td>
                        {% endif %}
                        <td>{{ client.msg }}</td>
                    </tr>
                {% endfor %}
                {% if time is defined %}
                    <td>Total execution time: {{ time }} s</td>
                {% endif %}
                </tbody>
            </table>
        </div>
    </div>
    {% endif %}

    {#<input id="lefile" type="file" style="display:none">
    <div class="input-append">
        <input id="photoCover" class="input-large" type="text">
        <a class="btn" onclick="$('input[id=lefile]').click();">Browse</a>
    </div>#}

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

{{ include( 'NivaLamboCallCenterBundle:old:Shared/footer.html.twig' ) }}