{% from "_form.html" import form_field %}

{% macro profile_fields_short(form) %}
    {% if is_admin() %}
        <div class="row alert">
            {{ form_field(form.email, placeholder=True, class="span3") }}
            <div class="span2">
                <div class="checkbox">
                    {{ form.is_admin }}
                    {{ form.is_admin.label }}
                </div>
            </div>
        </div>
    {% endif %}
    <div class="row">
        {{ form_field(form.first_name, class="span3") }}
        {{ form_field(form.last_name, class="span3") }}
    </div>
    <div class="row">
        {{ form_field(form.company, class="span3") }}
        {{ form_field(form.laboratory, class="span3") }}
    </div>

    <div class="row">
        {{ form_field(form.phone, class="span3") }}
    </div>

    <div class="row">
        {{ form_field(form.referer_type, class="span3") }}
        <div id="referer-detail-container">
            {{ form_field(form.referer_detail, class="span3") }}
        </div>
    </div>
    <script>
        $(document).ready(function(){
            $.ajax({
                url: "/profile/v2/user-referer-map/",
            }).done(function (data) {
                var referer_mapping = data['referers'];
                var selval = $("#referer_type").val();
                var selected_label = referer_mapping[selval];

                if (selected_label == null || selval == 0) {
                    $("#referer-detail-container").hide();
                }
                else {
                    $("#referer-detail-container .control-group .control-label").html(selected_label);
                }

                $(document).on("change", "#referer_type", function(){
                    var val = $(this).val();
                    var detail_label = referer_mapping[val];

                    if (detail_label != null && val != 0) {
                        $("#referer-detail-container").show();
                        $("#referer-detail-container .control-group").show();
                        $("#referer-detail-container .control-group .control-label").html(detail_label);
                    }
                    else {
                        $("#referer-detail-container .control-group").hide();
                    }
                });
            });
        });
    </script>
{% endmacro %}

{% macro profile_fields_extended(form) %}
    <div class="row">
        {{ form_field(form.address_1, class="span3") }}
    </div>
    <div class="row">
        {{ form_field(form.address_2, class="span3") }}
    </div>
    <div class="row">
        {{ form_field(form.city, class="span3") }}
        <div id="non-us-state-container">
            {{ form_field(form.state, class="span3") }}
        </div>
        <div id="us-state-container">
            {{ form_field(form.us_state, class="span3") }}
        </div>
    </div>
    <div class="row">
        {{ form_field(form.zipcode, class="span3") }}
        {{ form_field(form.country_id, class="span3") }}
    </div>

    <script>
        $(document).ready(function(){
            $("#non-us-state-container").hide();

            $(document).on("change", "#country_id", function(){
                var val = $(this).val();

                if (val == '233') {
                    $("#non-us-state-container").hide();
                    $("#us-state-container").show();
                } else {
                    $("#non-us-state-container").show();
                    $("#us-state-container").hide();
                }
            });

            $(document).on("change", "#us_state", function(){
                var val = $(this).val();

                $('#state').val(val);
            });

            if($("#country_id").val() == '233') {
                var val = $('#state').val();
                $('#us_state').val(val);
                $("#non-us-state-container").hide();
            } else {
                $("#us-state-container").hide();
            }
        });
    </script>
{% endmacro %}

