{% set customerPackage = customer.customerPackage %}

{% set nextPackageDetail = getNextCustomerPackage(user) %}
{% set nextPackage = nextPackageDetail.package|default  %}

{#{{ dump(nextPackageDetail) }}#}

<div class="card plan-card border-primary" style="border-color: {{ customerPackage.color|default }}!important;">
    <div class="card-header d-flex justify-content-between align-items-center pt-75 pb-1">

        <h5 class="mb-0">

            <div class="avatar avatar-icon bg-light-primary p-50 m-0 mr-1" style="background-color: {{ customerPackage.color|default }} !important;color:#FFF !important;">
                <div class="avatar-content">
                    <i class="fa fa-diamond text-primary font-medium-5" style="color:#FFF !important;"></i>
                </div>
            </div>
            {% if customerPackage %}
            {{ customerPackage.title }} Paket
            {% else %}
                Paket bulunmamaktadır
            {% endif %}
        </h5>

    </div>
    <div class="card-body">
        <div class="col-12">
            <div class="row">
                <div class="col-md-6 col-sm-4 col-xs-6">
                    <div class="mt-1">
                        <p class="mb-0">Mevcut Paket</p>
                        <h6>{{ customerPackage.title|default("-") }} </h6>
                    </div>
                </div>
                <div class="col-md-6 col-sm-4 col-xs-6">
                    <div class="mt-1">
                        <p class="mb-0">Sonraki Paket</p>
                        <h6>{{ nextPackage.title|default("-") }}</h6>
                    </div>
                </div>
            </div>
            <div class="row margin-top-20">
                <div class="col-md-6 col-sm-4 col-xs-6">
                    <div class="mt-1">
                        <p class="mb-0">Yapılan Sipariş </p>
                        <h6>{{ money_format(nextPackageDetail.totalOrderAmount|default("0")) }} TL</h6>
                    </div>
                </div>
                <div class="col-md-6 col-sm-4 col-xs-6">
                    <div class="mt-1">
                        <p class="mb-0">Sonraki Pakete Kalan Tutar</p>
                        <h6>{{ money_format(nextPackageDetail.requiredOrderAmount|default("0"))}} TL</h6>
                    </div>
                </div>
                <div class="col-md-6 col-sm-4 col-xs-6 margin-top-20">
                    <div class="mt-1">
                        <p class="mb-0">Başlancıç Tarihi</p>
                        <h6 style="">{{ nextPackageDetail.startDate|default ? nextPackageDetail.startDate|date('d/m/Y') : '-' }}</h6>
                    </div>
                </div>
                <div class="col-md-6 col-sm-4 col-xs-6 margin-top-20">
                    <div class="mt-1">
                        <p class="mb-0"> Bitiş Tarih</p>
                        <h6 style="">{{ nextPackageDetail.lastDate|default ? nextPackageDetail.lastDate|date('d/m/Y') : '-' }}</h6>
                    </div>
                </div>
            </div>
        </div>
        {#                        <button class="btn btn-primary text-center btn-block">Ödeme Yap</button>#}
    </div>
</div>