@extends('layouts.app')

@section('title', 'Trash Bin - Admin Panel')
@section('page_title', 'Trash Bin')

@section('content')
<div class="row">
    <div class="col-md-12">
        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        @if(session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ session('error') }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        <div class="card">
            <div class="card-header">
                <h5>Trash Bin</h5>
                <span class="d-block m-t-5">Restore or permanently delete soft-deleted records. Items in trash are automatically purged after 30 days.</span>
            </div>
            
            <div class="card-body">
                <!-- Tab Navigation -->
                <ul class="nav nav-tabs mb-4" id="trashTabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link {{ $activeTab === 'app-user' ? 'active' : '' }}" href="{{ route('trash.index', ['tab' => 'app-user']) }}">
                            <i class="feather icon-users mr-1"></i> App Users
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{ $activeTab === 'palm-profile' ? 'active' : '' }}" href="{{ route('trash.index', ['tab' => 'palm-profile']) }}">
                            <i class="feather icon-user mr-1"></i> Palm Profiles
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{ $activeTab === 'report' ? 'active' : '' }}" href="{{ route('trash.index', ['tab' => 'report']) }}">
                            <i class="feather icon-file-text mr-1"></i> Generated Reports
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{ $activeTab === 'billing-plan' ? 'active' : '' }}" href="{{ route('trash.index', ['tab' => 'billing-plan']) }}">
                            <i class="feather icon-credit-card mr-1"></i> Billing Plans
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{ $activeTab === 'report-category' ? 'active' : '' }}" href="{{ route('trash.index', ['tab' => 'report-category']) }}">
                            <i class="feather icon-folder mr-1"></i> Report Categories
                        </a>
                    </li>
                </ul>

                <!-- Bulk Actions Toolbar -->
                @if($trashedRecords->count() > 0)
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <div class="d-flex align-items-center">
                            <select id="bulkActionSelect" class="form-control form-control-sm mr-2" style="width: auto;">
                                <option value="">-- Bulk Actions --</option>
                                <option value="restore">Restore Selected</option>
                                <option value="delete">Permanently Delete Selected</option>
                            </select>
                            <button type="button" id="applyBulkActionButton" class="btn btn-primary btn-sm">Apply</button>
                        </div>
                    </div>
                @endif

                <div class="table-responsive">
                    <form id="bulkActionForm" method="POST" action="">
                        @csrf
                        <input type="hidden" name="model" value="{{ $activeTab }}">
                        
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th style="width: 40px; text-align: center;">
                                        <input type="checkbox" id="selectAllCheckbox">
                                    </th>
                                    <th>Sr. No.</th>
                                    @if($activeTab === 'app-user')
                                        <th>Name</th>
                                        <th>Email</th>
                                    @elseif($activeTab === 'palm-profile')
                                        <th>First Name</th>
                                        <th>Last Name</th>
                                        <th>User</th>
                                    @elseif($activeTab === 'report')
                                        <th>Report ID</th>
                                        <th>Report Name</th>
                                        <th>User</th>
                                    @elseif($activeTab === 'billing-plan')
                                        <th>Name</th>
                                        <th>Product ID</th>
                                        <th>Type</th>
                                    @elseif($activeTab === 'report-category')
                                        <th>Title</th>
                                        <th>Slug</th>
                                        <th>Required Credits</th>
                                    @endif
                                    <th>Deleted At</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($trashedRecords as $record)
                                    <tr>
                                        <td style="text-align: center;">
                                            <input type="checkbox" name="ids[]" value="{{ $record->id }}" class="record-checkbox">
                                        </td>
                                        <td>{{ ($trashedRecords->currentPage() - 1) * $trashedRecords->perPage() + $loop->iteration }}</td>
                                        
                                        @if($activeTab === 'app-user')
                                            <td>{{ $record->name }}</td>
                                            <td>{{ $record->email }}</td>
                                        @elseif($activeTab === 'palm-profile')
                                            <td>{{ $record->first_name }}</td>
                                            <td>{{ $record->last_name }}</td>
                                            <td>{{ $record->user ? $record->user->name : 'N/A' }}</td>
                                        @elseif($activeTab === 'report')
                                            <td>{{ $record->formatted_id }}</td>
                                            <td>{{ $record->report_name }}</td>
                                            <td>{{ $record->user ? $record->user->name : 'N/A' }}</td>
                                        @elseif($activeTab === 'billing-plan')
                                            <td>{{ $record->name }}</td>
                                            <td><code>{{ $record->product_id }}</code></td>
                                            <td><span class="badge badge-secondary">{{ strtoupper($record->type) }}</span></td>
                                        @elseif($activeTab === 'report-category')
                                            <td>{{ $record->title }}</td>
                                            <td><code>{{ $record->slug }}</code></td>
                                            <td>{{ $record->credits_required }}</td>
                                        @endif
                                        
                                        <td><x-date-display :date="$record->deleted_at" /></td>
                                        <td>
                                            <!-- Restore Single -->
                                            <form action="{{ route('trash.restore', [$activeTab, $record->id]) }}" method="POST" class="d-inline restore-confirm-form">
                                                @csrf
                                                <button type="submit" class="btn btn-success btn-sm" title="Restore">
                                                    <i class="feather icon-rotate-ccw"></i> Restore
                                                </button>
                                            </form>
                                            
                                            <!-- Force Delete Single -->
                                            <form action="{{ route('trash.force-delete', [$activeTab, $record->id]) }}" method="POST" class="d-inline delete-confirm-form">
                                                @csrf
                                                <button type="submit" class="btn btn-danger btn-sm" title="Permanently Delete">
                                                    <i class="feather icon-trash-2"></i> Delete
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10" class="text-center py-4 text-muted">
                                            <i class="feather icon-info mr-1" style="font-size: 1.2rem;"></i> No trashed items found in this category.
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </form>
                </div>

                <!-- Pagination -->
                <div class="d-flex justify-content-center mt-3">
                    {{ $trashedRecords->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const selectAllCheckbox = document.getElementById('selectAllCheckbox');
        const recordCheckboxes = document.querySelectorAll('.record-checkbox');
        const bulkActionSelect = document.getElementById('bulkActionSelect');
        const applyBulkActionButton = document.getElementById('applyBulkActionButton');
        const bulkActionForm = document.getElementById('bulkActionForm');

        // Select All handler
        if (selectAllCheckbox) {
            selectAllCheckbox.addEventListener('change', function () {
                recordCheckboxes.forEach(cb => {
                    cb.checked = selectAllCheckbox.checked;
                });
            });
        }

        // Apply bulk action handler
        if (applyBulkActionButton) {
            applyBulkActionButton.addEventListener('click', function () {
                const action = bulkActionSelect.value;
                const checkedCount = Array.from(recordCheckboxes).filter(cb => cb.checked).length;

                if (!action) {
                    alert('Please select a bulk action.');
                    return;
                }

                if (checkedCount === 0) {
                    alert('Please select at least one record.');
                    return;
                }

                let confirmMessage = '';
                if (action === 'restore') {
                    confirmMessage = `Are you sure you want to restore ${checkedCount} selected record(s)?`;
                    bulkActionForm.action = "{{ route('trash.bulk-restore') }}";
                } else if (action === 'delete') {
                    confirmMessage = `WARNING: Are you sure you want to PERMANENTLY delete ${checkedCount} selected record(s)? This action CANNOT be undone and will cascade to all related records!`;
                    bulkActionForm.action = "{{ route('trash.bulk-force-delete') }}";
                }

                if (confirm(confirmMessage)) {
                    bulkActionForm.submit();
                }
            });
        }

        // Confirm Single Delete
        document.querySelectorAll('.delete-confirm-form').forEach(form => {
            form.addEventListener('submit', function (e) {
                if (!confirm('WARNING: Are you sure you want to PERMANENTLY delete this record? This action CANNOT be undone and will cascade to all related records!')) {
                    e.preventDefault();
                }
            });
        });

        // Confirm Single Restore
        document.querySelectorAll('.restore-confirm-form').forEach(form => {
            form.addEventListener('submit', function (e) {
                if (!confirm('Are you sure you want to restore this record?')) {
                    e.preventDefault();
                }
            });
        });
    });
</script>
@endsection