{% extends 'templates/callluge/site_layout.html' %} {% block content %}

<div class="widget-box">
    <div class="col-md-12 col-sm-12">
        <div class="widget-title">
       <h2>Edit Client - {{request.session.name}}</h2>
                            <div class="hor-menu"></div>
        </div>
    </div>
    <div class="widget-content">
        <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <form class="inner-form" method="POST" action="/userauth/save-client/" id="addclient" data-toggle="validator">
                        {% csrf_token %}
                        <input type="hidden" id="hid_stat" name="hid_stat" value="{{profiledetails.id}}" />
                        
                        <div class="row">
                            <div class="col-md-6 col-sm-6">
                                <div class="form-group">
                                    <div class="input-group no-padding">
                                        <label for="">Client Name*</label>
                                        <input class="form-input" type="text" name="profile_name" id="profile_name" required="required" value="{{profiledetails.name}}" maxlength="60" tabindex="1" placeholder="Client Name" data-error="Please enter Client Name.">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="form-group">
                                    <div class="input-group no-padding">
                                        <label for="">Client Site URL*</label>
                                        <input class="form-input" type="url" name="profile_url" id="profile_url" required="required" onblur="validateURL()" value="{{profiledetails.url}}" placeholder="Client Site URL" maxlength="150" tabindex="2" data-error="Please enter Client Site URL.">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-sm-6">
                                <div class="form-group">
                                    <div class="input-group no-padding">
                                        <label for="">Email Address*</label>
                                        <input class="form-input" type="text" pattern="^\w+[\w-\.]*\@\w+((-\w+)|(\w*))\.[a-z]{2,3}$" name="email" id="email" maxlength="120" tabindex="3" required="required" value="{{profiledetails.email}}" placeholder="Email Address" data-error="Please enter Email Address.">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="form-group">
                                    <div class="input-group no-padding">
                                        <label for="">Office Address*</label>
                                        <textarea class="form-text" rows="4"  id="address" name="address" placeholder="Office Address" data-error="Please enter Office Address." tabindex="4" required>{{profiledetails.address}}</textarea>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>                                     
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-sm-6">
                                <div class="form-group">
                                    <div class="input-group no-padding">
                                        <label for="">Industry*</label>
                                        <div class="dropdown-all">
                                            <select name="industry" id="industry" data-error="Please select Industry." tabindex="5" required>
                                                <option>Select Industry</option>
                                                {% for in in industry %}
                                                    {% if in.id == profiledetails.industry %}
                                                    <option value="{{in.id}}" selected="selected">{{in.name}}</option>
                                                    {% else %}
                                                    <option value="{{in.id}}">{{in.name}}</option>
                                                    {% endif %}
                                                {% endfor %}
                                            </select>
                                        </div>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>   
                            <div class="col-md-6 col-sm-6">
                                <div class="form-group">
                                    <div class="input-group no-padding">
                                        <label for="">Package*</label>
                                        <div class="dropdown-all">
											<select name="profile_type" id="profile_type" data-error="Please select Package." tabindex="6" required>
                                                <option value="">Select Package</option>
                                                {% for in in package %}
                                                    {% if in.package_id == profiledetails.package_selected_id %}
                                                    <option value="{{in.package_id}}" selected="selected">{{in.packagename}}</option>
                                                    {% else %}
                                                    <option value="{{in.package_id}}">{{in.packagename}}</option>
                                                    {% endif %}
                                                {% endfor %}
                                            </select>     
                                        </div>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>  
                        </div>

                        <div class="row"> 
                            <div class="col-md-6 col-sm-6">
                                <div class="form-group">
                                    <div class="input-group no-padding">
                                        <label for="">Client Status*</label> 
                                        <div class="sign-radio">
                                            {% if profiledetails.status == 1 %}
                                            <div class="custom-checkbox">
                                                <input type="radio" name="profile_status" id="profile_status1" tabindex="7" value="1" checked="checked" />
                                                <label for="profile_status1">Active</label>
                                            </div>
                                            <div class="custom-checkbox">
                                                <input type="radio" tabindex="8" name="profile_status" id="profile_status2" value="2" />
                                                <label for="profile_status2">Inactive</label>
                                            </div>
                                    
                                            {% elif profiledetails.status == 2 %}
                                            <div class="custom-checkbox">
                                                <input type="radio" tabindex="7" name="profile_status" id="profile_status3" value="1" />
                                                <label for="profile_status3">Active</label>
                                            </div>
                                            <div class="custom-checkbox">
                                                <input type="radio" tabindex="8" name="profile_status" id="profile_status4" value="2" checked="checked" />
                                                <label for="profile_status4">Inactive</label>
                                            </div>

                                            {% else %}
                                            <div class="custom-checkbox">
                                                <input type="radio" tabindex="7" name="profile_status" id="profile_status5" value="1" checked="checked" />
                                                <label for="profile_status5">Active</label>
                                            </div>
                                            <div class="custom-checkbox">
                                                <input type="radio" tabindex="8" name="profile_status" id="profile_status6" value="2" />
                                                <label for="profile_status6">Inactive</label>
                                                {% endif %}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group no-margin">
                                <div class="input-group">
                                    <!-- <label for="">&nbsp;</label> -->
                                    <div class="btn-wrap">
                                        <button type="submit" tabindex="9" name="submit" id="submit" class="hvr-sweep-to-right button ripple primary">Submit</button>
                                        <button type="button" tabindex="10" class="hvr-sweep-to-right button cancel-light ripple" onclick="window.history.back();">Cancel</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="g-signin2" data-onsuccess="onSignIn"></div>
                    </form>
                </div>
        </div>
    </div>
