{% extends 'backoffice_user/layout.html' %}
{% block head %}
{% endblock %}
{% block title %}{{title}}{% endblock %} 
{% block content %} 
<br>
<input type="text" class="form-control" name="conf_id" id="conf_id"  value="{{conf.conf_id or ''}}" hidden>
<input type="text" class="form-control" name="conf_key" id="conf_key"  value="{{conf.conf_key or ''}}" hidden>
<div class="row">
    <div class="col-md-12 text-center">
        <h2>Following mail content  are send to applicant:</h2>
    </div>
</div> 
<div class="row">
    <div class="col-md-12 text-center">
        <p>Subject : {{subject}}</p>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        {{html_data|safe}}
    </div>
</div>

<div class="row  mt-2 mb-4">
    <div class="col-md-12 text-center">
        <br>
        <a class="btn btn-primary mr-2" href="{{url_for('back_office.BoEditAllOptionDelegate',conf_id=conf_id,conf_key=conf_key,delegate_id=delegate_id,status='success') }}" target="_blank" onclick="return confirm('Are you sure edit above details ?')"><span class="fa fa-edit fa-1x mx-1" aria-hidden="true" title="Edit"></span>Edit</a>
        <a class="btn btn-success text-white" data-toggle="modal" data-target="#myModal" ><span class="fa fa-paper-plane-o fa-1x mx-1" aria-hidden="true" title="Sample Receipt Mail"></span>Send Mail Sample</a>
        <a class="btn btn-primary mr-2" href="{{ url_for('back_office.BoSendReceiptDelegagteMail',conf_id=conf_id,conf_key=conf_key,unique_id=unique_id) }}" target="_blank" onclick="return confirm('Are you sure send mail now ?')"><span class="fa fa-paper-plane-o fa-1x mx-1" aria-hidden="true" title="Send Receipt Mail"></span>Send Mail Now</a>
        
         <a class="btn btn-success text-white" data-toggle="modal" data-target="#myModalwhatsapp" ><span class="fa fa-paper-plane-o fa-1x mx-1" aria-hidden="true" title="Sample Receipt Mail"></span>Send Whatsapp sample</a>
        <a class="btn btn-primary mr-2" href="{{ url_for('back_office.BoSendReceiptDelegateWhatsapp',conf_id=conf_id,conf_key=conf_key,unique_id=unique_id,mobile_no=receipt_data.mobile) }}" target="_blank" onclick="return confirm('Are you sure send mail now ?')"><span class="fa fa-paper-plane-o fa-1x mx-1" aria-hidden="true" title="Send Receipt Mail"></span>Send Whatsapp Now</a>
    </div>
</div>
<div class="row mt-2">
    <div class="col-md-12 text-center mb-4">
        <a class="btn btn-danger mr-2" href="{{ url_for('back_office.Index_user',conf_id=conf.conf_id,conf_key=conf.conf_key)}}?status=success">Back to Index Page</a> 
    </div>
</div>
<div class="modal" id="myModal">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
      
            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">Enter Testing Email id</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            
            <!-- Modal body -->
            <div class="modal-body">
                <form id="test_form" method="post" action="{{ url_for('back_office.BoSendReceiptDelegagteMail',conf_id=conf_id,conf_key=conf_key,unique_id=unique_id) }}">
                    <input type="text" id="sample_email" name="sample_email" class="form-control" placeholder="Enter email id" value="{{conf.backup_email or ''}}">
                    <span class="error text-black" id="invalid_email">
                        <b>Email id is invalid</b>
                    </span>
                    <br>
                    <button type="submit" class="btn btn-primary float-right" id="send_mail" onclick="return confirm('Are you sure send mail now ?')">Send Mail</button>
                </form>
            </div>
            
            <!-- Modal footer -->
            <div class="modal-footer">
                
                <button type="button" class="btn btn-danger" id="close" data-dismiss="modal">Close</button>
            </div>
        
        </div>
    </div>
</div>

<!-- whatsapp -->
  <div class="modal" id="myModalwhatsapp">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
      
            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">Enter Testing whatsapp number </h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            
            <!-- Modal body -->
            <div class="modal-body">
                <form id="test_form" method="post" action="{{url_for('back_office.BoSendReceiptDelegateWhatsapp',conf_id=conf_id,conf_key=conf_key,delegate_id=delegate_id,unique_id=unique_id)}}">
                    <input class="form-control"  type="text" name="mobile_no" id="mobile_no" value=""  placeholder="Enter whatsapp Number"
                oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" minlenght="10" maxlength="10"/>
                    <span class="error text-black" id="invalid_whatsapp">
                        <b>whatsapp number is invalid</b>
                    </span>
                    <br>
                    <button type="submit" class="btn btn-primary float-right" id="send_whatsapp" onclick="return confirm('Are you sure send whatsapp now ?')">Send whatsapp</button>
                </form>
            </div>
            
            <!-- Modal footer -->
            <div class="modal-footer">
                
                <button type="button" class="btn btn-danger" id="close" data-dismiss="modal">Close</button>
            </div>
        
        </div>
    </div>
</div>

<!-- end whatsapp -->

{% endblock %}
{% block bottomscript %}
<script type="text/javascript">
    var BaseUrl = document.location.origin
$(document).ready(function()
{
    $('.error').hide();
    $("#send_mail").click(function() 
    {
        validate_login_form()
        if(!$("#test_form").valid())
        {
            return false  
        }
        var email = $('#sample_email').val();
        if (IsEmail(email) == false) 
        {
            $('#invalid_email').show();
            return false;
        }
    })
    $("#close").click(function()
    {
        $("#sample_email").val('');
    })
})

function IsEmail(email) {
    var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (!regex.test(email)) 
    {
        return false;
    }
    else 
    {
        return true;
    }
}

function validate_login_form()
{   
    errorclass : 'error',
    $("#test_form").validate({
        rules : {
            sample_email : {
                            required : true,
                            
                            },
                },
     
        messages : {
            sample_email : {
                            required : "Please Enter Email id",
                               
                            },
                    },
        highlight: function(element) {
            $(element).parent().addClass('error')
        },
    
        unhighlight: function(element) {
            $(element).parent().removeClass('error')
        },

        submitHandler: function(form) {
            form.submit();
        },
    })
}
</script>

{% endblock %}