@extends('layouts.master')
<style>
    .card-header{
        background-color: #171a2b;
        color: #ffc106;
    }
</style>

@section('page-content')
    <div class="title-bar">
        <h1 class="title-bar-title">
            <span class="d-ib">Approve Updates</span>
        </h1>
    </div>
    <div class="row gutter-xs">
        <div class="col-xs-12">
            <div class="card">
                <div class="card-header">
                    <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 style="margin-bottom:8px;">
                        Approve Selected
                    </a>
                    <table class="table table-bordered table-striped table-nowrap dataTable" 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>Member Code</th>
                                <th>Contact No.</th>
                                <th>Type of Update</th>
                                <th>Date and Time</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                            $i = 1;
                            $count = 0;
                            @endphp
                                                            @php
                                $i = 1;
 

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

        @push('page-script')
            <script>
            $("#checkAll").click(function () {
                $('input:checkbox').not(this).prop('checked', this.checked);
            });

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

                var member_id = [];

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

                $('input[type=checkbox]:checked').not("#checkAll").each(function () {

                    member_id.push($(this).parent().find(".member_id").text());
                    update_type.push($(this).parent().parent().parent().find(".type").text());

                });

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

                                  location.reload();

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

                                      location.reload();

                                 return;
                              }
                          });
                @endif

            });

            </script>
        @endpush