@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')

<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>List Request Penutupan Account</h3>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ route('dashboard') }}">Home</a></li>
                        <li class="active">List</li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="x_title">
                        <h2>List Akun Ditutup</h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <table class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th class="text-center">Nama Customer</th>
                                    <th class="text-center">Email</th>
                                    <th class="text-center">Handphone</th>
                                    <th class="text-center">Tanggal Pengajuan</th>
                                    <th class="text-center">Tanggal Approve</th>
                                    <th class="text-center">Keterangan</th>
                                    <th class="text-center">Status</th>
                                    <th class="text-center">Action</th>
                                </tr>
                            </thead>
                            @forelse ($list_user as $data)
                            <tbody>
                                <tr>
                                    <td class="text-center">{{ $data->customer_close_account->name ?? '' }}</td>
                                    <td class="text-center">{{ $data->customer_close_account->email }}</td>
                                    <td class="text-center">{{ $data->customer_close_account->handphone }}</td>
                                    <td class="text-center">{{ $data->created_at }}</td>
                                    <td class="text-center">{{ $data->approve_at }}</td>
                                    <td class="text-center">{{ $data->keterangan }}</td>
                                    <td class="text-center">
                                        @if ($data->status == '0')
                                            Belum ditutup
                                        @else 
                                            Akun sudah ditutup
                                        @endif
                                    </td>
                                    <td class="text-center"><button type="button" class="btn btn-danger btn-sm btn-delete" data-id="{{ $data->id }}">Tutup Akun <i class="fa fa-user"></i>
                                        </button>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8">Tidak ada Data</td>
                                </tr>   
                            </tbody>
                            @endforelse
                            
                        </table>
                            <div class="text-center">
                                {{ $list_user->links() }}
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- SweetAlert2 -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
$(document).on('click', '.btn-delete', function () {
    let id = $(this).data('id');

    Swal.fire({
        title: 'Konfirmasi',
        text: 'Apakah Anda yakin ingin menutup akun ini?',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Ya, Tutup',
        cancelButtonText: 'Batal'
    }).then((result) => {
    if (result.isConfirmed) {
        $.ajax({
            url: "{{ url('close_account/tutup_account') }}/" + id,
            
            type: "POST",
            dataType: "json",
            data: {
                _token: "{{ csrf_token() }}"
        },
        beforeSend: function () {
            Swal.fire({
                title: 'Memproses...',
                text: 'Mohon tunggu',
                allowOutsideClick: false,
                didOpen: () => {
                    Swal.showLoading();
                }
            });
        },

        success: function (response) {
            Swal.fire({
                icon: 'success',
                title: 'Berhasil',
                text: response.message
            }).then(() => {
                location.reload();
            });
        },
        error: function (xhr) {
            let message = "Terjadi kesalahan.";
            if (xhr.responseJSON && xhr.responseJSON.message) {
                message = xhr.responseJSON.message;
            }
            Swal.fire({
                        icon: 'error',
                        title: 'Gagal',
                        text: message
                    });

                }
            });
        }
    });
});
</script>
@endsection