{% 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	">ایجاد فاکتور جدید</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-4-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-4-desktop is-12-mobile m-0">
      <label class="label">نحوه پرداخت</label>
      <div class="control">

        <div class="select" style="width: 100%;">
          <select id="FpayType" 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 id="pardakhti" class="field column is-4-desktop is-12-mobile m-0 is-hidden">
      <label class="label">مبلغ پرداختی در محل</label>
      <div class="control">
        <input id="pardakhtiVal" name="pardakhti" class="input" type="number" 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-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" id="btnAdd09">ثبت فاکتور</span>
    </div>

    <form id="subFactor" class="is-hidden" method="post" action="{% url 'admin_panel:newFactor' 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 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 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="productS" style="width: 100%;">
                <option></option>
              </select>
            </div>

          </div>
        </div>

        <div class="field column is-12-desktop is-12-mobile m-0">
          <label class="label">موجودی فعلی انبار</label>
          <div class="control">
            <input disabled  id="mojodi" class="input" type="number" placeholder="لطفا صبرکنید">
          </div>
        </div>

        <div class="field column is-12-desktop is-12-mobile m-0">
          <label class="label">تعداد</label>
          <div class="control">
            <input name=""  id="num_prd" class="input" type="number" placeholder="">
          </div>
        </div>

        <div class="field column is-12-desktop is-12-mobile m-0">
          <label class="label">قیمت هر عدد</label>
          <div class="control">
            <input name=""  id="priceEach" 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">
            <div class="select" style="width: 100%;">
              <select name="GrantyEsh" id="GrantyEsh" style="width: 100%;">
                <option value=" ">هیچ کدام</option>
                <option value="گارانتی">گارانتی</option>
                <option value="اشانتیون">اشانتیون</option>
              </select>
            </div>
          </div>
        </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">
        <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_to_list" class="button is-danger is-hidden">
            افزودن و بستن
          </span>
          <span id="add_to_listNew" class="button is-success is-hidden">
            افزودن و جدید
          </span>
          <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>
{% endblock %}