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

{% block BodyCustomer1 %}

<div id="newFactor" class="column is-12-mobile is-12-desktop ">
  <h1 class="has-text-centered has-text-weight-bold	">شماره فاکتور {{ factorO.id }}</h1>
  <div class="columns is-multiline is-mobile">

    <div class="field column is-4-desktop is-12-mobile m-0">
      <label class="label">نام شخص</label>
      <div class="control">
        <input disabled value="{{ customer.name_family }}" name="installDate"  id="persianDateP" class="input" type="text" placeholder="مثل: 1400/06/01">
      </div>
    </div>

    <div class="field column is-4-desktop is-12-mobile m-0">
      <label class="label">تاریخ فاکتور</label>
      <div class="control">
        <input id="FpayDate" value="{{ factorO.create_date | toJalali }}"  id="persianDateP" class="input" type="text" placeholder="مثل: 1400/06/01">
      </div>
    </div>


    <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: 300px;">نام محصول</th>
            <th style="min-width: 100px;">قیمت واحد</th>
            <th style="min-width: 100px;">قیمت کل</th>
            <th>تعداد</th>
            <th>بابت</th>
            <th  style="min-width: 50px;">عملیات</th>
          </tr>
        </thead>
        <tfoot>
          <tr>
            <th>نام محصول</th>
            <th>قیمت واحد</th>
            <th>قیمت کل</th>
            <th>تعداد</th>
            <th>بابت</th>
            <th>عملیات</th>
          </tr>
        </tfoot>
        <tbody id="listPrds">
          {% for iteam in fiteam %}
          <tr class="IteamPrd">
            <td>
                <span class="product_name">{{ iteam.product_name  }}</span>
                <span class="product_id is-hidden"></span>
            </td>
            <td class="product_price">{{ iteam.product.product_price }}</td>
            <td class="product_price">{{ iteam.amount }}</td>
            <td class="product_count" >{{ iteam.num }}</td>
            <td class="product_count" >{{ iteam.garantyEsh }}</td>
            
              <td>
  
                <span>*</span>
  
              </td>          
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>

    <div class="field column is-4-desktop is-12-mobile m-0">
      <label class="label">جمع فاکتور</label>
      <div class="control">
        <input value="{{ factorO.amount }}" disabled name="price" id="sum_all" class="input" type="text" placeholder="">
      </div>
    </div>

    <div class="field column is-4-desktop is-12-mobile m-0">
      <label class="label">نحوه پرداخت</label>
      <div class="control">

        <div class="select" style="width: 100%;">
          <select id="FpayType" required style="width: 100%;">
            <option></option>
            <option value="naghd">نقد</option>
            <option value="cardToCard">کارت به کارت</option>
            <option value="kartKhan">کارت خوان</option>
            <option value="nesiye">نیسیه</option>
            <option value="check">چک</option>
          </select>
        </div>

      </div>
    </div>

    <div class="field column is-4-desktop is-12-mobile m-0" id="sarresidFild01">
      <label class="label">سررسید</label>
      <div class="control">
        <input value="{% if factorO.deadline %} {{ factorO.deadline | toJalali }} {% endif %}" name="sarResidDateSL" class="input" type="text" placeholder="">
      </div>
    </div>

    <div class="field column is-12-desktop is-12-mobile m-0">
      <label class="label">توضیحات فاکتور فاکتور</label>
      <div class="control">
        <textarea id="Fdesc" class="textarea" placeholder="بابت؟">
          {{ factorO.desc }}
        </textarea></div>
    </div>

    <div class="field column is-12-desktop is-12-mobile m-0">
      {% if perms.admin_panel.DelFactor %}
      <span class="button is-danger" id="btnDelfactor09">حذف فاکتور و اصلاح انبار</span>
      {% endif %}
    </div>


  </div>
</div>


<script>
    $("#btnDelfactor09").click(function(){
      var cDelok = confirm("باحذف فاکتور موجودی انبار نیز اصلاح میشود و تغییر می کند آیا مطمئن هستید؟")
      if(cDelok){
        window.location.href = "/panel/customer/{{ customer.id }}/factor/{{ factorO.id }}/del";
      }
    });
</script>
{% endblock %}