@extends('admin.layouts.master-soyuz')
@section('title', __('Account Deletion Requests | '))
@section('body')

@component('admin.component.breadcumb', ['secondaryactive' => 'active'])
    @slot('heading'){{ __('Account Deletion Requests') }}@endslot
    @slot('menu1'){{ __('Users') }}@endslot
    @slot('menu2'){{ __('Deletion Requests') }}@endslot
@endcomponent

<div class="contentbar">
    @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
    @if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif

    <div class="card m-b-30">
        <div class="card-header d-flex align-items-center justify-content-between">
            <h5 class="card-title mb-0"><i class="feather icon-trash-2 mr-2 text-primary"></i>{{ __('Pending Account Deletion Requests') }}</h5>
            <span class="badge" style="background:rgba(239,68,68,0.10); color:#ef4444; padding:5px 10px; font-weight:700;">{{ count($requests) }} {{ __('pending') }}</span>
        </div>
        <div class="card-body p-0">
            @if(count($requests))
                <div class="table-responsive">
                    <table class="table mb-0" style="width:100%;">
                        <thead>
                            <tr style="background: var(--adm-content-bg);">
                                <th style="padding:12px 16px;">{{ __('User') }}</th>
                                <th style="padding:12px 16px;">{{ __('Email') }}</th>
                                <th style="padding:12px 16px;">{{ __('Requested') }}</th>
                                <th style="padding:12px 16px;">{{ __('Reason') }}</th>
                                <th style="padding:12px 16px; width:240px;" class="text-right">{{ __('Actions') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($requests as $u)
                                <tr>
                                    <td style="padding:12px 16px;">
                                        <div class="d-flex align-items-center" style="gap:10px;">
                                            @if($u->image && file_exists(public_path('images/user/' . $u->image)))
                                                <img src="{{ url('images/user/' . $u->image) }}" alt="" style="width:36px; height:36px; border-radius:50%; object-fit:cover;">
                                            @else
                                                <span style="width:36px; height:36px; border-radius:50%; background:rgba(59,109,240,0.10); color:#3b6df0; display:grid; place-items:center; font-weight:700;">{{ strtoupper(mb_substr($u->name ?: 'U', 0, 1)) }}</span>
                                            @endif
                                            <div>
                                                <div style="font-weight:700; color:var(--adm-text-dark);">{{ $u->name }}</div>
                                                <div class="text-muted" style="font-size:11px;">#{{ $u->id }} · {{ $u->mobile ?: __('No phone') }}</div>
                                            </div>
                                        </div>
                                    </td>
                                    <td style="padding:12px 16px;">{{ $u->email }}</td>
                                    <td style="padding:12px 16px;">
                                        <div>{{ \Illuminate\Support\Carbon::parse($u->deletion_requested_at)->format('d M Y') }}</div>
                                        <small class="text-muted">{{ \Illuminate\Support\Carbon::parse($u->deletion_requested_at)->diffForHumans() }}</small>
                                    </td>
                                    <td style="padding:12px 16px; max-width:280px;">
                                        @if(!empty($u->deletion_reason))
                                            <span class="text-muted" style="font-size:13px;">{{ \Illuminate\Support\Str::limit($u->deletion_reason, 140) }}</span>
                                        @else
                                            <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                    <td style="padding:12px 16px;" class="text-right">
                                        <form action="{{ route('users.deletion.approve', $u->id) }}" method="POST" class="d-inline" onsubmit="return confirm('{{ __('Permanently delete :name? Past orders will be retained.', ['name' => addslashes($u->name)]) }}');">
                                            @csrf
                                            <button type="submit" class="btn btn-danger-rgba btn-sm" {{ env('DEMO_LOCK') == 0 ? '' : 'disabled' }}>
                                                <i class="feather icon-check mr-1"></i>{{ __('Approve & Delete') }}
                                            </button>
                                        </form>
                                        <form action="{{ route('users.deletion.reject', $u->id) }}" method="POST" class="d-inline ml-1" onsubmit="return confirm('{{ __('Reject this deletion request?') }}');">
                                            @csrf
                                            <button type="submit" class="btn btn-secondary-rgba btn-sm" {{ env('DEMO_LOCK') == 0 ? '' : 'disabled' }}>
                                                <i class="feather icon-x mr-1"></i>{{ __('Reject') }}
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="text-center py-5">
                    <svg width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" class="text-muted mb-3" style="margin:0 auto; display:block;"><path d="m4 12 5 5L20 7"/></svg>
                    <h5 style="color:var(--adm-text-dark);">{{ __('No pending requests') }}</h5>
                    <p class="text-muted small mb-0">{{ __('Account-deletion requests will appear here when users submit them.') }}</p>
                </div>
            @endif
        </div>
    </div>
</div>

@endsection