{{ header }}{{ column_left }}
<div id="content">
    <div class="page-header">

        <div class="container-fluid">
            <ul class="breadcrumb">
                {% for breadcrumb in breadcrumbs %}
                    <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
                {% endfor %}
            </ul>
            <div class="pull-right">
                <img src="view/image/entegrasyon/logo.png" />
            </div>
        </div>
    </div>
    <div class="container-fluid"> {% if success %}
            <div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> {{ success }}
                <button type="button" class="close" data-dismiss="alert">&times;</button>
            </div>
        {% endif %}
        {% if error %}
            {% for error_message in error %}
                <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_message }}</div>
            {% endfor %}
        {% endif %}

        <div class="row well"  style="border-top: 2px solid #27ad5e;">


            <div class="col-sm-1">
                <img class="img-responsive" src="view/image/entegrasyon/bilgi.png"/>
            </div>
            <div class="col-sm-11">
                <h3 style="color:#27ad5e;font-weight: bolder ">Bilgilendirme</h3>
                <p>
                    Aşağıda Pazaryeri üyelikleriniz üyelik durumlarınız ve kalan kullanım süreleriniz listelenmiştir. Pazaryeri üyeliklerinizi demodan premiuma dönüştürebilir yada dilerseniz premium süresini uzatabilirsiniz. Satın almak yada süre uzatmak için pazaryerinin karşındaki butona tıklayarak ürünleri sepete ekleyin. Ödeme yap butonuna tıklayarak ödeme sayfasına gidin ve ödemenizi yapın. <strong>Ödeme işleminden hemen sonra hesabınız demo ise otomatik olarak Premiun Hesaba dönüşecek, premium ise kullanım süreniz 1 yıl daha uzayacaktır..</strong>
                </p>
            </div>
        </div>
<div class="row">
    <div class="col-md-8">
        <table class="table table-bordered table-hover">
            <thead>
            <tr>
                <td class="text-center" width="20%">Logo</td>
                <td class="text-left" width="20%">Pazaryeri</td>
                <td class="text-center" width="15%">Üyelik</td>
                <td class="text-center" width="15%">Durumu</td>
                <td class="text-center" width="15%">Kalan Gün</td>
                <td class="text-right" width="20%">Eylem</td>
            </tr>
            </thead>
            <tbody>

            {% for marketplace in marketplaces %}
                <tr>
                    <td class="text-center"><img src="{{ marketplace.logo }}"></td>
                    <td class="text-left">{{ marketplace.name }}</td>
                    <td class="text-center">{{ marketplace.member_type }}</td>

                    <td class="text-center">{{ marketplace.status ? 'Aktif':'Pasif' }}</td>
                    <td class="text-center">{{ marketplace.left_day }}</td>

                    <td class="text-right">
                        <button data-loading-text="<i class='fa fa-spinner fa-spin '></i> Ödeme sayfasına yönleniyor." code="{{ marketplace.code }}" data-toggle="tooltip" title="{% if  marketplace.member_type=='Demo' %} Hesabı 1 yıllık premiuma dönüştürür{% else %}Premium süresini 1 yıl daha uzatır{% endif %}"   class="btn btn-block {% if  marketplace.member_type=='Demo' %}btn-primary{% else %}btn-info{% endif %} btnBuy"> <i class="fa fa-cart-plus"></i> {% if  marketplace.member_type=='Demo' %} Satın Al{% else %}Süre Uzat{% endif %}</button></td>   </tr>
            {% endfor %}
            </tbody>

        </table>
    </div>

    <div class="col-sm-4">
        <div class="panel panel-primary">
            <div class="panel-heading">

                <p class="panel-title">Sepetim</p>

            </div>

            <div class="panel-body">

                <div class="cart"></div>

            </div>


        </div>


    </div>
</div></div></div>


<script>

    $(function (event) {
$('.cart').load('index.php?route=entegrasyon/setting/cart&{{ token_link }}');
    });


    $(document).on('click','.btnBuy',function (event) {

        var code=$(this).attr('code');
        $.post('index.php?route=entegrasyon/setting/add_to_cart&{{ token_link }}',{code:code},function (json) {
            if(json['status']){

                $('.cart').load('index.php?route=entegrasyon/setting/cart&{{ token_link }}');

            }
        },'JSON');


    })


    $(document).on('click','.btn-delete',function (event) {

        var code=$(this).attr('code');
        $.post('index.php?route=entegrasyon/setting/delete_from_cart&{{ token_link }}',{code:code},function (json) {

            if(json['status']){

                $('.cart').load('index.php?route=entegrasyon/setting/cart&{{ token_link }}');

            }
        },'JSON');


    });


    $(document).on('click','.btnPay',function (event) {

        $(this).button('loading');
        $.post('index.php?route=entegrasyon/setting/paid&{{ token_link }}',{},function (json) {

            if(json['status']){

               window.location.href=json['url'];
                $(this).button('reset');

            }
        },'JSON');

    })


</script>

{{ footer }}