</div>
<script>

$(document).ready(function() {

    $('#addclient').validator().on('submit', function (e) {
        if (e.isDefaultPrevented()) {
            // handle the invalid form...
        } else {
            $('.overlay').show();
        }
    });

    $("#form1").submit(function() {
        //return false;   
        var first_name = $("#user_name").val()
        var email = $("#email").val()
        if (first_name == '') {
            $("#user_name_err").html('Name Cannot be Null!')
            var first_name_null = 1
                //return false
        }
        if (email == '') {
            $("#email_err").html('Email Cannot be Null!')
            var email_null = 1
                //return false    
        } else {
            var status = validateForm();
            if (status == false) {
                $("#email_err").html('Not a Valid Email Address!')
                return false;
            }
        }
        if (first_name_null == 1 || email_null == 1) {
            return false
        }
        // <div class='cl_loader'><img src='../../static_/images/testinggif.gif'/></div>
    });
});

function validateURL() {
    var url = $("#profile_url").val();
    var regex = new RegExp("^(http[s]?:\\/\\/(www\\.)?|ftp:\\/\\/(www\\.)?|www\\.){1}([0-9A-Za-z-\\.@:%_\+~#=]+)+((\\.[a-zA-Z]{2,3})+)(/(.)*)?(\\?(.)*)?");
    var without_regex = new RegExp("^([0-9A-Za-z-\\.@:%_\+~#=]+)+((\\.[a-zA-Z]{2,3})+)(/(.)*)?(\\?(.)*)?");
    if (regex.test(url) || without_regex.test(url)) {
        $.ajax({
            type: "POST",
            url: "/userauth/check-profile/",
            data: {
                'url': url,
                'csrfmiddlewaretoken': '{{ csrf_token }}'
            },
            success: function(data) {
                if (data.status == 'fail') {
                    $("#profile_url").val('');
                    alert('This URL is already registered.');
                }
            }
        });
    } else {
        $("#profile_url").val('');
        // alert('Invalid Url');
    }
}
</script>

<script>
$( document ).ready(function() {
    $("#adcl-dd1").select2({});
    $("#industry").select2({});
    $("#profile_type").select2({});        
});
</script>
{% endblock%}
</html>