{% macro profile_fields(form) %}
    {% if is_admin() %}
        <div class="row alert">
            {{ form_field(form.email, placeholder=True, class="span3") }}
            <div class="span2">
                <div class="checkbox">
                    {{ form.is_admin }}
                    {{ form.is_admin.label }}
                </div>
            </div>
        </div>
    {% endif %}
    <div class="row">
        {{ form_field(form.first_name, class="span2") }}
        {{ form_field(form.last_name, class="span3") }}
    </div>
    <div class="row">
        {{ form_field(form.laboratory, class="span5") }}
    </div>
    <div class="row">
        {{ form_field(form.company, class="span5") }}
    </div>
    <div class="row">
        {{ form_field(form.address_1, class="span5") }}
    </div>
    <div class="row">
        {{ form_field(form.address_2, class="span5") }}
    </div>
    <div class="row">
        {{ form_field(form.city, class="span3") }}
        <div id="non-us-state-container">
            {{ form_field(form.state, class="span3") }}
        </div>
        <div id="us-state-container">
            {{ form_field(form.us_state, class="span3") }}
        </div>
    </div>
    <div class="row">
        {{ form_field(form.zipcode, class="span3") }}
        {{ form_field(form.country_id, class="span3") }}
    </div>
    <div class="row">
        {{ form_field(form.phone, class="span3") }}
    </div>
    <div class="row">
        {{ form_field(form.ap_email, class="span3") }}
    </div>
    <div class="row">
        <div class="span2">
            <div class="checkbox">
                {{ form_field(form.sample_return_requested) }}
            </div>
        </div>
        <div class="span2">
            <div class="checkbox">
                {{ form_field(form.generate_shipping_label) }}
            </div>
        </div>
        {{ form_field(form.shipping_no, class="span3", placeholder=True) }}
    </div>
    <div class="row">
        {{ form_field(form.referer_type, class="span3") }}
        <div id="referer-detail-container">
            {{ form_field(form.referer_detail, class="span3") }}
        </div>
    </div>
    <script>
        $(document).ready(function(){
            $.ajax({
                url: "/profile/v2/user-referer-map/",
            }).done(function (data) {
                var referer_mapping = data['referers'];
                var selval = $("#referer_type").val();
                var selected_label = referer_mapping[selval];
                if (selected_label == null) {
                    $("#referer-detail-container").hide();
                }
                else {
                    $("#referer-detail-container .control-group .control-label").html(selected_label);
                }

                $(document).on("change", "#referer_type", function(){
                    var val = $(this).val();
                    var detail_label = referer_mapping[val];
                    if (detail_label != null) {
                        $("#referer-detail-container").show();
                        $("#referer-detail-container .control-group").show();
                        $("#referer-detail-container .control-group .control-label").html(detail_label);
                    }
                    else {
                        $("#referer-detail-container .control-group").hide();
                    }
                });
            });
        });

        $(document).ready(function(){

            $(document).on("change", "#country_id", function(){
                var val = $(this).val();

                if (val == '233') {
                    var val = $('#state').val();
                    $('#us_state').val(val);

                    $("#non-us-state-container").hide();
                    $("#us-state-container").show();
                } else {
                    $("#non-us-state-container").show();
                    $("#us-state-container").hide();
                }
            });

            $(document).on("change", "#us_state", function(){
                var val = $(this).val();

                $('#state').val(val);
            });
        
            if($("#country_id").val() == '233') {
                var val = $('#state').val();
                $('#us_state').val(val);
                $("#non-us-state-container").hide();
            } else {
                $("#us-state-container").hide();
            }
        });
    </script>
{% endmacro %}

{% macro profile_details(profile, next) %}
    <div class="profile-container">
        <address>
            <strong>{{ profile.first_name }} {{ profile.last_name }}</strong><br />
            <a href="mailto:{{ profile.email }}">{{ profile.email }}</a><br />
        </address>

        <address>
            <strong>{{ profile.laboratory }}</strong><br />
            <strong>{{ profile.company }}</strong><br />
            {{ profile.address_1 }}<br />
            {% if profile.address_2 %}
                {{ profile.address_2 }} <br />
            {% endif %}
            {{ profile.city }}, {{ profile.state }} {{ profile.zipcode }}<br />
            {{ profile.country.display_name }}<br />
            <abbr title="Phone">P:</abbr> {{ profile.phone }}<br />
            {% if profile.ap_email %}
            Accounts Payable Email: {{profile.ap_email}}
            {% endif %}
        </address>

        <address>
            Send back processed blocks/slides?: {{ "Yes" if profile.sample_return_requested else "No" }}<br />
            Generate Fedex shipping label?: {{ "Yes" if profile.generate_shipping_label else "No" }}<br />
            Fedex Shipping #: {{ profile.shipping_no }}
        </address>
        <address>
            How did you hear about us? {{profile.get_referer_type_name()}}
            {% if profile.referer_detail %}
                ({{profile.referer_detail}})
            {% endif %}
        </address>

        {% if next %}
        <a class="btn btn-primary" href="{{ url_for('edit_profile', user_id=profile.id) }}?next={{ next }}">
            <span class="icon-pencil icon-white"></span> Edit Profile
        </a>
        {% endif %}
    </div>
{% endmacro %}