{% extends "admin_mem/admin_mem_layout.html" %} 
{% block head %}{% endblock %} 
{% block title %}Society Map Member Type Index{% endblock %} 
{% block content%}
<h3 class="text-center">Society Map Member Type Index</h3>
<a href="{{url_for('adminmem.AddSocietyMapMembertype')}}" type="button" class="btn btn-primary mb-3 float-right" id="add_newbtn" target="_blank">ADD NEW</a>
<a href="{{url_for('adminmem.Admin')}}" type="button" class="btn btn-primary mb-3 " >BACK</a>
<input type="hidden" name="society_id" id="society_id" value="">
<input type="hidden" name="society_key" id="society_key" value="">
<div class="mobile-responsive">
  <table class="table table-bordered bg-white">
    <thead class="thead-dark text-white font-weight-bold text-center">
        <tr>
            <th scope="col">Sno :</th>
            <th scope="col">Society Id :</th>
            <th scope="col">Member Type :</th>
            <th scope="col">Amount :</th>
            <th scope="col">Display Name :</th>
            <th scope="col"></th>
        </tr>
    </thead>
    <tbody>
      {% for row in data %}
        <tr>
          <td>{{loop.index}}</td>
          <td>{{row.society_id}} ({{row.society_name or ''}})</td>
          <td>{{row.member_type_id}}</td>
          <td>{{row.amount or ''}}</td>
          <td>{% if row.member_type_id==2:%} Non-Member {% elif row.member_type_id==6 : %} Associate Member {% else %} {{row.display_name or ''}}{% endif %}</td>
          <td>
            
            <a href="{{url_for('adminmem.SocietyMapMembertype',smmt_id=row.smmt_id)}}"><i class="fa fa-edit ml-2" id="edit_btn"></i></a>
          </td>               
        </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{% endblock %}
{% block script %} 
<script type="text/javascript">
    var BaseUrl = document.location.origin
    var society_id = "{{society_id}}";
    var society_key = "{{society_key}}";
$(document).ready(function(){  
    
  $("#preview_btn").click(function()
  {
      var mail_content = $("#mail_content").val();
      var mail_data    = $("#mail_data").val();
      var subject      = $("#subject").val();
      var sub_data     = $("#sub_data").val();
      var sub_type     = $("input[name='s_merge_jinja']:checked").val();
      var is_type      = $("input[name='m_merge_jinja']:checked").val();
      var is_layout    = $("input[name='yn_layout']:checked").val();

      if(mail_content.length == 0){
        $("#mail_content_error").text("Please enter mail content");
        return false;
      }
      else if(!$("input[name='m_merge_jinja']").is(":checked")){
        $("#m_radio-error").text("Please select mail type");
        return false;
      }
      else if(!$("input[name='yn_layout']").is(":checked")){
        $("#yn_layout-error").text("Please select if you want layout or not ");
        return false;
      }
      else if (subject.length == 0) {
        $("#subject_error").text("Please enter subject");
        return false;
      }
      else if (!$("input[name='s_merge_jinja']").is(":checked")) {
        $("#s_radio-error").text("Please select subject type");
        return false;
      }
      else
      {
        $.ajax({
           type: 'POST',
           url: BaseUrl+"/bo/preview_mail/"+society_id+"/"+society_key,
           data:{ 
                  'subject'     : subject,
                  'mail_content': mail_content,
                  'is_layout'   : is_layout
                }, 
           dataType: 'json',
           success: function(data){
            var mail_content=data.data;
            var sub_data    = data.sub_data
            $("#show_subject").html(sub_data);
            $("#show_mail").html(mail_content);

           },
           error: function(XMLHttpRequest, textStatus, errorThrown) {}                      
        });
      } 
        return false;
  });

});

</script>
{% endblock %}