<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title><?php echo e($pagetitle); ?></title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     <?php echo $__env->make("admin.common.headerscriptforvoter", array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
     <style>
      ..body
      {
        -webkit-user-select: none;  
        -moz-user-select: none;    
        -ms-user-select: none;      
        user-select: none;
      }

     </style>
     <script>

       function EditApp (AppUserID) {
        // load Casts
        $("#AppUsrIDs").val(AppUserID);
        var CastName="";
          $.ajax({
              type: "GET",
              url: "getCasts",
              dataType: "json",
              success: function(result){
               $('#Castss1').children().remove();         
               $('#Castss1').append($('<option>').text(" जात निवडा  ").attr('value', ""));
               $.each(result, function(id, value) {
                  $('#Castss1').append($('<option>').text(value.CastName).attr('value', value.CastName));
               });

              $.ajax({
                  type: "GET",
                  url: "LoadTypes",
                  dataType: "json",
                  success: function(result){
                    
                   $('#TypeEE').children().remove();         
                   $('#TypeEE').append($('<option>').text(" कार्यकर्ता टाईप ").attr('value', ""));
                   $.each(result, function(id, value) {
                      $('#TypeEE').append($('<option>').text(value.Type).attr('value', value.Type));
                   });

                  $.ajax({
                    type: "GET",
                    url: "getAppDetailsById",
                    data:"AppUserID="+AppUserID,
                    dataType: "json",
                    success: function(result){
                      $.each(result, function(id, value) {
                        $("#AndroidAppNames").val(value.Name);
                        $("#MobileNumberss").val(value.MobileNumber);
                        $("#Addresss").val(value.Address);
                        $("#DOBs").val(value.DateOfBirth);
                        $("#WhatsappNumbers").val(value.WhatsAppNumber);
                        $("#Emails").val(value.Email);
                        $("#BloodGroups").val(value.BloodGroup);
                        $("#TypeEE").val(value.Type);
                        CastName=value.CastName;
                    });
                    $("#Castss1").select2('val',CastName);
                  }
                });
              }
             });
            }
          });
         // Get Details of App users
         $("#AppUserDialog").modal('show');
       }

       function InstantEditApp()
       {
          var ID=$("#AppUsrIDs").val();
          var AndroidAppNames=$("#AndroidAppNames").val();
          var MobileNumbers=$("#MobileNumberss").val();
          var Addresss=$("#Addresss").val();
          var DOBs=$("#DOBs").val();
          var WhatsappNumbers=$("#WhatsappNumbers").val();
          var Emails=$("#Emails").val();
          var BloodGroups=$("#BloodGroups").val();
          var Castss1=$("#Castss1").val();
          var Type=$("#TypeEE").val();
          $.ajax({
            type: "GET",
            url: "InstantEditApp",
            data:"ID="+ID+"&Name="+AndroidAppNames+"&MobileNumber="+MobileNumbers+"&Address="+Addresss+"&DOB="+DOBs
            +"&WhatsappNumber="+WhatsappNumbers+"&Email="+Emails+"&BloodGroup="+BloodGroups+"&Cast="+Castss1+"&Type="+Type,
            dataType: "json",
            success: function(result){
              $.each(result, function(id, value) {
                alert(result.Message);
              });
            }
          });
       }

       function InstantDeleteApp()
       {
          var AppUsrID=$("#AppUsrIDs").val();
          $.ajax({
            type: "GET",
            url: "InstantDeleteApp",
            data:"AppUserID="+AppUsrID,
            dataType: "json",
            success: function(result){
              $.each(result, function(id, value) {
                alert(result.Message);
              });
            }
          });
       }
     </script>
  </head>
  <body class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper">
      <?php echo $__env->make("admin.common.header", array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
   
      <div class="container">
          <!-- Content Wrapper. Contains page content -->
          <?php echo $__env->yieldContent('content'); ?>
      </div>
      <!-- Add the sidebar's background. This div must be placed
           immediately after the control sidebar -->
      <div class="control-sidebar-bg"></div>
    </div><!-- ./wrapper -->

      <!--  Modal -->
    <div id="AppUserDialog" class="modal fade" role="dialog">
      <div class="modal-dialog modal-lg" style="width:90%;">
        <!-- Modal content-->
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title"> माहिती बदल करा </h4>
          </div>
          <div class="modal-body">
            <div class="row">
              <div class="row" style="margin-top:15px;">
                        <div class="col-lg-12">
                          <div class="col-lg-4">
                            <input type="hidden" id="AppUsrIDs" name="AppUsrIDs">
                            <input type="text" name="AndroidAppNames" id="AndroidAppNames" class="form-control" placeholder="नाव ">
                          </div>
                          <div class="col-lg-4">
                            <input type="text" name="MobileNumberss" id="MobileNumberss" class="form-control" placeholder="मोबाईल" >
                          </div>
                           <div class="col-lg-4">
                            <input type="text" name="Emails" id="Emails" class="form-control" placeholder=" ईमेल">
                          </div>
                        </div>
                       </div>   
                       <div class="row" style="margin-top:20px;" >
                          <div class="col-lg-4">
                              <input type="text" name="WhatsappNumbers" id="WhatsappNumbers" class="form-control" placeholder=" व्हॉट्सअप नंबर">               
                          </div>
                        <div class="col-lg-4">
                          <div class="date">
                            <div class="input-group input-append date" id="datePicker1">
                            <input type="text" class="form-control" name="DOBs" id="DOBs" placeholder="जन्म तारीख ( dd-mm-yyyy ) [ तारीख - महिना - वर्ष  (उदा. 31-07-1982) ]" />
                                <span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                          </div>
                        <script>
                            $(document).ready(function() {
                               $('#datePicker1')
                                  .datepicker({
                                    format: 'dd-mm-yyyy'
                                   })
                              });
                        </script>
                        </div>
                        <div class="col-lg-4">
                           <textarea  name="Addresss" id="Addresss" class="form-control" placeholder=" पत्ता "></textarea>
                        </div>
                      </div>
                      <div class="row" style="margin-top:15px;">
                          <div class="col-lg-12">
                              <div class="col-lg-3">
                                <select id="BloodGroups" name="BloodGroups" class="form-control">
                                  <option value=""> रक्तगट निवडा  </option>
                                  <option value="O+"> O+ </option>
                                  <option value="A+"> A+ </option>
                                  <option value="B+"> B+ </option>
                                  <option value="AB+"> AB+ </option>
                                  <option value="O-"> O- </option>
                                  <option value="A-"> A- </option>
                                  <option value="B-"> B- </option>
                                  <option value="AB-"> AB- </option>
                                </select>
                              </div>
                              <div class="col-lg-3">
                                <select id="Castss1" name="Castss1" class="form-control">
                                  <option value=""> जात निवडा </option>
                                </select>
                              </div>
                              <div class="col-lg-3">
                                <select id="TypeEE" name="TypeEE" class="form-control">
                                  <option value=""> कार्यकर्ता टाईप </option>
                                </select>
                              </div>
                            </div>
                      </div>
                      <div class="row" style="margin-top:15px;">
                        <div class="col-lg-12">
                            <div class="col-lg-3"></div>
                            <div class="col-lg-6">                      
                              <input type="button" onclick="InstantEditApp()" value="बदल करा " class="cg fp"> &nbsp;&nbsp;&nbsp;
                              <input type="reset" value="रद्द करा" class="fy cg"> &nbsp;&nbsp;&nbsp;
                              <input type="button" onclick="InstantDeleteApp()" value=" काढून करा" class="cg fp">
                            </div>
                            <div class="col-lg-3">
                            </div>
                        </div>
                      </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="cg fp" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>            

    <script>
      $("#Castss1").select2();
    </script>

      <?php echo $__env->make("admin.common.footerscript", array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<style>

.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: .25rem;
}

.page-item {
  display: inline;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #0275d8;
  border-color: #0275d8;
}

.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
  color: #818a91;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.page-link {
  position: relative;
  float: left;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.5;
  color: #0275d8;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.page-link:focus, .page-link:hover {
  color: #014c8c;
  background-color: #eceeef;
  border-color: #ddd;
}

.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.333333;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

.pagination-sm .page-link {
  padding: .275rem .75rem;
  font-size: .875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem;
}

 .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
 .pagination>li{display:inline}
 .pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
 .pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
 .pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
 .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}
 .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
 .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}


</style>
  </body>
</html>
