{% extends "./customerBaseNew.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	">ایجاد فاکتور جدید</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">

        <div class="select" style="width: 100%;">
          <select id="FactorType" id="FactorType" required style="width: 100%;">
            <option></option>
            <option value="Khadamat">خدمات</option>
            <option value="Nasb">نصب</option>
          </select>
        </div>

      </div>
    </div>

    <div class="field column is-4-desktop is-12-mobile m-0">
      <label class="label">تاریخ فاکتور</label>
      <div class="control">
        <input disabled id="FpayDate" value=""  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">
          
        </tbody>
      </table>
    </div>


    
    <div class="field column is-12-desktop is-12-mobile m-0">
      <span class="button is-danger" id="btnAdd09">+</span>
    </div>

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



    <div class="field column is-12-desktop is-12-mobile m-0">
      <p class="has-text-centered">مبالغ پرداختی</p>
    </div>
    

    <div class="field column is-4-desktop is-12-mobile m-0">
      <label class="label">مبلغ نقد</label>
      <div class="control">
        <input name="l_naghd" id="susall" class="input getPvalue" type="text" placeholder="">
      </div>
    </div>

    <div class="field column is-4-desktop is-12-mobile m-0">
      <label class="label">مبلغ کارت به کارت</label>
      <div class="control">
        <input name="l_kartbekart" id="susall" class="input getPvalue" type="text" placeholder="">
      </div>
    </div>

    <div class="field column is-4-desktop is-12-mobile m-0">
      <label class="label">مبلغ کارت خوان</label>
      <div class="control">
        <input name="l_kartKhan" id="susall" class="input getPvalue" type="text" placeholder="">
      </div>
    </div>

    <div class="field column is-6-desktop is-12-mobile m-0">
      <label class="label">مبلغ نیسیه</label>
      <div class="control">
        <input name="l_nesiye" id="susall" class="input getPvalue" type="text" placeholder="">
      </div>
    </div>

    <div class="field is-hidden column is-6-desktop is-12-mobile m-0 l_nesiye_dateTime" id="sarresidFild01">
      <label class="label">سررسید نیسیه</label>
      <div class="control">
        <input name="l_nesiyeDateTime" id="l_nesiyeSarResid" class="input getPvalue" type="text" placeholder="">
      </div>
    </div>

      <!--
    <div class="field column is-6-desktop is-12-mobile m-0">
      <label class="label">مبلغ چک</label>
      <div class="control">
        <input name="l_checkPrice" id="checkPrice" class="input getPvalue" type="text" placeholder="">
      </div>
    </div>

    <div class="field is-hidden column is-6-desktop is-12-mobile m-0 l_checkPrice_dateTime" id="sarresidFild01">
      <label class="label">سررسید چک</label>
      <div class="control">
        <input name="l_checkPriceSarResid" id="l_checkPriceSarResid" class="input getPvalue" type="text" placeholder="">
      </div>
    </div> !-->


    <div class="field column is-4-desktop is-12-mobile m-0 is-hidden" id="sarresidFild01">
      <label class="label">سررسید</label>
      <div class="control">
        <input name="sarResidDateSL" id="sarResidDateSL" class="input" type="text" placeholder="">
      </div>
    </div>

    <div class="field column is-6-desktop is-12-mobile m-0">
      <label class="label">مبلغ تخفیف</label>
      <div class="control">
        <input name="l_takhfif" id="takhfif" class="input getPvalue" type="text" placeholder="">
      </div>
    </div>

    <div class="field column is-6-desktop is-12-mobile m-0">
      <label class="label">مانده بستانکار از قبل</label>
      <div class="control">
        <input id="bestankarGhabl" disabled name="" id="" class="input" type="text" value={{ mandehesabCs }}>
      </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="بابت؟"></textarea>                  </div>
    </div>

    <div class="field column is-12-desktop is-12-mobile m-0">
      <span id="submitFactor" class="button is-danger">ثبت فاکتور</span>
    </div>

    <form id="subFactor" class="is-hidden" method="post" action="{% url 'admin_panel:newFactor2' customer.id %}">
      {% csrf_token %}
      <input required id="prdsList" type="text" name="prdsList">
      <input id="sarResidDate" type="text" name="sarResidDate">
      <input required id="payType" type="text" name="payType">
      <input required id="FactorDate" type="text" name="FactorDate">
      <input id="FactorDesc" type="text" name="FactorDesc">
      <input id="FactorPardakhti" type="text" name="pardakhti">
      <input id="PardakhtHa" type="text" name="PardakhtHa">
      <input type="submit">
    </form>

  </div>
</div>
{% endblock %}
 

{% block BodyCustomer2 %}
<div id="addNewIteam" class="modal">
  <div class="modal-background closeNewIteam"></div>
  <div class="modal-content">
    <div class="">
      <div class="field column is-12-desktop is-12-mobile m-0">
        <label class="label">دسته محصول</label>
        <div class="control">

          <div class="select" style="width: 100%;">
            <select id="categoryS" style="width: 100%;">
              <option></option>
              {% for cat in categorys %}
              <option value="{{ cat.id }}">{{ cat.category_name }}</option>
              {% endfor %}
              <option value="ojrat">اجرت</option>
            </select>
          </div>

        </div>
      </div>

      <div id="productFeilds">


        <div id="productS" class="columns is-mobile is-multiline ">

        </div>

      </div>

      <div class="field column is-12-desktop is-12-mobile m-0 ojrat is-hidden">
        <label class="label">شرح و توضیحات</label>
        <div class="control">
          <input name="ojratDS"  id="ojratDS" class="input" type="text" placeholder="">
        </div>
      </div>

      <div class="field column is-12-desktop is-12-mobile m-0 ojrat is-hidden">
        <label class="label">قیمت کل </label>
        <div class="control">
          <input name=""  id="priceKol" class="input" type="number" placeholder="">
        </div>
      </div>

      <div class="field column is-12-desktop is-12-mobile m-0">
        <p class="control">
          <span id="add_ojrat" class="button is-fullwidth is-success ojrat is-hidden">
            افزودن اجرت
          </span>
          <span id="msg_mojodi" class="is-hidden">
            تعداد یا موجودی نامعتبر است
          </span>
        </p>
      </div>
    </div>
  </div>
  <button class="modal-close is-large closeNewIteam" aria-label="close"></button>
</div>

<div class="modal" id="disablePage">
  <div class="modal-background"></div>
</div>

<script>
  //$($(".boxPrdborder")[66]).find("input[type='radio']:checked").val()
</script>
{% endblock %}