2021-11-02 14:05:32 +01:00
{% extends "base.html" %}
<!-- {% block page_title %}.: New Event :.{% endblock %} -->
<!-- {% block title %}Event{% endblock %} -->
{% block content %}
< div class = "row justify-content-center" >
2021-12-01 07:56:54 +01:00
< div class = "col-12 col-sm-12 col-md-8 col-lg-8 col-xl-6" >
2021-11-02 14:05:32 +01:00
< div class = "card" >
< div class = "card-header" >
2021-12-01 07:56:54 +01:00
< h4 class = "" > {% if placeid %}Edit{% else %}Create{% endif %} Place< / h4 >
2021-11-02 14:05:32 +01:00
< / div >
< div class = "card-body" >
< form action = "{% if placeid %}{% url 'place_update' placeid %}{% else %}{% url 'place_create' %}{% endif %}" method = "post" class = "form-horizontal" id = "formulaire" name = "formulaire" >
{% csrf_token %}
< div class = "form-group row {% if form.name.errors %}has-error has-feedback{% endif %}" >
2021-12-01 07:56:54 +01:00
< label for = "id_name" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Name*< / label >
< div class = "col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8" >
2021-11-02 14:05:32 +01:00
{{ form.name }}
{% if form.name.errors %}
< span class = "btn btn-sm btn-danger-outline" >
{% for error in form.name.errors %}{{error}}{% endfor %}
< / span >
{% endif %}
< / div >
< / div >
< div class = "form-group row {% if form.address.errors %}has-error has-feedback{% endif %}" >
2021-12-01 07:56:54 +01:00
< label for = "id_name" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Address*< / label >
2021-11-02 14:05:32 +01:00
< div class = "col-8 col-sm-6 col-md-6 col-lg-6 col-xl-6" >
{{ form.address }}
{% if form.address.errors %}< span class = "btn btn-sm btn-danger-outline" > {% for error in form.address.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
< div class = "form-group row {% if form.postal.errors %}has-error has-feedback{% endif %}" >
< label for = "id_name" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > < / label >
< div class = "col-8 col-sm-6 col-md-6 col-lg-6 col-xl-6" >
< div class = "row" >
< div class = "col-7 col-sm-5 col-md-5 col-lg-5 col-xl-3 pr-0" >
{{ form.postal }}
{% if form.postal.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.postal.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< div class = "col-12 col-sm-7 col-md-7 col-lg-7 col-xl-9" >
{{ form.city }}
{% if form.city.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.city.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
< / div >
< / div >
< div class = "form-group row {% if form.country.errors %}has-danger{% endif %}" >
2021-12-01 07:56:54 +01:00
< label for = "id_country" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Country*< / label >
2021-11-02 14:05:32 +01:00
< div class = "col-8 col-sm-10 col-md-10 col-lg-7 col-xl-5" >
{{ form.country }}
{{ form.country_related }}
{% if form.country.errors %} < label class = "text-danger" for = "id_country" id = "country-error" > {% for error in form.country.errors %}{{ error }}{% endfor %}< / label > {% endif %}
< / div >
< / div >
< div class = "form-group row {% if form.active.errors %}has-error has-feedback{% endif %}" >
< label for = "id_name" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Is active< / label >
< div class = "col-8 col-sm-2 col-md-2 col-lg-2 col-xl-2" >
{{ form.active }}
{% if form.active.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.active.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
< div class = "form-group text-center" >
< input type = "submit" value = "Save" class = "btn btn-warning" / >
< / div >
< / form >
< / div >
< / div >
< / div >
< / div >
{% endblock %}
{% block footerscript %}
< script type = "text/javascript" >
$(function(){
$('#id_country_related').autocomplete({
source: function(request, response) {
$.ajax({
url: '/country/lookup/?pattern=' + $('#id_country_related').val(),
dataType: "json",
success: function(data) {
if(data.length != 0) {
response($.map(data, function(item) {
return {
label: item.Label,
value: item.Label,
countryid: item.id
}
}))
} else {
response([{ label: 'No result found.', value: '' }]);
};
},
error: function (exception) {
console.log(exception);
}
});
},
minLength: 3,
select: function (event, ui) {
$($(this).data('ref')).val(ui.item.countryid);
}
});
});
< / script >
{% endblock %}