{% 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:newStore' %}" id="formcsEdit" class="has-background-white brad5" method="post">
            {% 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 value="" name="storeName" 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>!-->
                  <input class="button is-danger " id="editCs" value="ایجاد" type="submit">
              </div>
            </div>  
          </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>
                    <li href="{% url 'admin_panel:store' s_id %}" class="is-active"><a>موجودی</a></li>
                    <li ><a href="{% url 'admin_panel:operations' s_id %}">دفترعملیات</a></li>
                    <li class="is-active"><a>جدید</a></li>
                  </ul>
                </div>

                <p class="has-text-centered	mt-2 mb-2 is-size-5	">انبار اصلی</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>
                    </tr>
                  </thead>
                  <tfoot>
                    <tr>
                      <th>نام محصول</th>
                      <th>موجودی</th>
                    </tr>
                  </tfoot>
                  <tbody>
                    {% for prd in productSum %}
                    <tr>
                      <td>{{ prd.product_name }} </td>
                      <td>{{ prd.mojodi }}</td>
                    </tr>
                    {% endfor %}
                  </tbody>
                </table>

            </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 %}