{% extends "conferenceapp/layout.html" %}
{% block style %}
{% endblock %}
{% block content %}
<form id="trigger_mail_form" action="{{url_for('confapp.PostTriggerMail')}}" method="POST">

    <div class="container">
        <div class="col-md-12">
            <center><h3>Add Trigger Mail Form</h3></center>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <label for="conference"> Conference :</label>
                    </div>
                    <div class="col-md-8">
                        <select class="form-control" id="conf_id" name="conf_id" >
                            <option value="" id="select"  selected>Select conference</option>
                            {% if conf_data %} {% for row in conf_data %}
                            <option value="{{row.conf_id}}" {{ 'selected' if int(conf_id) == int(row.conf_id) }}>
                            {{row.conf_name}} </option>
                            {% endfor %} {% endif %}
                        </select>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <label>Full Name:</label>
                    </div>
                    <div class="col-md-8">
                        <input class="form-control" type="text" name="full_name" id="full_name" value="{{trigger_data.full_name}}"placeholder="Enter Full Name" />
                    </div>
                </div>
            </div>
        </div><br>
        <div class="row">
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <label>Email:<span style="color: red;"> *</span></label>
                    </div>
                    <div class="col-md-8">
                        <input class="form-control" type="text" name="email" id="email" value="{{trigger_data.email}}" placeholder="Enter Email" />
                    </div>
                </div>
            </div>
    
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <label>Mobile:</label>
                    </div>
                    <div class="col-md-8">
                        <input class="form-control" type="text" name="mobile" id="mobile" value="{{trigger_data.mobile}}" placeholder="Enter Mobile" />
                    </div>
                </div>
            </div>
        </div><br>
        <div class="row">
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <label>Is Active:</label>
                    </div>
                    <div class="col-md-8">
                        <input type="checkbox" checked data-toggle="toggle" data-style="ios" name="is_active" id="is_active" data-on="Yes" data-off="No" value="1" />
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <label>Is Separate Mail:</label>
                    </div>
                    <div class="col-md-4">
                        <input type="checkbox" checked data-toggle="toggle" data-style="ios" name="is_separate_mail" id="is_separate_mail" data-on="Yes" data-off="No" value="1" />
                    </div>
                </div>
            </div>
        </div><br>
        <div class="row">
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <label>Is Consolidate Mail:</label>
                    </div>
                    <div class="col-md-4">
                        <input type="checkbox" checked data-toggle="toggle" data-style="ios" name="is_consolidate_mail" id="is_consolidate_mail" data-on="Yes" data-off="No" value="1" />
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <label>Active Conference List Mail:</label>
                    </div>
                    <div class="col-md-8">
                        <input type="checkbox" checked data-toggle="toggle" data-style="ios" name="active_conf_list_mail" id="active_conf_list_mail" data-on="Yes" data-off="No" value="1" />
                    </div>
                </div>
            </div>
        </div><br>
        <div class="row">
            <div class="col-md-12 text-center" >
                <input type="button" class="btn btn sm btn-info" value="Back" onClick="javascript:history.go(-1)" />
                <input type="submit" class="btn btn-success save_btn" id="save_btn" value="Save" />    
           </div> 
       </div>
    </div>
</form>
<br><br><br><br><br><br>
        
{% endblock %}
{% block bottomscript %} 
<link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
<script type="text/javascript">
     var BaseUrl = document.location.origin;
    $(document).ready(function () {
                $("#save_btn").click(function() 
        {
            validate_trigger_mail_form()
            if(!$("#trigger_mail_form").valid())
            {
                return false  
            }
           
        })
    })
function validate_trigger_mail_form()
    {
        errorclass : 'error'
        $("#trigger_mail_form").validate({
            rules : {

                email : {
                            required : true, 

                        },
                
                    },
                    conf_id:{
                        required:true,
                    } ,  

            messages : {
                           email : {
                                        required : "Please Enter Email ",
                                            
                                        },
                            conf_id:{
                                required : "Please choose conference",
                            },            
                        },

            highlight: function(element) {
                $(element).parent().addClass('error')
            },
         
             unhighlight: function(element) {
                 $(element).parent().removeClass('error')
             },
     
             submitHandler: function(form) {
                 form.submit();
             },
             invalidHandler: function(form, validator) {

                if (!validator.numberOfInvalids())
                    return;

                $('html, body').animate({
                    scrollTop: $(validator.errorList[0].element).offset().top
                }, 300);
                // StopProgress();
                }
    })
    }
</script>
{% endblock %}