{% extends 'penirAdam/base.html' %}
{% load staticfiles %}

{% block title %}
تعریف مشتری
{% endblock %}

{% block navMenu %}
    {% include 'penirAdam/gNavBar.html' %}
{% endblock%}

{% block article %}
    <div class="row">
        <h3 class="col-xs-3 col-lg-2 pull-right"></h3>
        <h3 class="col-xs-4 col-lg-3 pull-right">تعریف مشتری</h3>
    </div>
    <hr class="penirHR" />
    {% include 'penirAdam/error.html' %}
    <form class="form-horizontal" role="form" action="{% url 'penirAdam:newAdam'%}" method="post" enctype="multipart/form-data">
        {% csrf_token %}
        <div class="form-group">
            <label class="col-xs-4 col-md-1 pull-right" for="newAdamNo">کد ملی</label>
            <div   class="col-sm-8 col-md-3 pull-right">
                <input class="col-sm-12" id="newAdamNo" name="newAdamNo" maxlength="10" type="text">
            </div>
            <label class="col-xs-4 col-md-1 pull-right" for="newAdamName">نام عضو</label>
            <div   class="col-sm-8 col-md-3 pull-right">
                <input class="col-sm-12" id="newAdamName" name="newAdamName" maxlength="30" type="text">
            </div>
        </div>

        <div class="form-group">
            <label class="col-xs-4 col-md-1 pull-right" for="newAdamFamily">فامیلی</label>
            <div   class="col-sm-8 col-md-3 pull-right">
                <input class="col-sm-12" id="newAdamFamily" name="newAdamFamily" maxlength="30" type="text">
            </div>
            <label class="col-xs-4 col-md-1 pull-right" for="newAdamFather">نام پدر</label>
            <div   class="col-sm-8 col-md-3 pull-right">
                <input class="col-sm-12" id="newAdamFather" name="newAdamFather" maxlength="30" type="text">
            </div>
        </div>

        <div class="form-group">
            <label class="col-xs-4 col-md-1 pull-right" for="newAdamBirthLoc">محل تولد</label>
            <div   class="col-sm-8 col-md-3 pull-right">
                <input class="col-sm-12" id="newAdamBirthLoc" name="newAdamBirthLoc" maxlength="30" type="text">
            </div>
            <label class="col-xs-4 col-md-1 pull-right" for="datepicker">تاریخ</label>
            <div   class="col-sm-8 col-md-3 pull-right">
                <div class="input-append">
                    <input id="datepicker" class="input-small" type="text" name="newAdamBirthDate">
                </div>
            </div>
        </div>

        <div class="form-group">
            <label class="col-xs-4 col-md-1 pull-right" for="newAdamPhone1">تلفن ۱</label>
            <div   class="col-sm-8 col-md-3 pull-right">
                <input class="col-sm-12" id="newAdamPhone1" name="newAdamPhone1" maxlength="30" type="text">
            </div>
            <label class="col-xs-4 col-md-1 pull-right" for="newAdamPhone2">تلفن ۲</label>
            <div   class="col-sm-8 col-md-3 pull-right">
                <input class="col-sm-12" id="newAdamPhone2" name="newAdamPhone2" maxlength="30" type="text">
            </div>
        </div>

        <div class="form-group">
            <label class="col-xs-4 col-md-1 pull-right" for="newAdamFax">فکس</label>
            <div   class="col-sm-8 col-md-3 pull-right">
                <input class="col-sm-12" id="newAdamFax" name="newAdamFax" maxlength="30" type="text">
            </div>
            <label class="col-xs-4 col-md-1 pull-right" for="newAdamEmail">ایمیل</label>
            <div   class="col-sm-8 col-md-3 pull-right">
                <input class="col-sm-12" id="newAdamEmail" name="newAdamEmail" maxlength="30" type="text">
            </div>
        </div>

        <div class="form-group">
            <label class="col-xs-4 col-md-1 pull-right" for="newAdamAddress">آدرس</label>
            <div   class="col-sm-8 col-md-7 pull-right">
                <input class="col-sm-12" id="newAdamAddress" name="newAdamAddress" maxlength="100" type="text">
            </div>
        </div>

        <hr class="penirHR" />
        <div class="form-group">
            <div class="col-xs-4 col-md-1 pull-right">
            </div>
            <div class="col-sm-8 col-md-3 pull-right">
                <button type="submit" class="btn btn-xs btn-primary penirFont">&nbsp اضافه &nbsp</button>
            </div>
        </div>
    </form>
{% endblock%}

{% block sideMenu %}
  <ul class="nav nav-pills nav-stacked penir-font-lg">
      <li class="active"><a href="#">خانه</a></li>
      <li><a href="#">آشیانه</a></li>
      <li><a href="#">او طرف</a></li>
      <li><a href="#">بو طرف</a></li>
  </ul>
{% endblock%}

{% block datePickerJS %}
    {% include 'penirAdam/baseDate.html' %}
{% endblock%}