@extends('layouts.master')

@section('page-content')
<style>
  .buttons-csv .buttons-html5 {
    float: left !important;
  }
</style>
<div class="title-bar">
  <h1 class="title-bar-title">
    <span class="d-ib">Approve Updates</span>
  </h1>
</div>
@if (Session()->has('success'))
<div class="alert alert-success alert-dismissible">
  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
  {{ Session::get('success') }}
</div>
@endif
<div class="row gutter-xs">
  <div class="col-xs-12">

    <div class="card">
      <div class="card-header bg-primary">
        <div class="card-actions">
          <button type="button" class="card-action card-toggler" title="Collapse"></button>
        </div>
        <strong>Update Approvals</strong>
      </div>
      <div class="card-body">
        <a href="#" class="btn btn-outline-success btn-xs pull-right" id="approve_all" tooltip>
          Disapprove Selected
        </a>
        <table class="table table-bordered table-striped table-nowrap adataTable" cellspacing="0" width="100%">
          <thead>
            <tr>
              <th>
                <label class="custom-control custom-control-primary custom-checkbox">
                  <!-- <input class="custom-control-input" id="checkAll" type="checkbox" name="" value=""> -->
                  <!-- <span class="custom-control-indicator"></span> -->
                  <span class="custom-control-label">#</span>
                </label>
              </th>
              <th>Member Name</th>
              <th>Pincode</th>
              <th>Date</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
            @php
            $i = 1;
            $count = 0;

            @endphp
                      </tbody>
        </table>
      </div>
    </div>
  </div>
</div>


@push('modals')
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-md">

    <!-- Modal content-->
    <div class="modal-content" style=" background-color: aliceblue;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title text-center">New Registered Member Approval</h4>

        <form action="{{route('admin_approval')}}" name="admin_approval" id="admin_approval" enctype="multipart/form-data" method="post">
          <!-- <div class="loader">
                          <div class="spinner spinner-primary spinner-lg"></div>
                        </div> -->

          {{ csrf_field() }}
          <input type="hidden" name="user_id" name="user_id" id="user_id">
          <div class="col-md-12">

            <div class="card ">
              <div class="card-header no-border">
                <label>Managing Committee Meeting Date</label>
                <input name="meeting_date" class="form-control" id="meeting_date" type="text" value="" data-provide="datepicker" required="" style="width:95px;">
              </div>

              <div class="card-header no-border">
                <label>Receipt No</label>
                <input id="receipt_no" type="number" name="receipt_no" class="form-control" required>
              </div>

              <div class="card-header no-border">
                <label>Receipt Date</label>
                <input name="receipt_date" class="form-control " id="receipt_date" type="text" value="" data-provide="datepicker" required="" style="width:95px;">
              </div>
              <div class="card-header no-border">
                <label>Member Fees</label>
                <input id="member_fee" type="number" name="member_fee" class="form-control" required>
              </div>

              <div class="card-header no-border">
                <div class="form-group">
                  <div id="image_preview"></div>
                  <label class="col-sm-3 control-label" for="description">Upload Receipt</label>
                  <div class="col-sm-9">
                    <input type="file" name="receipt_file" class="form-control" required="" onchange="document.getElementById('image_preview').src =window.URL.createObjectURL(this.files[0])">
                  </div>
                </div>
              </div>


            </div>

            <div class="clearfix"></div>

            <div class="card">
              <div class="card-body">
                <button class="btn btn-outline-primary btn-lg btn-block" id="submit_video" type="submit">
                  <i class="icon icon-paper-plane"></i> Sumbit
                </button>
              </div>
            </div>

          </div>

          {{-- end of col-xs-8 --}}





        </form>
      </div>
      <div class="modal-body">

      </div>

    </div>

  </div>
</div>
<!-- Modal for rejection-->

<div id="rejectMoadl" class="modal fade" role="dialog">
  <div class="modal-dialog modal-md">

    <!-- Modal content-->
    <div class="modal-content" style=" background-color: aliceblue;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title text-center">New Registered Member Rejection</h4>

        <form action="{{route('delete_new_register_user')}}" name="admin_rejection" id="admin_rejection" enctype="multipart/form-data" method="post">
          <!-- <div class="loader">
                          <div class="spinner spinner-primary spinner-lg"></div>
                        </div> -->

          {{ csrf_field() }}
          <input type="hidden" name="reject_id" id="user_id_for_reject">
          <div class="col-md-12">



            <div class="card-header no-border">
              <label>Rejection Reason</label>
              <input id="reject" type="textarea" name="reject" class="form-control" required>

            </div>




          </div>

          <div class="clearfix"></div>

          <div class="card">
            <div class="card-body">
              <button class="btn btn-outline-primary btn-lg btn-block" id="submit_video" type="submit">
                <i class="icon icon-paper-plane"></i> Sumbit
              </button>
            </div>
          </div>

      </div>

      {{-- end of col-xs-8 --}}





      </form>
    </div>
    <div class="modal-body">

    </div>

  </div>

