{% extends "conferenceapp/layout.html" %}
{% block style %}
{% endblock %}
{% block content %}

<div class="container">
   <form method="POST" action="{{url_for('userss.ViewMember')}}" id="view_member_form">
        
            <div class="col-md-12"> 
                <center><h3> View Member List</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="app_title"> User Id :</label>
                                        </div>
                                        <div class="col-md-8">
                                            <label>{{user_data.user_id }}</label>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <label for="society"> Society</label>
                                            </div>
                                            <div class="col-md-8">
                                                <select class = "form-control" id ="society_intial" name ="society_intial" disabled >   
                                                    <option value = "{{society_intial.society_id}}" id = "select"  >{{user_data.society_name}}</option>
                                                      {% if society_intial %}
                                                        {% for society_intial in society_intial %}
                                                           <option value = "{{society_intial.society_id}}" > {{society_intial.society_name}} </option>
                                                        {% endfor %}
                                                      {% endif %}
                                                  </select>
                                            </div>
                                        </div>
                                    </div>
                                <div class="col-md-6"></div>
                            </div><br/>

                            <div class="row">
                                <div class="col-md-6">
                                 <div class="row">
                                    <div class="col-md-4">
                                        <label>Prefix :</label>
                                    </div>
                                    <div class="col-md-4">
                                        <label>{{user_data.prefix or '-'}}</label>
                                    </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">
                                            <label>{{user_data.full_name or '-'}}</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </br>
                                <div class="row">
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <label> Email :</label>
                                        </div>
                                        <div class="col-md-8">
                                            <label>{{user_data.email or '-'}}</label>
                                        </div>
                                    </div>
                                </div>
                            <br/>
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <label> Mobile :</label>
                                        </div>
                                        <div class="col-md-8">
                                            <label>{{user_data.mobile or '-'}}</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <br/>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <label>MC Number:</label>
                                        </div>
                                        <div class="col-md-4">
                                            <label>{{user_data.mc_number or '-'}}</label>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <label>MC State:</label>
                                        </div>
                                        <div class="col-md-4">
                                            <label>{{user_data.mc_state_id or '-'}}</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <br/>

                            <div class="row">
                               <div class="col-md-6">
                                   <div class="row">
                                       <div class="col-md-4">
                                           <label>Whatsapp Number:</label>
                                       </div>
                                       <div class="col-md-4">
                                           <label>{{user_data.whatsapp_number or '-'}}</label>
                                       </div>
                                   </div>
                               </div>

                               <div class="col-md-6">
                                   <div class="row">
                                       <div class="col-md-4">
                                           <label>City:</label>
                                       </div>
                                       <div class="col-md-4">
                                           <label>{{user_data.city or '-'}}</label>
                                       </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-4">
                                            <label>{{user_data.address1 or '-'}}</label>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <label>Pincode:</label>
                                        </div>
                                        <div class="col-md-4">
                                            <label>{{user_data.pincode or '-'}}</label>
                                        </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-4">
                                           <label>{{user_data.password or '-'}}</label>
                                       </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-8">
                                                <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><br/>
                            <div class="row">
                            <div class="col-lg-12 text-center">
                            <a href="{{ url_for('userss.EditUser',user_id=user_data.user_id,society_id=user_data.society_id)}}" class="btn btn-success">EDIT</a>
                                    <input type="button" class="btn btn sm btn-info" value="Back" onClick="javascript:history.go(-1)" />

                        </div>
                    </div>
                </div>
            </div>
{% endblock %}