{{ include( 'NivaLamboCallCenterMiniBundle:old:Shared/header.html.twig' ) }}
        <div class="container">
            <div class="row">

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

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

                <div class="row">
                    <div class="col-md-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <strong>Search</strong>
                            </div>
                            <div class="panel-body">
                                <form class="form-horizontal" role="form" action="{{ path('callcenter_client_search') }}"
                                      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-search"></span> Search</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                {% if error is defined %}
                    {% if error %}
                        <div class="alert alert-danger alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            There was an error trying to unsubscribe <strong>{{ client.phoneNumber }}</strong>.
                        </div>
                    {% else %}
                        <div class="alert alert-success alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <strong>{{ client.phoneNumber }}</strong> unsubscribed successfully.
                        </div>
                    {% endif %}
                {% endif %}

                {% if not clients %}
                    <div class="alert alert-warning">Could not find any clients with the specified phone number</div>
                {% else %}
                    <div class="row">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>Club</th>
                                <th>Phone Number</th>
                                <th>Status</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody>

                            {% for client in clients %}
                                <tr>
                                    <td>{{ client.getClubId().getClubName() }}</td>
                                    <td>{{ client.phoneNumber }}</td>
                                    <td>{% if client.status == 'A' %}<span class="label label-success">Active</span>
                                        {% elseif client.status == 'S' %}<span class="label label-primary">Suspended</span>
                                        {% elseif client.status == 'C' %}<span class="label label-danger">Cancelled</span>
                                        {% else %}<span class="label label-default">Pending</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if client.status != 'C' %}
                                            <a href="{{ url('callcenter_client_unsubscribe', {'id': client.clientId}) }}" class="btn btn-danger"><i class="fa fa-times"></i></a>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}

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


                </div>
                <!-- /main content -->
            </div> <!-- /row -->
        </div> <!-- /container -->
    </body>
</html>