@extends('layout.default')
@section('title','Manage User Admin')
@section('content')
<!--begin::Card-->
<div class="card card-custom mb-10">
    <div class="card-header flex-wrap py-5">
        <div class="card-title">
            <h3 class="card-label">List Admin
                {{-- <span class="d-block text-muted pt-2 font-size-sm">extended pagination options</span></h3> --}}
        </div>
        <div class="card-toolbar">
            <!--begin::Button-->
            <a href="{{ route('user.create') }}" class="btn btn-primary font-weight-bolder">
                <span class="svg-icon svg-icon-md">
                    <!--begin::Svg Icon | path:assets/media/svg/icons/Design/Flatten.svg-->
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                        height="24px" viewBox="0 0 24 24" version="1.1">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <rect x="0" y="0" width="24" height="24" />
                            <circle fill="#000000" cx="9" cy="15" r="6" />
                            <path
                                d="M8.8012943,7.00241953 C9.83837775,5.20768121 11.7781543,4 14,4 C17.3137085,4 20,6.6862915 20,10 C20,12.2218457 18.7923188,14.1616223 16.9975805,15.1987057 C16.9991904,15.1326658 17,15.0664274 17,15 C17,10.581722 13.418278,7 9,7 C8.93357256,7 8.86733422,7.00080962 8.8012943,7.00241953 Z"
                                fill="#000000" opacity="0.3" />
                        </g>
                    </svg>
                    <!--end::Svg Icon-->
                </span>Add User</a>
            <!--end::Button-->
        </div>
    </div>
    <!--begin::Card body-->
    <div class="card-body pt-6">
        @include('layout.alerts.index')
        <!--begin::Table-->
        <table class="table align-middle table-row-dashed fs-6 gy-5" id="user_datatable">
            <thead>
                <tr>
                    <th title="No" width="20">No</th>
                    <th title="First Name">First Name</th>
                    <th title="Last Name">Last Name</th>
                    <th title="Email">Email</th>
                    <th title="Created On">Created On</th>
                    <th title="Action">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($users as $user => $value)
                <tr>
                    <td>{{ ++$user }}</td>
                    <td>{{ $value->first_name }}</td>
                    <td>{{ $value->last_name }}</td>
                    <td>{{ $value->email }}</td>
                    <td>{{ $value->created_at }}</td>
                    <td>
                        @unless (Auth::user()->id == $value->id)
                        <a href="{{ route('user.edit', $value->id) }}" class="btn btn-icon btn-sm btn-success" title="Edit Admin">
                            <i class="flaticon2-edit"></i>
                        </a>
                        @else
                        <a href="{{ route('profile.edit') }}" class="btn btn-icon btn-sm btn-success" title="Edit Admin">
                            <i class="flaticon2-edit"></i>
                        </a>
                        @endunless

                        @unless (Auth::user()->id == $value->id)
                        <a data-url="{{ route('user.destroy') }}" class="btn btn-icon btn-sm btn-danger" title="Delete Admin" data-id="{{ $value->id }}" onclick="deleteSweet(this)">
                            <i class="flaticon2-rubbish-bin"></i>
                        </a>
                        @endunless
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        <!--end::Table-->


    </div>
    <!--end::Card body-->
</div>
<!--end::Card-->
@endsection
@section('script')
<script>
    $("#user_datatable").DataTable();
</script>
<script type="text/javascript">
    function deleteSweet(e){
        // CommonJS
        const url = $(e).data('url')
        const id = $(e).data('id')
        const csrf_token = $('meta[name="csrf-token"]').attr('content');

        Swal.fire({
            title: "Are you sure?",
            text: "You won\'t be able to revert this!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: '#a83232',
            confirmButtonText: "Yes, delete it!"
        }).then((result) => {
            if(result.value) {
                $('#loading').show();
                $.ajax({
                    url: url,
                    type: "POST",
                    data: {
                        '_method': 'POST',
                        '_token': csrf_token,
                        'id' : id
                    },
                    success: function (response) {
                        $('#loading').hide();
                        if (response.status == false) {
                            Swal.fire({
                                type: 'error',
                                title: 'Oops...',
                                text: 'Something went wrong!'
                            }).then((result) => {
                                if (result.value) {
                                    $(location).attr('href', "{{route('user.index')}}");
                                }
                            });
                        }
                        if (response.status == true) {
                                Swal.fire("Success!", "Data has been deleted!", "success").then((result) => {
                                    if (result.value) {
                                        $(location).attr('href', "{{route('user.index')}}");
                                    }
                                $(location).attr('href', "{{route('user.index')}}");
                            });
                        }
                    },
                    error: function (xhr) {
                        $('#loading').hide();
                        Swal.fire("Oops....", "Something went wrong!", "error");
                    }
                });
            }
        });
    };
</script>
@endsection