{% extends "main/main_base.html.twig" %}

{% set page_title = "Cüzdanım" %}
{% block title %}{{ page_title }}{% endblock %}

{% set customer = user.customer %}
{% set customerBalance = customer.balance|default("0") %}

{% block body %}

    {% set fields = [{'name':page_title}] %}
    {% include 'main/common/_header.html.twig' %}






    <div class="page-content mb-4">
        <div class="dashboard">
            <div class="container">
                <div class="row">
                    <aside class="col-lg-3 col-12 ">
                       {% include "main/Account/_account_sidebar.html.twig" %}
                    </aside><!-- End .col-lg-3 -->

                    <div class="col-md-8 col-lg-9">

                        <h3><i class="fas fa-wallet"></i> Toplam Bakiye : {{ money_format(customerBalance) }} TL</h3>
                        <br>
                        <br>


                        <div class="balanceHistoryList">
                            <h4>
                                <i class="fas fa-history"></i> Bakiye Hareketleri
                            </h4>

                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>Tarih</th>
                                    <th>Saat</th>
                                    <th>İşlem</th>
                                    <th>Tutar</th>
                                    <th>Kalan</th>
                                </tr>

                                </thead>
                                <tbody>
                                {% for balanceHistory in balanceHistories  %}
                                    {% set order = balanceHistory.order %}
                                <tr>
                                    <td>{{ balanceHistory.createdAt|date('d/m/Y') }}</td>
                                    <td>{{ balanceHistory.createdAt|date('H:i') }}</td>
                                    <td>
                                        {% if order %}
                                            <a href="{{ path('main_account_order_detail',{'id':order.id}) }}" target="_blank">#{{ order.orderNumber|default }}</a> Nolu
                                        {% endif %}
                                        {% if balanceHistory.operationType == '1' %}
                                              Siparişten Kazanıldı.
                                        {% else %}
                                            {% if balanceHistory.isOrderCancellation %}
                                                Siparişteki kazanç iptal edildi.
                                            {% else %}
                                                Siparişte Kulanıldı.
                                            {% endif %}
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if balanceHistory.operationType == '1' %}
                                            <span class="badge badge-success"> + {{ money_format(balanceHistory.amount) }} TL</span>
                                        {% else %}
                                            <span class="badge badge-danger"> - {{ money_format(balanceHistory.amount) }} TL</span>
                                        {% endif %}



                                    </td>
                                    <td>{{ money_format(balanceHistory.availableBalance|default("0")) }} TL</td>
                                </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>



                    </div><!-- End .col-lg-9 -->
                </div><!-- End .row -->
            </div><!-- End .container -->
        </div><!-- End .dashboard -->
    </div><!-- End .page-content -->

{% endblock %}
{% block javascripts %}
    <script>
        $().ready(function () {




        });
    </script>
{% endblock %}