{% extends "./customerBaseNew.html" %}
{% load custom_tags %}
{% load static %}

{% block BodyCustomer1 %}

<div id="hesabdari" class="column is-12-mobile is-12-desktop ">

  <h1 class="has-text-centered has-text-weight-bold	toCurrency">
    مانده حساب:
    {{ mandehesabCs }}
  </h1>

  {% if perms.admin_panel.ViewStore %}
  <form method="post" action="{% url 'admin_panel:customerHesabdariAdd' customer.id %}" class="columns is-mobile is-multiline is-gapless mt-5 is-centered">
    {% csrf_token %}
      <div class="column is-12-mobile is-3-desktop">
        <span class="select is-fullwidth">
          <select required name="typePy" >
            <option value="">خدمات یا نصب</option>
            <option value="">هیچکدام</option>
            <option value="khadamat">خدمات</option>
            <option value="nasb">نصب</option>
          </select>
        </span>
      </div>
      <div class="column is-12-mobile is-3-desktop">
        <span class="select is-fullwidth">
          <select required name="type" >
            <option value="">انتخاب کنید</option>
            <option value="credit">تسویه بدهی قبلی</option>
            <option value="debit">ایجاد بدهی جدید</option>
          </select>
        </span>
      </div>
      <div class="column is-12-mobile is-3-desktop">
        <span class="select is-fullwidth">
          <select required name="nahvePardakhat" >
            <option value=""> نحوه پرداخت انتخاب کنید </option>
            <option value="هیچ کدام">هیچ کدام</option>
            <option value="نقد">نقد</option>
            <option value="کارت به کارت">کارت به کارت</option>
            <option value="کارت خوان">کارت خوان</option>
              <option value="تخفیف">تخفیف</option>
          </select>
        </span>
      </div>
      <div class="column is-12-mobile is-3-desktop ">
        <input required name="price" class="input" type="number" placeholder="مبلغ را به تومان وارد کنید">
      </div>
      <div class=" column is-12-mobile is-4-desktop ">
        <input required name="desc" class="input " type="text" placeholder="توضیحات">
      </div>
      <div class=" column is-12-mobile is-2-desktop">
        <input type="submit" class="button  is-primary" value="ثبت" />
      </div>
  </form>
  {% endif %}


  {% if articls %}
  <div class="table-container column is-12-desktop is-12-mobile m-0">
    <table class="table m-auto has-text-centered table is-bordered is-striped is-narrow is-fullwidth mojodiTB ">
      <thead>
        <tr>
          <th style="min-width: 80px;">بدهکار</th>
          <th style="min-width: 80px;">بستانکار</th>
          <th style="min-width: 400px;">توضیحات</th>
            <th style="min-width: 100px;">توسط</th>
          <th  style="min-width: 40px;">تاریخ</th>
          <th  style="min-width: 40px;">سررسید</th>
          <th  style="min-width: 40px;">وضعیت</th>
          <th  style="min-width: 40px;">نوع</th>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <th class="toCurrency" style="min-width: 80px;">بدهکار</th>
          <th class="toCurrency" style="min-width: 80px;">بستانکار</th>
          <th style="min-width: 400px;">توضیحات</th>
          <th style="min-width: 100px;">توسط</th>
            <th style="min-width: 40px;">تاریخ</th>
          <th  style="min-width: 40px;">سررسید</th>
          <th  style="min-width: 40px;">وضعیت</th>
          <th  style="min-width: 40px;">نوع</th>
        </tr>
      </tfoot>
      <tbody id="listPrds">
        {% for articl in articls %}
        <tr class="IteamPrd">
          <td>
              <span class="bedehkar toCurrency">{{ articl.debit }}</span>
              <span class=" is-hidden"></span>
          </td>
          <td class="bestankar toCurrency">{{ articl.credit }}</td>
          <td class="desc">{{ articl.desc }} {% if articl.nahvePardakht %} | {{ articl.nahvePardakht }} {% endif %}</td>
          <td class="by" >{{ articl.user.first_name }} {{ articl.user.last_name }}</td>
            <td class="action" >{{ articl.createdDT | toJalali }}</td>
          <td class="action" >{% if articl.sarresid %} {{ articl.sarresid | toJalali }} {% endif %}</td>
          <td class="action" >{% if articl.payStatus == "true" %} پرداخت شده {% endif %}
            {% if articl.payStatus == "false" %} پرداخت نشده {% endif %}
            {% if articl.payStatus == "cancell" %} لفو شده {% endif %}
          </td>
          <td class="action" >{% if articl.typePy == 'khadamat' %}خدمات{% elif articl.typePy == 'nasb' %}نصب{% endif %}</td>             
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}


</div>

{% endblock %}