@extends('layouts.admin.base')

@section('page-title')
    Duplicate Payouts
@endsection

@section('content')

<!-- Confirmation Modal -->
<div class="modal fade" id="confirmDeleteModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Confirm Deletion</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>Are you sure you want to permanently delete <strong><span id="deleteCount">0</span></strong> selected payout(s)?</p>
                <p class="text-danger"><strong>Warning:</strong> This action is permanent and cannot be undone. The payouts will be completely removed from the database.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-danger" onclick="submitDeletion()">Delete Selected</button>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12 mb-3">
        <div class="card card-bg border-0">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <div>
                        <h4 class="mb-0">Duplicate Investment Payouts</h4>
                        <p class="text-muted mb-0">
                            Showing investment <strong>{{ $page }}</strong> of <strong>{{ $totalInvestments }}</strong> 
                            @if($totalInvestments > 0)
                                | Found <strong>{{ count($duplicates) }}</strong> duplicate group(s) for this investment
                            @endif
                        </p>
                    </div>
                    <div>
                        <span class="badge bg-info me-2">Selected: <span id="selectedCount">0</span></span>
                    </div>
                </div>

                @if($totalInvestments > 1)
                <div class="d-flex justify-content-between mb-3">
                    <div>
                        @if($page > 1)
                        <a href="{{ route('admin_duplicate_payouts', ['page' => $page - 1]) }}" class="btn btn-secondary">
                            <i class="bi bi-arrow-left"></i> Previous Investment
                        </a>
                        @endif
                    </div>
                    <div>
                        <span class="badge bg-secondary">Investment {{ $page }} / {{ $totalInvestments }}</span>
                    </div>
                    <div>
                        @if($page < $totalInvestments)
                        <a href="{{ route('admin_duplicate_payouts', ['page' => $page + 1]) }}" class="btn btn-secondary">
                            Next Investment <i class="bi bi-arrow-right"></i>
                        </a>
                        @endif
                    </div>
                </div>
                @endif

                @if(count($duplicates) > 0)
                <form id="deleteDuplicatesForm" method="POST" action="{{ route('admin_remove_duplicate_payouts') }}">
                    @csrf
                    
                    <div class="mb-3">
                        <button type="button" class="btn btn-secondary me-2" onclick="selectAllDeletable()">
                            <i class="bi bi-check-square"></i> Select All Deletable
                        </button>
                        <button type="button" class="btn btn-danger" onclick="showConfirmModal()">
                            <i class="bi bi-trash"></i> Delete Selected
                        </button>
                        <small class="text-muted ms-2">
                            (Deletable = all except the first payout in each group)
                        </small>
                    </div>

                    @foreach($duplicates as $index => $duplicate)
                    <div class="card mb-3 border">
                        <div class="card-header bg-light">
                            <div class="row align-items-center">
                                <div class="col-md-8">
                                    <h6 class="mb-0">
                                        <i class="bi bi-person-circle"></i> {{ $duplicate['investment']->user->name ?? 'N/A' }}
                                    </h6>
                                    <small class="text-muted">
                                        Investment ID: {{ $duplicate['investment']->id }} | 
                                        Plan: {{ $duplicate['investment']->plan->name ?? 'N/A' }} | 
                                        Amount: {{ formatMoney($duplicate['investment']->amount) }}
                                    </small>
                                </div>
                                <div class="col-md-4 text-end">
                                    <span class="badge bg-warning">{{ $duplicate['count'] }} Duplicates</span>
                                    <div class="form-check form-check-inline mt-2">
                                        <input class="form-check-input group-select-all" type="checkbox" 
                                               id="selectGroup{{ $index }}" 
                                               onchange="toggleGroup({{ $index }})">
                                        <label class="form-check-label" for="selectGroup{{ $index }}">
                                            Select All in Group
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <p class="mb-2">
                                <strong>Payout Amount:</strong> {{ formatMoney($duplicate['amount']) }} | 
                                <strong>Payout Date:</strong> {{ \Carbon\Carbon::parse($duplicate['pay_date'])->format('F d, Y') }}
                            </p>
                            <div class="table-responsive">
                                <table class="table table-sm table-bordered">
                                    <thead>
                                        <tr>
                                            <th width="50">Select</th>
                                            <th>Payout ID</th>
                                            <th>Capital</th>
                                            <th>Created At</th>
                                            <th>Pay At</th>
                                            <th>Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($duplicate['payouts'] as $payoutIndex => $payout)
                                        <tr class="{{ $payoutIndex === 0 ? 'table-success' : '' }}">
                                            <td>
                                                @if($payoutIndex > 0)
                                                <input class="form-check-input payout-checkbox group-{{ $index }}-checkbox" 
                                                       type="checkbox" 
                                                       name="payout_ids[]" 
                                                       value="{{ $payout->id }}"
                                                       data-group="{{ $index }}"
                                                       data-deletable="true"
                                                       onchange="updateSelectedCount()">
                                                @else
                                                <span class="badge bg-success" title="This is the first payout and will be kept">Keep</span>
                                                @endif
                                            </td>
                                            <td>{{ $payout->id }}</td>
                                            <td>{{ formatMoney($payout->capital) }}</td>
                                            <td>{{ \Carbon\Carbon::parse($payout->created_at)->format('M d, Y H:i') }}</td>
                                            <td>{{ \Carbon\Carbon::parse($payout->pay_at)->format('M d, Y H:i') }}</td>
                                            <td>
                                                @php
                                                    $statusBadge = '';
                                                    switch($payout->status) {
                                                        case 1: $statusBadge = 'bg-success'; $statusText = 'Paid'; break;
                                                        case 0: $statusBadge = 'bg-warning'; $statusText = 'Unpaid'; break;
                                                        default: $statusBadge = 'bg-danger'; $statusText = 'Deleted'; break;
                                                    }
                                                @endphp
                                                <span class="badge {{ $statusBadge }}">{{ $statusText }}</span>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    @endforeach
                    
                    <div class="mt-4">
                        <button type="button" class="btn btn-secondary me-2" onclick="selectAllDeletable()">
                            <i class="bi bi-check-square"></i> Select All Deletable
                        </button>
                        <button type="button" class="btn btn-danger" onclick="showConfirmModal()">
                            <i class="bi bi-trash"></i> Delete Selected
                        </button>
                    </div>

                    @if($totalInvestments > 1)
                    <div class="d-flex justify-content-between mt-4">
                        <div>
                            @if($page > 1)
                            <a href="{{ route('admin_duplicate_payouts', ['page' => $page - 1]) }}" class="btn btn-secondary">
                                <i class="bi bi-arrow-left"></i> Previous Investment
                            </a>
                            @endif
                        </div>
                        <div>
                            @if($page < $totalInvestments)
                            <a href="{{ route('admin_duplicate_payouts', ['page' => $page + 1]) }}" class="btn btn-secondary">
                                Next Investment <i class="bi bi-arrow-right"></i>
                            </a>
                            @endif
                        </div>
                    </div>
                    @endif
                </form>
                @else
                <div class="alert alert-success">
                    <i class="bi bi-check-circle"></i> No duplicate payouts found for this investment!
                </div>
                @if($totalInvestments > 1)
                <div class="d-flex justify-content-between mt-3">
                    <div>
                        @if($page > 1)
                        <a href="{{ route('admin_duplicate_payouts', ['page' => $page - 1]) }}" class="btn btn-secondary">
                            <i class="bi bi-arrow-left"></i> Previous Investment
                        </a>
                        @endif
                    </div>
                    <div>
                        @if($page < $totalInvestments)
                        <a href="{{ route('admin_duplicate_payouts', ['page' => $page + 1]) }}" class="btn btn-secondary">
                            Next Investment <i class="bi bi-arrow-right"></i>
                        </a>
                        @endif
                    </div>
                </div>
                @endif
                @endif
            </div>
        </div>
    </div>
