{% extends 'ibs/layouts/base.html' %}

{% block title %}IBS - Company List{% endblock %}

{% block content %}
    {% load static humanize widget_tweaks %}

    <!-- Start Content-->
    <div class="container-fluid">

        <!-- start page title -->
        {% include 'ibs/partials/content_title.html' with second_bs="환경 설정" title="회사 정보" %}
        <!-- end page title -->

        <div class="row">
            <form class="form-horizontal p-0 col-12" method="get">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">

                            {% with menu_order='1' %}
                                {% include 'company/partials/head_menu.html' %}
                            {% endwith %}

                            <div class="row">
                                {% include 'company/partials/company_list.html' %}
                                <div class="col-sm-12 col-md-6"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>

            <form method="post" class="col-12 form-row needs-validation" novalidate>
                {% csrf_token %}
                <div class="col-lg-6">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="form-group row mb-3 col-12 position-relative">
                                    <label for="{{ form.name.id_for_label }}"
                                           class="col-3 col-form-label">{{ form.name.label }}</label>
                                    <div class="col-9">
                                        {{ form.name|add_class:"form-control"|attr:"placeholder:회사명" }}
                                        <div class="invalid-tooltip">{{ form.name.label }}을 입력하세요.</div>
                                    </div>
                                </div>
                                <div class="form-group row mb-3 col-12">
                                    <label for="{{ form.ceo.id_for_label }}"
                                           class="col-3 col-form-label">{{ form.ceo.label }}</label>
                                    <div class="col-9">
                                        {{ form.ceo|add_class:"form-control"|attr:"placeholder:대표자명" }}
                                        <div class="invalid-tooltip">{{ form.ceo.label }}을 입력하세요.</div>
                                    </div>
                                </div>
                                <div class="form-group row mb-3 col-12">
                                    <label for="{{ form.business_cond.id_for_label }}"
                                           class="col-3 col-form-label">{{ form.business_cond.label }}</label>
                                    <div class="col-9">
                                        {{ form.business_cond|add_class:"form-control"|attr:"placeholder:업태" }}
                                    </div>
                                </div>
                                <div class="form-group row mb-3 col-12">
                                    <label for="{{ form.es_date.id_for_label }}"
                                           class="col-3 col-form-label">{{ form.es_date.label }}</label>
                                    <div class="col-9">
                                        {{ form.es_date|add_class:"form-control"|attr:"placeholder:설립일자"|attr:"data-provide=datepicker data-date-format=yyyy-mm-dd data-date-autoclose=true data-toggle=input-mask data-mask-format=0000-00-00" }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">

                                <div class="form-group row mb-3 col-12">
                                    <label for="{{ form.tax_number.id_for_label }}"
                                           class="col-3 col-form-label">{{ form.tax_number.label }}</label>
                                    <div class="col-9">
                                        {{ form.tax_number|add_class:"form-control"|attr:"placeholder:사업자등록번호"|attr:"data-toggle=input-mask data-mask-format=000-00-00000" }}
                                        <div class="invalid-tooltip">{{ form.tax_number.label }}을 입력하세요.</div>
                                    </div>
                                </div>
                                <div class="form-group row mb-3 col-12">
                                    <label for="{{ form.org_number.id_for_label }}"
                                           class="col-3 col-form-label">{{ form.org_number.label }}</label>
                                    <div class="col-9">
                                        {{ form.org_number|add_class:"form-control"|attr:"placeholder:법인등록번호"|attr:"data-toggle=input-mask data-mask-format=000000-0000000" }}
                                        <div class="invalid-tooltip">{{ form.org_number.label }}을 입력하세요.</div>
                                    </div>
                                </div>
                                <div class="form-group row mb-3 col-12">
                                    <label for="{{ form.business_even.id_for_label }}"
                                           class="col-3 col-form-label">{{ form.business_even.label }}</label>
                                    <div class="col-9">
                                        {{ form.business_even|add_class:"form-control"|attr:"placeholder:종목" }}
                                    </div>
                                </div>
                                <div class="form-group row mb-3 col-12">
                                    <label for="{{ form.op_date.id_for_label }}"
                                           class="col-3 col-form-label">{{ form.op_date.label }}</label>
                                    <div class="col-9">
                                        {{ form.op_date|add_class:"form-control"|attr:"placeholder:개업일자"|attr:"data-provide=datepicker data-date-format=yyyy-mm-dd data-date-autoclose=true data-toggle=input-mask data-mask-format=0000-00-00" }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="form-row col-12">
                                    <div class="form-group col-md-6 col-lg-2 col-xl-1">
                                        <label for="" class="col-form-label">회사 주소</label>
                                        {{ form.zipcode|add_class:"form-control"|attr:"placeholder:우편번호"|attr:"readonly"|attr:"onclick=sample2_execDaumPostcode('id_')" }}
                                    </div>
                                    <div class="form-group col-md-6 col-lg-2 col-xl-1">
                                        <label for="" class="col-form-label d-none d-md-block">&nbsp;</label>
                                        <input type="button" class="btn btn-info form-control" value="우편번호"
                                               onclick="sample2_execDaumPostcode('id_')">
                                    </div>
                                    <div class="form-group col-md-12 col-lg-8 col-xl-9"></div>
                                </div>
                                <div class="form-row col-12">
                                    <div class="form-group col-md-12 col-xl-6">
                                        {{ form.address1|add_class:"form-control"|attr:"placeholder:시, 도, 구(군)"|attr:"onclick=sample2_execDaumPostcode('id_')" }}
                                    </div>
                                    <div class="form-group col-md-6 col-xl-3">
                                        {{ form.address2|add_class:"form-control"|attr:"placeholder:상세주소" }}
                                    </div>
                                    <div class="form-group col-md-6 col-xl-3">
                                        {{ form.address3|add_class:"form-control"|attr:"placeholder:참고항목" }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="form-group mb-0 justify-content-end row">
                                    <div class="col-12">
                                        <button type="button" class="btn btn-light"
                                                onclick="location.href='{% url 'ibs:company:index' %}'">취소하기
                                        </button>&nbsp;
                                        <button type="submit" class="btn btn-primary">등록하기</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>

        </div>

    </div> <!-- container -->
{% endblock %}

{% block third_party_js %}

    <!-- iOS에서는 position:fixed 버그가 있음, 적용하는 사이트에 맞게 position:absolute 등을 이용하여 top,left값 조정 필요 -->
    <div id="layer" style="display:none;position:fixed;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;">
        <img src="//t1.daumcdn.net/postcode/resource/images/close.png" id="btnCloseLayer"
             style="cursor:pointer;position:absolute;right:-3px;top:-3px;z-index:1" onclick="closeDaumPostcode()"
             alt="닫기 버튼">
    </div>

    <script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
    <script src="{% static 'common/js/daum_post_api.js' %}"></script>

{% endblock %}