{% extends "conferenceapp/layout.html" %} {% block style %} {% endblock %} {% block content %}
<form id="add_new_user_form" action="{{url_for('userss.PostUser')}}" method="POST">
    <input type="hidden" name="user_id" id="user_id" value="{{user_id}}">
    <div class="container">
        <div class="col-md-12">
            <center><h3> {% if is_edit  : %} {{conf_data.conf_id}} Edit {% else %} Add New {% endif %} User</h3></center>
        </div>
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label for="society"> Society</label>
                                <input type="hidden" name="society_id" id="society_id" value="{{user_data.society_id}}" />
                            </div>
                            <div class="col-md-8">
                                <select class="form-control" id="society_intial" name="society_intial" required>
                                    <option value="" id="select">--SELECT--</option>
                                    {% if society_intial %}
                                        {% for row in society_intial %}
                                           {% if row.society_id == user_data.society_id %}
                                           <option value="{{row.society_id}}" selected>{{row.society_name}} </option>
                                           {% else %}
                                                <option value="{{row.society_id}}">{{row.society_name}} </option>
                                            {% endif %}  
                                        {% endfor %}
                                {% endif %}
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>Prefix :</label>
                            </div>
                            <div class="col-md-8">
                            <select class="form-control" id="prefix" name="prefix" required="">
                               <option value="" id="select"> Select  Prefix</option>
                               <option value="Dr." {{ 'selected' if user_data.prefix=='Dr.' else '' }}> Dr. </option>
                               <option value="Prof." {{ 'selected' if user_data.prefix=='Prof.' else '' }}> Prof. </option>
                               <option value="Mr." {{ 'selected' if user_data.prefix == 'Mr.' else '' }}> Mr. </option>
                               <option value="Mrs." {{ 'selected' if user_data.prefix == 'Mrs.' else '' }}> Mrs. </option>
                               <option value="Ms." {{ 'selected' if user_data.prefix == 'Ms.' else '' }}> Ms. </option>
                            </select>
                            </div>
                        </div>
                    </div>
                </div><br>

                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>Full Name :</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" name="full_name" id="full_name" class="form-control rounded inputs" placeholder="Full Name" value="{{user_data.full_name or ''}}" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label> Email :</label>
                            </div>
                            <div class="col-md-8">
                                <input type="email" name="email" id="email" class="form-control" placeholder="Enter Email" value="{{user_data.email or email}}" />
                            </div>
                        </div>
                    </div>
                </div><br>

                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>DOB <br> <span class="text-black h6">( DD-MM-YYYY )</span></label>
                            </div>
                            <div class="col-md-8">   
                                <input type="text" class="form-control"  value = "{{ user_data.dob.strftime('%d-%m-%Y') if user_data.dob or ''}}"  name="dob"  id="dob" placeholder="DD-MM-YYYY" maxlength="10">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>MC Number:</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" name="mc_number" id="mc_number" class="form-control" value="{{user_data.mc_number or ''}}" placeholder="Enter Number" />
                            </div>
                        </div>
                    </div>
                </div><br>
                
                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>Membership Number:</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" name="membership_no" class="form-control" id="membership_no" value="{{user_data.membership_no or ''}}" placeholder="Enter Membership No">
                                <input type="checkbox" class="form-input membership_no_checkbox" name="membership_no_checkbox"  id="membership_no_checkbox" value="1">
                                <label for="membership_no_checkbox">set same as membership no only</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>Membership No Only:</label>
                            </div>
                            <div class="col-md-8">
                                <input type="number" pattern="[0-9]" name="mc" id="membership_no_only" class="form-control" value="{{user_data.membership_no_only or ''}}" placeholder="Enter Membership No Only"/>
                            </div>
                        </div>
                    </div>
                </div><br>

                <div class="row">
                    
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label> Mobile :</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" class="form-control rounded inputs" name="mobile" id="mobile" placeholder="Enter Mobile No" value="{{user_data.mobile or ''}}" />
                                <input type="checkbox" class="form-input mobile_checkbox" name="mobile_checkbox"  id="mobile_checkbox" value="1">
                                <label for="mobile_checkbox">set same as whatsapp number</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>Whatsapp Number:</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" name="whatsapp_number" id="whatsapp_number" class="form-control" value="{{user_data.whatsapp_number or ''}}" placeholder="Enter Whatsapp Number" />
                            </div>
                        </div>
                    </div>
                </div><br>

                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>MC State:</label>
                            </div>
                            <div class="col-md-8">
                                <select class = "form-control " id = "mc_state_id" name = "mc_state_id" {{ Custom.check_req('mc_state_id',user_data.reg_type_id) }}>
                                    <option value = "" id = "select">Select mc state</option>
                                    {% if mc_state_data %}
                                    {% for mc in mc_state_data %}
                                    <option value = "{{mc.state_id}}" {{ 'selected' if mc.state_id == user_data.mc_state_id else''}}> {{mc.state_name}} </option>
                                    {% endfor %}
                                    {% endif %}
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>City:</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" name="city" id="city" value="{{user_data.city or ''}}" class="form-control" placeholder="Enter City" />
                            </div>
                        </div>
                    </div>
                </div><br>
                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>Address:</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" name="address1" id="address1" class="form-control" value="{{user_data.address1 or ''}}" placeholder="Enter Address" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>Pincode:</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" name="pincode" id="pincode" class="form-control" value="{{user_data.pincode or ''}}" placeholder="Enter Pincode" />
                            </div>
                        </div>
                    </div>
                </div><br>
                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>Password:</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" name="password" id="password" class="form-control" value="{{user_data.password or ''}}" placeholder="Enter password" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>Membertype:</label>
                            </div>
                            <div class="col-md-8">
                                <select class="form-control" id="member_type_id" name="member_type_id">
                                    <option value="" id="select" selected>--SELECT--</option>
                                                          
                                    {% if member_type_data %} {% for mt in member_type_data %}
                                    <option value="{{mt.member_type_id}}" {% if (mt.member_type_id)==(user_data.member_type_id)%} selected {% endif %}> {{mt.member_type}} </option>
                                    {% endfor %} {% endif %}
                                </select>
                            </div>
                        </div>
                    </div>

                </div><br>

                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>OTP</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" name="otp" id="otp" class="form-control" value="{{user_data.otp or ''}}" placeholder="OTP">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>OTP Expire On</label>
                            </div>
                            <div class="col-md-8">
                                <input type="datetime-local" class="form-control" name="otp_expire_on" id="otp_expire_on" value="{{user_data.otp_expire_on or ''}}" placeholder="Otp Expire On">
                            </div>
                        </div>
                    </div>
                </div><br>

                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>OTP Verified On</label>
                            </div>
                            <div class="col-md-8">
                                <input type="datetime-local" class="form-control" name="otp_verified_at" id="otp_verified_at" value="{{user_data.otp_verified_at or ''}}" placeholder="Otp Verified On">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-4">
                                <label>Back office Admin Access</label>
                            </div>
                            <div class="col-md-4">
                                <label><input type="radio" name="is_admin" id="is_admin" value="1" {% if user_data.is_admin == 1 %} checked="checked" {% endif %} required> Yes </label>&nbsp;&nbsp;&nbsp;
                                <label><input type="radio" name="is_admin" id="is_admin" value="0" {% if user_data.is_admin != 1 or not user_data.is_admin %} checked="checked" {% endif %} /> No </label>&nbsp;&nbsp;
                            </div>
                        </div>
                    </div>
                </div><hr/>

                {% if is_edit  : %} 
                <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">--SELECT--</option>
                                    {% if conf_data : %} {% for row in conf_data %}
                                    <option value="{{row.conf_id}}">{{row.conf_name}} </option>
                                    {% endfor %} {% endif %}
                                </select>
                            </div>
                        </div>
                    </div>
                    {% if user_data.is_admin == 1: %}
                    <div class="col-md-3">

                        <button type="button" class="btn btn-primary" name="send_whatsapp" id="send_whatsapp" value="send_whatsapp" title="Generate whatsapp link" onclick="SendWhatsappFunction();" >Gen Whatsapp Link</button>&nbsp;&nbsp;&nbsp;

                         <a id="whatsapp_url" href="" target="_blank" onclick="return confirm('Are you sure whatsapp now ?')"><i class="bi bi-whatsapp" style="color:green;" title="Send to Whatsapp"></i></a>


                        <button type="button" class="btn" name="send_email" id="send_email" value="send_email" onclick="SendMailFunction();" ><i class="bi bi-envelope" style="color:blue" title="send bo credentials"></i></button>
                    </div>    
                    {% endif %}
                    </div><br>
                    <div class="row">
                    <div class="col-md-6">
                        <label for="update_delegate">Update In Delegate Mc State,Number,Mem No</label>&nbsp;&nbsp;&nbsp; 
                        <input type="checkbox" class="form-input update_delegate" name="update_delegate"  id="update_delegate" value="1">
                    </div>
                
                
                    <div class="col-md-6">
                        <label for="update_delegate_user">Update In Delegate Name,Mobile,Email</label>&nbsp;&nbsp;&nbsp; 
                        <input type="checkbox" class="form-input update_delegate_user" name="update_delegate_user"  id="update_delegate_user" value="1">
                    </div>
                </div>
                {% endif %}

                <div class="row">
                    <div class="col-lg-12 text-center">
                        <input type="button" class="btn btn sm btn-info" value="Back" onClick="javascript:history.go(-1)" />
                    {% if is_edit : %}
                       <input type="button" class="btn btn-success" name="update_btn" id="update_btn" value="Update">
                    {% else : %}
                    <button type="submit" class="btn btn-success" name="insert_btn" id="insert_btn" value="Save" title="Save">Save</button>
            
                    {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

{% endblock %}
{% block bottomscript %}  

<script type="text/javascript">
    var BaseUrl = document.location.origin;

     function SendWhatsappFunction() {
        var whatsapp_number   = $("#whatsapp_number").val();
        var conference_id     = $('#conf_id').val();
        var user_id           = $("#user_id").val();
        
           if(confirm("Are you sure you want to send whatsapp now?"))
            {
                if( conference_id =$('#conf_id').val() == '' )
                {
                  alert("Please select conference");
                  $('#update_delegate').prop('checked', false); // Unchecks it
                }
                 else if(whatsapp_number.length == '' ||  whatsapp_number.length > 10 ){
                    
                     alert("Please Enter WhatsApp Number.");
                }
                else{
                    var conference_id     = $('#conf_id').val();
                    var society_id        = $("#society_id").val();
                    var whatsapp_url = "/send_whatsapp_bo_credentials/"+user_id+"/"+society_id+"/"+conference_id+"/"+whatsapp_number
                    $("#whatsapp_url").attr("href" , whatsapp_url);
                    $("#whatsapp_url").show();
                }   
            }
        else {
            return false;
        }
    }

    function SendMailFunction() {
           if(confirm("Are you sure you want to send mail now?"))
            {
                if( conference_id =$('#conf_id').val() == '' )
                {
                  alert("Please select conference");
                  $('#update_delegate').prop('checked', false); // Unchecks it
                    }
                else{
                    var conference_id     = $('#conf_id').val();
                    var user_id           = $("#user_id").val();
                    var society_id        = $("#society_id").val();
                    var is_send_mail      = 1;

                    $.ajax({
                        type: "POST", // <-- get method of form
                        url: BaseUrl + "/send_mail_bo_credentials/"+user_id+"/"+society_id+"/"+conference_id, // <-- get action of form
                        data: {
                            'is_send'         : is_send_mail
                        },
                    });
                    alert("Bo Access Mail send Successfully");
                }   
            }
        else {
            return false;
        }
    }
    $(document).ready(function () {

        $("#whatsapp_url").hide();
        $("#membership_no_checkbox").on("click", function(event) {
        $("#membership_no_only").val($("#membership_no").val().replace(/[^\d,]/g, ''));
    });

        $("#mobile_checkbox").on("click", function(event) {
        $("#whatsapp_number").val($("#mobile").val().replace(/[^\d,]/g, ''));
    });

    $('#update_delegate').click(function(){
        var check_box_val =  $(this).val(); // Unchecks it 
        if( conference_id =$('#conf_id').val() == '' && check_box_val == 1 )
         {
          alert("Please select conference");
          $('#update_delegate').prop('checked', false); // Unchecks it
        }
        else if ( conference_id =$('#conf_id').val() && check_box_val == 0 ){
            $('#update_delegate').prop('checked', false); // Unchecks it
            $('#conf_id').val('');
        }
        else if ( conference_id =$('#conf_id').val() == '' && check_box_val == 0 ){
            alert("Please select conference");
            $('#update_delegate').val("1");
            $('#update_delegate').prop('checked', false); // Unchecks it
        }
        else{
            var conference_id = $("#conf_id").val();
            $('#update_delegate').val("0");
            $('#update_delegate').prop('checked', true); // Checks it           
        }
     });
    $('#update_delegate_user').click(function(){
        var check_box_val =  $(this).val(); // Unchecks it 
        if( conference_id =$('#conf_id').val() == '' && check_box_val == 1 )
         {
          alert("Please select conference");
          $('#update_delegate_user').prop('checked', false); // Unchecks it
        }
        else if ( conference_id =$('#conf_id').val() && check_box_val == 0 ){
            $('#update_delegate_user').prop('checked', false); // Unchecks it
            $('#conf_id').val('');
        }
        else if ( conference_id =$('#conf_id').val() == '' && check_box_val == 0 ){
            alert("Please select conference");
            $('#update_delegate_user').val("1");
            $('#update_delegate_user').prop('checked', false); // Unchecks it
        }
        else{
            var conference_id = $("#conf_id").val();
            $('#update_delegate_user').val("0");
            $('#update_delegate_user').prop('checked', true); // Checks it           
        }
     });
});

    $("#update_btn").click(function (e) {
            e.preventDefault();
            var user_id           = $("#user_id").val();
            var society_id        = $("#society_id").val();
            var prefix            = $("#prefix").val();
            var full_name         = $("#full_name").val();
            var email             = $("#email").val();
            var mobile            = $("#mobile").val();
            var mc_number         = $("#mc_number").val();
            var membership_no     = $("#membership_no").val();
            var membership_no_only= $("#membership_no_only").val();
            var mc_state_id       = $("#mc_state_id").val();
            var whatsapp_number   = $("#whatsapp_number").val();
            var city              = $("#city").val();
            var address1          = $("#address1").val();
            var pincode           = $("#pincode").val();
            var password          = $("#password").val();
            var member_type_id    = $("#member_type_id").val();
            var dob               = $("#dob").val();
            var otp               = $("#otp").val();
            var otp_expire_on     = $("#otp_expire_on").val();
            var otp_verified_at   = $("#otp_verified_at").val();
            var conference_id     = $("#conf_id").val();
            var update_delegate   = $("input[name='update_delegate']:checked").val();
            var update_delegate_user = $("input[name='update_delegate_user']:checked").val();
            var is_admin          = $('input[name="is_admin"]:checked').val();
            $.ajax({
                type: "POST", // <-- get method of form
                url: BaseUrl + "/update_user", // <-- get action of form
                data: {
                    'update_delegate_user':update_delegate_user,
                    'update_delegate' : update_delegate,
                    'conf_id'         : conference_id,
                    'user_id'         : user_id,
                    'society_id'      : society_id,
                    'prefix'          : prefix,
                    'full_name'       : full_name,
                    'email'           : email,
                    'mobile'          : mobile,
                    'mc_number'       : mc_number,
                    'membership_no'   : membership_no,
                    'membership_no_only':membership_no_only, 
                    'mc_state_id'     : mc_state_id,
                    'whatsapp_number' : whatsapp_number,
                    'city'            : city,
                    'address1'        : address1,
                    'pincode'         : pincode,
                    'is_admin'        : is_admin,
                    'password'        : password,
                    'member_type_id'  : member_type_id,
                    'dob'             : dob,  
                    'otp'             : otp,
                    'otp_expire_on'   : otp_expire_on,
                    'otp_verified_at' : otp_verified_at
                },
                success: function (reposnse) {
                    var data_1 = JSON.parse(reposnse);
                    var status = data_1.status;
                    var msg    = data_1.msg;
                    if (data_1.status== 1) {

                        alert('Updated Successfully..');
                        location.reload();
                        };

                    },
        });
}); 

    function validate_update_delegate()
         {
             errorclass : 'error',
         
             $("#update_delegate").validate({

                rules: {
                conf_id: {
                    required: true,
                },
            },
            messages: {
                conf_id: {
                    required: "Please Select conference_id",
                },
            },
                 highlight: function(element) {
                     $(element).parent().addClass('error')
                 },
             
                 unhighlight: function(element) {
                     $(element).parent().removeClass('error')
                 },
         
                 submitHandler: function(form) {
                     form.submit();
                 }
            })
         };
</script>
{% endblock %}