</div>

<script>
function updateSelectedCount() {
    const checkedBoxes = document.querySelectorAll('.payout-checkbox:checked');
    document.getElementById('selectedCount').textContent = checkedBoxes.length;
    document.getElementById('deleteCount').textContent = checkedBoxes.length;
}

function toggleGroup(groupIndex) {
    const groupCheckbox = document.getElementById('selectGroup' + groupIndex);
    const checkboxes = document.querySelectorAll('.group-' + groupIndex + '-checkbox');
    
    checkboxes.forEach(checkbox => {
        checkbox.checked = groupCheckbox.checked;
    });
    
    updateSelectedCount();
}

function selectAllDeletable() {
    const deletableCheckboxes = document.querySelectorAll('[data-deletable="true"]');
    deletableCheckboxes.forEach(checkbox => {
        checkbox.checked = true;
    });
    
    // Update group checkboxes
    const groupCheckboxes = document.querySelectorAll('.group-select-all');
    groupCheckboxes.forEach(groupCheckbox => {
        groupCheckbox.checked = true;
    });
    
    updateSelectedCount();
}

function showConfirmModal() {
    const checkedBoxes = document.querySelectorAll('.payout-checkbox:checked');
    
    if (checkedBoxes.length === 0) {
        alert('Please select at least one payout to delete.');
        return;
    }
    
    document.getElementById('deleteCount').textContent = checkedBoxes.length;
    $('#confirmDeleteModal').modal('show');
}

function submitDeletion() {
    const checkedBoxes = document.querySelectorAll('.payout-checkbox:checked');
    
    if (checkedBoxes.length === 0) {
        alert('Please select at least one payout to delete.');
        return;
    }
    
    // Show loading state
    const submitBtn = event.target;
    submitBtn.disabled = true;
    submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Deleting...';
    
    document.getElementById('deleteDuplicatesForm').submit();
}

// Initialize count on page load
document.addEventListener('DOMContentLoaded', function() {
    updateSelectedCount();
});
</script>

@endsection