{% extends "./base.html" %}
{% load custom_tags %}

{% block bodyPage %}

  <div class="">
    <div class="columns m-0">
        <div class="column is-12-mobile is-4-desktop">
          
          <form action="{% url 'admin_panel:productAdd' %}" id="formcsEdit" class="has-background-white brad5" method="post">
            {% if perms.admin_panel.ViewStore %}
            {% csrf_token %}

            <div class="buttons m-0 level p-2 is-hidden-tablet">
              <p class="level-item">ایجاد محصول</p>
              <span id="showUserDT" class="button level-item">جدید</span>
            </div>

            <div id="userDT" class="is-hidden-mobile">
              <div class="field column is-12-desktop is-12-mobile m-0">
                <label class="label">نام کالا</label>
                <div class="control">
                  <input required value="" name="namePrd" class="input an_name" 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 is-fullwidth">
                    <select name="category" required>
                      <option value=""></option>
                      {% for catg in productCategory %}
                        <option value="{{ catg.id }}">{{ catg.category_name }}</option>
                      {% endfor %}
                    </select>
                  </div>

                </div>
              </div>

              <div class="field column is-12-desktop is-12-mobile m-0">
                <label class="label">قیمت کالا</label>
                <div class="control">
                  <input required value="" name="price" class="input an_name" 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 is-fullwidth">
                    <select name="storeroom" required>
                        <option value="{{ s_id }}">انبار فعلی</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 required value="0" name="mojodiAval" class="input an_name" type="text" placeholder="موجودی فعلی">
                </div>
              </div>
      
              <div class="field column is-12-desktop is-12-mobile m-0">
                  <!--<span class="button is-success" id="enEdit">ویرایش</span>!-->
                  {% with url_name=request.resolver_match.url_name %}
                  {% if url_name != 'store' %}
                    <p>ایجاد محصول فقط در انبار اصلی امکان پذیر است</p>
                  {% endif %}
                  <input {% if url_name != 'store' %}disabled{% endif %} class="button is-danger " id="editCs" value="ایجاد محصول" type="submit">
                  {% endwith %}
              </div>
            </div>
            {% endif %}
          </form>
          
        </div>

        <div class="column is-12-mobile is-8-desktop">
          <div class="has-background-white brad5">
            <!--
            <div class="tabs is-centered m-0">
              <ul>
                <li ><a>وضعیت</a></li>
                <li class="is-active"><a>فاکتورها</a></li>
                <li><a>بازدید ها</a></li>
              </ul>
            </div> !-->


            <div id="storeData" class="column is-vcentered is-centered pt-0 is-12-mobile is-12-desktop">
              <div class="tabs is-centered m-0">
                <ul>
                  {% with url_name=request.resolver_match.url_name %}
                  <li class="{% if url_name == 'store' %}is-active{% endif %}">
                    <a href="{% url 'admin_panel:store' s_id %}">موجودی</a>
                  </li>
                  
                  <li class="{% if url_name == 'operations' %}is-active{% endif %}">
                    <a href="{% url 'admin_panel:operations' s_id %}">دفترعملیات</a>
                  </li>

                  <li class="{% if url_name == 'store_transfers' %}is-active{% endif %}">
                    <a href="{% url 'admin_panel:store_transfers' s_id %}">
                      انتقال‌های انبار
                      {% if storeO.incoming_transfers.all|length > 0 %}
                        <span class="tag is-danger is-rounded is-small ml-1">!</span>
                      {% endif %}
                    </a>
                  </li>
                  {% endwith %}
                </ul>
              </div>

                {% block storeBody %}

                <p class="has-text-centered	mt-2 mb-2 is-size-5	">{{ storeO.store_name }}</p>

                <table class="table m-auto has-text-centered table is-bordered is-striped is-narrow is-fullwidth mojodiTB                ">
                  <thead>
                    <tr>
                      <th>نام محصول</th>
                      <th>ورود</th>
                      <th>خروج</th>
                      <th>توضیحات</th>
                      <th>ناریخ</th>
                    </tr>
                  </thead>
                  <tfoot>
                    <tr>
                      <th>نام محصول</th>
                      <th>ورود</th>
                      <th>خروج</th>
                      <th>توضیحات</th>
                      <th>ناریخ</th>
                    </tr>
                  </tfoot>
                  <tbody>
                    {% for operation in operationsList %}
                    <tr>
                      <td>{{ operation.Product.product_name }} </td>
                      <td>{{ operation.s_in }}</td>
                      <td>{{ operation.s_out }}</td>
                      <td>{{ operation.desc }}</td>
                      <td>{{ operation.createdDT | toJalali }}</td>
                    </tr>
                    {% endfor %}
                  </tbody>
                </table>

                {% endblock %}

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


        
    </div>
  </div>


