{% extends '@layout/_admin_layout.twig' %}
{% block content %}
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">Платежи</h1>
        </div>
        <!-- /.col-lg-12 -->
    </div>
    <!-- /.row -->
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <!-- /.panel-heading -->
                <div class="panel-body">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#payments-all" data-toggle="tab">Все <span
                                        class="btn-success">1450</span></a>
                        </li>
                        <li><a href="#payments-waiting" data-toggle="tab">В ожидание <span
                                        class="btn-success">14</span></a>
                        </li>
                        <li><a href="#payments-end" data-toggle="tab">Завершенные <span
                                        class="btn-success">55</span></a>
                        </li>
                        <li><a href="#payments-rejected" data-toggle="tab">Отклоненные <span
                                        class="btn-success">90</span></a>
                        </li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div class="tab-pane fade in active" id="payments-all">
                            <div class="panel-body">
                                <table width="100%" class="table table-striped table-bordered table-hover"
                                       id="dataTables-example">
                                    <thead>
                                    <tr>
                                        <th>Дата</th>
                                        <th>Имя</th>
                                        <th>Логин</th>
                                        <th>Сумма</th>
                                        <th>Способ оплаты</th>
                                        <th>Статус</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="odd gradeX">
                                        <td>18.03.2017</td>
                                        <td>Иван</td>
                                        <td>Ivanov</td>
                                        <td>1500</td>
                                        <td>Robokassa</td>
                                        <td>В ожидании</td>
                                    </tr>
                                    <tr class="even gradeC">
                                        <td>18.03.2017</td>
                                        <td>Иван</td>
                                        <td>Ivanov</td>
                                        <td>1500</td>
                                        <td>Robokassa</td>
                                        <td>В ожидании</td>
                                    </tr>
                                    <tr class="odd gradeA">
                                        <td>18.03.2017</td>
                                        <td>Иван</td>
                                        <td>Ivanov</td>
                                        <td>1500</td>
                                        <td>Robokassa</td>
                                        <td>В ожидании</td>
                                    </tr>
                                    </tbody>
                                </table>
                                <!-- /.table-responsive -->
                            </div>
                        </div>
                        <div class="tab-pane fade" id="payments-waiting">
                            <div class="panel-body">
                                <table width="100%" class="table table-striped table-bordered table-hover"
                                       id="dataTables-example1">
                                    <thead>
                                    <tr>
                                        <th>Дата</th>
                                        <th>Имя</th>
                                        <th>Логин</th>
                                        <th>Сумма</th>
                                        <th>Способ оплаты</th>
                                        <th>Статус</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="odd gradeX">
                                        <td>18.03.2017</td>
                                        <td>Иван</td>
                                        <td>Ivanov</td>
                                        <td>1500</td>
                                        <td>Robokassa</td>
                                        <td>В ожидании</td>
                                    </tr>
                                    <tr class="even gradeC">
                                        <td>18.03.2017</td>
                                        <td>Иван</td>
                                        <td>Ivanov</td>
                                        <td>1500</td>
                                        <td>Robokassa</td>
                                        <td>В ожидании</td>
                                    </tr>
                                    <tr class="odd gradeA">
                                        <td>18.03.2017</td>
                                        <td>Иван</td>
                                        <td>Ivanov</td>
                                        <td>1500</td>
                                        <td>Robokassa</td>
                                        <td>В ожидании</td>
                                    </tr>
                                    </tbody>
                                </table>
                                <!-- /.table-responsive -->
                            </div>
                        </div>
                        <div class="tab-pane fade" id="payments-end">
                            <div class="panel-body">
                                <table width="100%" class="table table-striped table-bordered table-hover"
                                       id="dataTables-example2">
                                    <thead>
                                    <tr>
                                        <th>Дата</th>
                                        <th>Имя</th>
                                        <th>Логин</th>
                                        <th>Сумма</th>
                                        <th>Способ оплаты</th>
                                        <th>Статус</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="odd gradeX">
                                        <td>18.03.2017</td>
                                        <td>Иван</td>
                                        <td>Ivanov</td>
                                        <td>1500</td>
                                        <td>Robokassa</td>
                                        <td>В ожидании</td>
                                    </tr>
                                    <tr class="even gradeC">
                                        <td>18.03.2017</td>
                                        <td>Иван</td>
                                        <td>Ivanov</td>
                                        <td>1500</td>
                                        <td>Robokassa</td>
                                        <td>В ожидании</td>
                                    </tr>
                                    <tr class="odd gradeA">
                                        <td>18.03.2017</td>
                                        <td>Иван</td>
                                        <td>Ivanov</td>
                                        <td>1500</td>
                                        <td>Robokassa</td>
                                        <td>В ожидании</td>
                                    </tr>
                                    </tbody>
                                </table>
                                <!-- /.table-responsive -->
                            </div>
                        </div>
                        <div class="tab-pane fade" id="payments-rejected">
                            <div class="panel-body">
                                <table width="100%" class="table table-striped table-bordered table-hover"
                                       id="dataTables-example3">
                                    <thead>
                                    <tr>
                                        <th>Дата</th>
                                        <th>Имя</th>
                                        <th>Логин</th>
                                        <th>Сумма</th>
                                        <th>Способ оплаты</th>
                                        <th>Статус</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="odd gradeX">
                                        <td>18.03.2017</td>
                                        <td>Иван</td>
                                        <td>Ivanov</td>
                                        <td>1500</td>
                                        <td>Robokassa</td>
                                        <td>В ожидании</td>
                                    </tr>
                                    <tr class="even gradeC">
                                        <td>18.03.2017</td>
                                        <td>Иван</td>
                                        <td>Ivanov</td>
                                        <td>1500</td>
                                        <td>Robokassa</td>
                                        <td>В ожидании</td>
                                    </tr>
                                    <tr class="odd gradeA">
                                        <td>18.03.2017</td>
                                        <td>Иван</td>
                                        <td>Ivanov</td>
                                        <td>1500</td>
                                        <td>Robokassa</td>
                                        <td>В ожидании</td>
                                    </tr>
                                    </tbody>
                                </table>
                                <!-- /.table-responsive -->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.panel-body -->
            </div>
            <!-- /.panel -->
        </div>
        <!-- /.col-lg-6 -->
    </div>
    <!-- END row ヽ(•‿•)ノ -->
{% endblock %}