@extends('adminlte::page')

@section('title', 'Sub Admin')

@section('content_header')
    <h1>Sub Admin</h1>
@stop
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header with-border">
                     <span class="pull-right">
                          <a href="{{ route('subadmin_new.create') }}" class="btn btn-primary">Add</a>
                     </span>
                </div>
                <!-- /.card-header -->
                <div class="card-body table-responsive">
                    <table class="table table-bordered">
                        <tr>
                            <th>Full Name</th>
                            <th>Email</th>
                            <th>Phone</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                        @foreach ($store as $blg)
                            <tr id="tr_{{$blg->id}}">
                                <td>{{$blg->name }}</td>
                                <td>{{$blg->email }}</td>
                                <td>{{$blg->phone }}</td>
                                <td>{{($blg->is_active == 1)?'Active':'Deactive'}}</td>
                                <td>
									<a href="{{route('subadmin_new.edit',$blg->id)}}" class="label label-primary">
                                        Edit <i class="fa fa-pencil" aria-hidden="true"></i>
                                    </a>	
                                    &nbsp;
                                    <a href="{{route('subadmin_new.reset',$blg->id)}}" class="label label-primary">
                                        Password <i class="fa fa-fw fa-cog" aria-hidden="true"></i>
                                    </a>
                                    &nbsp;
                                    <a title="{{ (!$blg->is_active == 1) ? 'Activated' : 'Deactivated' }}" class="label {{($blg->is_active) ? 'label-success' : 'label-danger' }}"
                                       href="{{route('subadmin_new.activeDeactivate',$blg->id)}}">
                                        <i class="fa fa-check"
                                           aria-hidden="true"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </table>
                </div>
                <!-- /.card-body -->

                <div class="box-footer clearfix">
                    {{ $store->links() }}
                </div>
            </div>
        </div>
        <!-- /.col -->
    </div>
@section('js')
    <script type="text/javascript">
        $(document).ready(function () {


            $('#master').on('click', function (e) {
                if ($(this).is(':checked', true)) {
                    $(".sub_chk").prop('checked', true);
                } else {
                    $(".sub_chk").prop('checked', false);
                }
            });


            $('.delete_all').on('click', function (e) {


                var allVals = [];
                $(".sub_chk:checked").each(function () {
                    allVals.push($(this).attr('data-id'));
                });


                if (allVals.length <= 0) {
                    alert("Please select row.");
                } else {


                    var check = confirm("Are you sure you want to delete this row?");
                    if (check == true) {


                        var join_selected_values = allVals.join(",");

                        console.log("$(this).data('url')", $(this).data('url'))
                        $.ajax({
                            url: $(this).data('url'),
                            type: 'DELETE',
                            data: 'ids=' + join_selected_values + '&_token=' + $('input[name=_token]').val(),
                            success: function (data) {
                                if (data['success']) {
                                    $(".sub_chk:checked").each(function () {
                                        $(this).parents("tr").remove();
                                    });
                                    alert(data['success']);
                                } else if (data['error']) {
                                    alert(data['error']);
                                } else {
                                    alert('Whoops Something went wrong!!');
                                }
                            },
                            error: function (data) {
                                alert(data.responseText);
                            }
                        });


                        $.each(allVals, function (index, value) {
                            $('table tr').filter("[data-row-id='" + value + "']").remove();
                        });
                    }
                }
            });
            $(document).on('confirm', function (e) {
                var ele = e.target;
                e.preventDefault();


                $.ajax({
                    url: ele.href,
                    type: 'DELETE',
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    success: function (data) {
                        if (data['success']) {
                            $("#" + data['tr']).slideUp("slow");
                            alert(data['success']);
                        } else if (data['error']) {
                            alert(data['error']);
                        } else {
                            alert('Whoops Something went wrong!!');
                        }
                    },
                    error: function (data) {
                        alert(data.responseText);
                    }
                });


                return false;
            });
        });
    </script>
@stop

@stop