{% endblock %}
{% block jsEnd %}
  <script>
$(document).ready(function() {

  
  kamaDatepicker('persianDateP', { buttonsColor: "red", forceFarsiDigits: true });


    $("#enEdit").click(function(){
      $("#formcsEdit").find("input").prop('disabled', false);
      $("#enEdit").addClass("is-hidden");
      $("#editCs").removeClass("is-hidden");
    });
    
    $("#showUserDT").click(function(){
        if( $(this).html()=='جدید' ){
          $(this).html('مخفی کردن');
          $("#userDT").removeClass("is-hidden-mobile");
        }else{
          $(this).html('جدید');
          $("#userDT").addClass("is-hidden-mobile");
        }
        
    });
    $(".closeSearch").click(function(){
      $(".SearchBox").removeClass("is-active")
    });
    $(".closeAddUser").click(function(){
        $(".addNewUser").removeClass("is-active");
        $(".addNewUser").find('.an_name').val('');
        $(".addNewUser").find('.an_address').val('');
        $(".addNewUser").find('#phone-1').val('');
        $(".addNewUser").find('#phone-2').val('');
        $(".addNewUser").find('#phone-3').val('');
        $(".addNewUser").find('.installDate').val('');
    });
    
    $(".openRow").click(function(){
        var id = $(this).parent().parent().find('.fid').val().trim();
        var name = $(this).parent().parent().find('.name').text().trim();
        var lastview = $(this).parent().parent().find('.lastview').text().trim();
        var installDate = $(this).parent().parent().find('.installDate').text().trim();
        var mobile_1 = $(this).parent().parent().find('.mobile_1').text().trim();
        var mobile_2 = $(this).parent().parent().find('.mobile_2').text().trim();
        var mobile_3 = $(this).parent().parent().find('.mobile_3').text().trim();
        var idCode = $(this).parent().parent().find('.mobile_3').text().trim();
        
        var address = $(this).parent().parent().find('.address').text().trim();
        //alert(id)
        $(".mEdit1").find('.fid').val(id);
        $(".mEdit1").find('.uv_name').val(name);
        $(".mEdit1").find('.uv_installDate').val(installDate);
        $(".mEdit1").find('#phone-1').val(mobile_1);
        $(".mEdit1").find('#phone-2').val(mobile_2);
        $(".mEdit1").find('#phone-3').val(mobile_3);
        $(".mEdit1").find('.uv_address').val(address);

        //$("#bedehiStatus").val('وضعیت')

        $(".mEdit1").addClass("is-active")
    });
    $("#addNewUser").click(function(){
      $(".addNewUser").addClass("is-active")
    });
    $("#openSearchBox").click(function(){
      $(".SearchBox").addClass("is-active")
    });
    $("#bedehiCN01").click(function(){
      var factorId = $(this).parent().parent().find(".fid").val();
      if ($("#bedehiStatus").val() == "tasfiye"){
        alert("send To server to tasfiye");
        $("tbody").find('.fidv-'+factorId).parent().parent().remove();
        $(".mEdit1").removeClass("is-active");
      }
    });
} );
  </script>
{% endblock %}