@extends('adminlte::page')

@section('title', 'Employees')

@section('content_header')


      <div class="row mb-2">
         <div class="col-sm-6 col-6">
            <h1>Employees</h1>
         </div>
         <div class="col-sm-6 col-6">
            <div class=" float-right">
             <a href="{{ route('subadmin.create') }}" class="btn btn-primary">Add</a>
            </div>
         </div>
      </div>

@stop
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <!-- /.card-header -->
                <div class="card-body">
                    <div class="custom-table table-light">
                        <div class="custom-table-row body-head">
                            <div class="item"><span>Full Name</span></div>
                            <div class="item"><span>Email</span></div>
                            <div class="item"><span>Phone</span></div>
                            <div class="item"><span>Status</span></div>
                            <div class="item"><span>Action</span></div>
                        </div>

                        @foreach ($store as $blg)
                            <div class="custom-table-row body-table" id="tr_{{$blg->id}}">
                                <div class="item"><span>Full Name</span></div>
                                <div class="item">{{$blg->name }}</div>
                                <div class="item"><span>Email</span></div>
                                <div class="item">{{$blg->email }}</div>
                                <div class="item"><span>Phone</span></div>
                                <div class="item">{{$blg->phone }}</div>
                                <div class="item"><span>Status</span></div>
                                <div class="item">{{($blg->is_active == 1) ? 'Active' : 'Deactive'}}</div>
                                <div class="item"><span>Action</span></div>
                                <div class="item">
									&nbsp;
									<a href="{{route('subadmin.edit', $blg->id)}}" class="btn btn-primary btn-xs">
                                        Edit <i class="fa fa-pencil" aria-hidden="true"></i>
                                    </a>	
                                    &nbsp;
                                    <a href="{{route('subadmin.reset', $blg->id)}}" class="btn btn-info btn-xs o">
                                        Password 
                                    </a>
                                    &nbsp;
                                    {{--<a onclick="return (confirm('Are you sure you want to delete ?'))?true:false"
                                        href="{{route('subadmin.delete', $blg->id)}}" class="label label-danger">
                                        Delete <i class="fa fa-trash-o" aria-hidden="true"></i>
                                     </a>--}}
                                    <a title="{{ (!$blg->is_active == 1) ? 'Activated' : 'Deactivated' }}" class="btn btn-xs {{($blg->is_active) ? 'btn-success' : 'btn-danger' }}"
                                       href="{{route('subadmin.activeDeactivate', $blg->id)}}">
                                        <i class="fa fa-check"
                                           aria-hidden="true"></i>
                                    </a>
                                    <a href="{{route('subadmin.delete',$blg->id)}}" class="btn btn-danger btn-xs o" onclick="return confirm('Are you sure?')">
                                        Delete
                                    </a>
                                </div>
                             </div>
                        @endforeach
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            {{ $store->links() }}
                        </div>
                    </div>
                </div>
                <!-- /.card-body -->

  
            </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