@extends('layout.adminapp')
@section('content')
    <div class="container-fluid">
        <div class="card shadow mb-4">
            <div class="card-header py-3">

                <h6 class="m-0 font-weight-bold text-primary">Admins</h6>
            </div>
            @if (Session::has('status'))
                <div class="alert alert-success">
                    <ul>
                        <li>{{ Session::get('status') }}</li>
                    </ul>
                </div>
            @endif
            <div class="card-body">
                <div class="table-responsive">
                    <!--<p><a href="{{ route('check-admin') }}">Go Back</a></p>-->
                    <table class="table table-bordered admin" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Email</th>
                                <th>Role</th>
                                <th>Edits</th>
                                <th>Actions</th>
                                <th>Password</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>Email</th>
                                <th>Role</th>
                                <th>Edits</th>
                                <th>Actions</th>
                                <th>Password</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            @foreach ($admin as $key => $item)
                                <tr>
                                    <td>{{ $item['email'] }}</td>
                                    <td>
                                        @if ($item['role'] == 1)
                                            Super Admin
                                        @else
                                            Sub Admin
                                        @endif
                                        <input type="hidden" value="{{ $item['id'] }}">
                                    </td>
                                    <td><a class="btn btn-primary mt-1" href="edit-admin/{{ $item['id'] }}">View</a>
                                        @if ($item['role'] == 1)
                                            <a class="btn btn-warning mt-1"
                                                href="{{ route('sub-admin', ['id' => $item['id']]) }}">Make Sub Admin</a>
                                        @else
                                            <a class="btn btn-warning mt-1"
                                                href="{{ route('super-admin', ['id' => $item['id']]) }}">Make Super Admin</a>
                                        @endif
                                    </td>
                                    <td><input type="button" class="btn btn-danger mt-1 delete" value="Delete">
                                        @if ($item['status'] == 1)
                                            <input type="button" class="btn btn-danger block mt-1" onclick value="Block">
                                        @else
                                            <input type="button" class="btn btn-success un-block mt-1" value="Un-Block">
                                        @endif
                                        <a href="activity-log/{{$item['id']}}" class="btn btn-info mt-1">Activities</a>
                                    </td>
                                    <td><a href="#" class="btn btn-primary mt-2" data-toggle="modal"
                                            data-target="#passwordModal{{ $key }}">Change Password<a></td>
                                </tr>
                                <!--//model password change-->
                                <div class="modal fade" id="passwordModal{{ $key }}" tabindex="-1" role="dialog"
                                    aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLabel">Change Password</h5>
                                                <button class="close" type="button" data-dismiss="modal"
                                                    aria-label="Close">
                                                    <span aria-hidden="true">×</span>
                                                </button>
                                            </div>
                                            <form action="{{ route('change-password-admin', ['id' => $item['id']]) }}"
                                                method="post">
                                                <div class="modal-body">
                                                    @csrf
                                                    <div class="form-group">
                                                        <label>New Password</label>
                                                        <input type="password" class="form-control form-control-user"
                                                            name="password">
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button class="btn btn-secondary" type="submit">Change</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </tbody>

                    </table>
                    <div class="float-right">
                        <a href="{{route('create-admin')}}" class="btn btn-primary">Make Admin</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="{{ asset('admindic/vendor/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('admindic/vendor/datatables/dataTables.bootstrap4.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
    <script src="{{ asset('admindic/js/demo/datatables-demo.js') }}"></script>
    <script>
        $(document).ready(function() {
            $(".admin").on("click", ".delete", function() {
                var currentRow = $(this).closest("tr");
                var id = currentRow.find("td:eq(1) input[type = hidden]").val();
                // console.log(id);
                swal({
                        title: `Are you sure you want to delete this record?`,
                        text: "If you delete this, it will be gone forever.",
                        icon: "warning",
                        buttons: true,
                        dangerMode: true,
                    })
                    .then((willDelete) => {
                        if (willDelete) {
                            $.ajax({
                                url: "delete-admin",
                                method: "GET",
                                data: {
                                    id: id
                                },
                                success: function(data) {
                                    // console.log(data);
                                    $(currentRow).remove();
                                }
                            })
                        }
                    })
            });

            $(".admin").on("click", ".block", function() {
                var currentRow = $(this).closest("tr");
                var id = currentRow.find("td:eq(1) input[type = hidden]").val();
                // console.log(id)
                swal({
                        title: `Are you sure you want to block this?`,
                        icon: "warning",
                        buttons: true,
                        dangerMode: true,
                    })
                    .then((willDelete) => {
                        if (willDelete) {
                            $(this).removeClass('block btn-danger')
                            $(this).val("Un-Block")
                            $(this).addClass('un-block btn-success')
                            $.ajax({
                                url: "block-admin",
                                method: "GET",
                                data: {
                                    id: id
                                },
                            })
                        }
                    })
            })
            $(".admin").on("click", ".un-block", function() {
                var currentRow = $(this).closest("tr");
                var id = currentRow.find("td:eq(1) input[type = hidden]").val();
                // console.log(id)
                swal({
                        title: `Are you sure you want to un-block this?`,
                        icon: "warning",
                        buttons: true,
                        dangerMode: true,
                    })
                    .then((willDelete) => {
                        if (willDelete) {
                            $(this).removeClass('un-block btn-success')
                            $(this).addClass('block btn-danger')
                            $(this).val("Block")

                            $.ajax({
                                url: "unblock-admin",
                                method: "GET",
                                data: {
                                    id: id
                                },
                            })
                        }
                    })
            })

        });
    </script>
@endsection