</div>
</div>
@endpush

@push('page-script')
<script type="text/javascript">
  var table;
  $('#reciept_data').datepicker({
    // startDate: '-125y',
    // endDate: '0'
    autoclose: true,
  }).on('changeDate', function(ev) {

  });
  $('#meeting_data').datepicker({
    // startDate: '-125y',
    // endDate: '0'
    autoclose: true,
  }).on('changeDate', function(ev) {

  });

  $(document).ready(function() {
    table = $('.table').DataTable({
      dom: 'Bfrtip',
      // buttons: [
      //     'copyHtml5','excelHtml5','csvHtml5','pdfHtml5','print'
      // ],

      buttons: [{
          extend: 'csvHtml5',
          title: 'New Registered Users',
          exportOptions: {
            columns: [0, 1, 2],
          }
        },

      ],
      responsive: true,
    });
  });
</script>

<script>
  $(document).on('click', '.superadmin_reject', function() {
    var id = $(this).attr('data');
    $('#user_id_for_reject').attr('value', id);
    $('#rejectMoadl').modal('show');
  });
</script>
<script type="text/javascript">
  $(document).on('click', '.superadmin_approval', function() {
    $id = $(this).attr('data');
    $('#myModal').modal('show');
    $('#user_id').attr('value', $id);
  });

  function myFunction(url, type, by) {

    var txt;
    var r = confirm("Do you want to " + type + " this user?");
    if (r == true) {
      var r1 = confirm("Are You Sure?");
      if (r1 == true) {



        $.ajax({
          type: "GET",
          url: url,
          success: function(res) {
            // console.log(res);
            if (by == 'Super_Admin') {

              window.location.href = "{{url('get_new_registration_super_admin')}}";
            } else {
              window.location.href = "{{url('get_new_registration_regional')}}";
            }

          }
        });
        return true;

      } else {
        return false;
      }

    } else {
      return false;
    }

  }
</script>


<script>
  $("#checkAll").click(function(e) {
    console.log('hi');
    console.log(this);
    // $('input:checkbox').not(this).prop('checked', this.checked);

    var rows = table.rows({
      'search': 'applied'
    }).nodes();
    // Check/uncheck checkboxes for all rows in the table
    for (i = 0; i <= 10; i++) {
      $('input[type="checkbox"]', rows).prop('checked', this.checked);
      console.log($('input[type="checkbox"]', rows).prop('checked', this.checked));
    }
    // $('input:checkbox').prop('checked', this.checked);
    // console.log($('input:checkbox').prop('checked', this.checked));
  });

  $("#approve_all").click(function() {

    var member_id = [];

    /*$.each($("input:checkbox[name='checkbox']:checked"), function () {
        memeber_id.push($(this).val());
    });*/

    $('input[type=checkbox]:checked').not("#checkAll").each(function() {
      console.log($(this).val());
      member_id.push($(this).val());

    });

    @if(Auth::user()["role"] == 0)
    $.ajax({
      url: "{{ route('disaprove_member_registration_bulk') }}",
      method: "POST",
      data: {
        'member_id': member_id,
      },
      cache: false,
      success: function(html) {
        console.log(html);

        alert("Dispproved Successfully");

        location.reload();

        return;
      }
    });
    @else
    $.ajax({
      url: "{{ route('disaprove_member_registration_bulk') }}",
      method: "POST",
      data: {
        'member_id': member_id,
      },
      cache: false,
      success: function(html) {
        console.log(html);
        alert("Disapproved Successfully");

        location.reload();

        return;
      }
    });
    @endif

  });
</script>


<!-- <script type="text/javascript">
     function myFunction() {
  var txt;
  var r = confirm("Do you want to Approve?");
  if (r == true) {
     var r1 = confirm("Are You Sure?");
     if (r1 == true) 
     {
      return true;
     }
     else  
     {
      return false;
     }
     
  } else {
    return false;
  }
  /*document.getElementById("demo").innerHTML = txt;*/
}
   </script> -->
@endpush
@endsection