@php
    $headerOption = [
        'title' => 'Sponsorship Details',
        'header_buttons' => [],
        'filters' => [],
        'data' => []
    ];
    
    $sponsorship = $sponsorship ?? null;
    $beneficiary = $sponsorship->beneficiary ?? null;
    $sponsor = $sponsorship->sponsor ?? null;
    $installments = $sponsorship->installments ?? collect();
    
    // Calculate statistics
    $totalMilestones = $installments->count();
    $completedMilestones = $installments->whereIn('payment_status', [
        \App\Models\Users\SponsorshipInstallment::STATUS_PAID,
        \App\Models\Users\SponsorshipInstallment::STATUS_APPROVED_AND_RELEASED
    ])->count();
    
    $totalPaid = $installments->whereIn('payment_status', [
        \App\Models\Users\SponsorshipInstallment::STATUS_PAID,
        \App\Models\Users\SponsorshipInstallment::STATUS_APPROVED_AND_RELEASED
    ])->sum('installment_amount');
    
    $disputedMilestones = $installments->where('payment_status', \App\Models\Users\SponsorshipInstallment::STATUS_DISPUTE);
    $disputedCount = $disputedMilestones->count();
    
    // Format offer type
    $offerTypeMap = [
        1 => 'Endorsement Deal',
        2 => 'Brand Ambassador',
        3 => 'Team Partnership',
        4 => 'Product Sponsorship',
        5 => 'Event Sponsor',
        6 => 'Media Partnership',
    ];
    $offerTypeName = $sponsorship->offer_type && isset($offerTypeMap[$sponsorship->offer_type]) 
        ? $offerTypeMap[$sponsorship->offer_type] 
        : 'N/A';
    
    
    
    // Beneficiary info
    $beneficiaryName = $beneficiary ? ($beneficiary->full_name ?? $beneficiary->name ?? 'N/A') : 'N/A';
    $beneficiaryType = ucfirst($sponsorship->beneficiary_type ?? 'N/A');
    $beneficiaryInitials = strtoupper(substr($beneficiaryName, 0, 1) . substr($beneficiaryName, strpos($beneficiaryName, ' ') + 1, 1));
    if (strpos($beneficiaryName, ' ') === false) {
        $beneficiaryInitials = strtoupper(substr($beneficiaryName, 0, 2));
    }
    
    // Get beneficiary location/organization
    $beneficiaryLocation = '';
    if ($sponsorship->beneficiary_type === 'athlete' && $beneficiary) {
        $athleteProfile = $beneficiary->athleteProfile;
        if ($athleteProfile && isset($athleteProfile->organization_name)) {
            $beneficiaryLocation = $athleteProfile->organization_name;
        }
    } elseif ($sponsorship->beneficiary_type === 'team') {
        $beneficiaryLocation = $sponsorship->team_organization ?? '';
    }
    
    // Get sport info
    $sportName = '';
    if ($beneficiary && $beneficiary->sports && $beneficiary->sports->count() > 0) {
        $sport = $beneficiary->sports->first();
        $sportName = $sport->sport->title ?? '';
    }
    
    // Sponsor info
    $sponsorName = $sponsor ? ($sponsor->full_name ?? $sponsor->name ?? 'N/A') : 'N/A';
    
    // Status
    $statusClass = 'badge-secondary';
    $statusText = ($sponsorship->is_withdrawal == 1) ? 'Withdrawn' : (ucfirst($sponsorship->status ?? 'pending'));
    if ($sponsorship->status === 'active') {
        $statusClass = 'badge-success';
    } elseif ($sponsorship->status === 'pending') {
        $statusClass = 'badge-warning';
    } elseif (in_array($sponsorship->status, ['declined', 'cancelled', 'withdrawn'])) {
        $statusClass = 'badge-danger';
    }
    
    // Calculate percentage for each milestone
    $totalAmount = $sponsorship->funding_amount ?? 1;
@endphp
@extends('admin.layouts.layout', $headerOption)

@push('page_css')
    <link href="{{ asset('assets/css/admin-sponsorships-show.css') }}" rel="stylesheet" type="text/css" />
@endpush

@section('content')
    <div class="admin-sponsorship-details-page">
        <!-- Back Link -->
        <div class="back-link-section">
            <a href="{{ route('sponsorships.index') }}" class="back-link">
                <i class="bx bx-arrow-back"></i>
                Back to Sponsorships
            </a>
        </div>

        <!-- Beneficiary Header Card -->
        <div class="beneficiary-header-card">
            <div class="beneficiary-avatar-large">
                {{ $beneficiaryInitials }}
            </div>
            <div class="beneficiary-info">
                <h2 class="beneficiary-name">{{ $beneficiaryName }}</h2>
                <div class="beneficiary-meta">
                    @if($sportName)
                        <span class="beneficiary-type">{{ $beneficiaryType }} - {{ $sportName }}</span>
                    @else
                        <span class="beneficiary-type">{{ $beneficiaryType }}</span>
                    @endif
                    @if($beneficiaryLocation)
                        <span class="beneficiary-separator">•</span>
                        <span class="beneficiary-location">{{ $beneficiaryLocation }}</span>
                    @endif
                </div>
            </div>
            <div class="status-badge-top-right">
                <span class="badge {{ $statusClass }}">{{ $statusText }}</span>
            </div>
        </div>

        <!-- Sponsorship Details Card -->
        <div class="sponsorship-details-card">
            <div class="details-row">
                <div class="detail-column">
                    <div class="detail-label">SPONSOR</div>
                    <div class="detail-value">
                        <span class="sponsor-name">{{ $sponsorName }}</span>
                    </div>
                </div>
                <div class="detail-column">
                    <div class="detail-label">DEAL TITLE</div>
                    <div class="detail-value">{{ $sponsorship->offer_title ?? 'N/A' }}</div>
                </div>
                <div class="detail-column">
                    <div class="detail-label">TYPE</div>
                    <div class="detail-value">{{ $offerTypeName }}</div>
                </div>
                <div class="detail-column">
                    <div class="detail-label">TOTAL VALUE</div>
                    <div class="detail-value highlight-value">
                        {!! \App\Helpers\Helper::price($sponsorship->funding_amount ?? 0, $sponsorship->currency ?? 'USD') !!}
                    </div>
                </div>
                <div class="detail-column">
                    <div class="detail-label">DURATION</div>
                    <div class="detail-value">{{ $sponsorship->duration ?: 0 }} months</div>
                </div>
                <div class="detail-column">
                    <div class="detail-label">PAID SO FAR</div>
                    <div class="detail-value">
                        {!! \App\Helpers\Helper::price($totalPaid, $sponsorship->currency ?? 'USD') !!}
                    </div>
                </div>
            </div>
        </div>

        <!-- Milestones & Payment Schedule -->
        <div class="milestones-section">
            <h3 class="section-title">Milestones & Payment Schedule</h3>
            <div class="milestones-timeline">
                @foreach($installments as $index => $installment)
                    @php
                        $isDisputed = $installment->payment_status === \App\Models\Users\SponsorshipInstallment::STATUS_DISPUTE;
                        $isCompleted = in_array($installment->payment_status, [
                            \App\Models\Users\SponsorshipInstallment::STATUS_PAID,
                            \App\Models\Users\SponsorshipInstallment::STATUS_APPROVED_AND_RELEASED
                        ]);
                        $isPending = $installment->payment_status === \App\Models\Users\SponsorshipInstallment::STATUS_PENDING;
                        $isSubmitted = $installment->payment_status === \App\Models\Users\SponsorshipInstallment::STATUS_SUBMITTED_FOR_APPROVAL;
                        
                        $percentage = $totalAmount > 0 ? round(($installment->installment_amount / $totalAmount) * 100, 0) : 0;
                        $dueDate = $installment->installment_date ? \App\Helpers\Helper::showdate($installment->installment_date, false) : 'N/A';
                        $completedDate = null;
                        $paidDate = null;
                        
                        if ($isCompleted) {
                            $completedDate = $installment->approval_release_date 
                                ? \App\Helpers\Helper::showdate($installment->approval_release_date, false)
                                : ($installment->paid_at ? \App\Helpers\Helper::showdate($installment->paid_at, false) : null);
                            $paidDate = $installment->paid_at 
                                ? \App\Helpers\Helper::showdate($installment->paid_at, false)
                                : ($installment->approval_release_date ? \App\Helpers\Helper::showdate($installment->approval_release_date, false) : null);
                        }
                        
                        $disputeDate = $installment->dispute_date ? \App\Helpers\Helper::showdate($installment->dispute_date, false) : null;
                        $disputeReason = $installment->disput_reason ?? null;
                        $isResolved = $installment->admin_disput_resolved_at ? true : false;
                        $resolvedDate = $installment->admin_disput_resolved_at ? \App\Helpers\Helper::showdate($installment->admin_disput_resolved_at, false) : null;
                    @endphp
                    <div class="milestone-timeline-item {{ $isCompleted ? 'completed' : '' }} {{ $isDisputed ? 'disputed' : '' }}">
                        <div class="milestone-icon-wrapper">
                            @if($isCompleted)
                                <div class="milestone-icon milestone-icon-completed">
                                    <i class="bx bx-check"></i>
                                </div>
                            @else
                                <div class="milestone-icon milestone-icon-pending">
                                    {{ $installment->installment_number }}
                                </div>
                            @endif
                            @if($index < $installments->count() - 1)
                                <div class="timeline-connector"></div>
                            @endif
                        </div>
                        <div class="milestone-content-wrapper">
                            <div class="milestone-header-row">
                                <div class="milestone-title-section">
                                    <h4 class="milestone-title">{{ $installment->fund_purpose ?? 'Milestone ' . $installment->installment_number }}</h4>
                                    <div class="milestone-amount-info">
                                        {!! \App\Helpers\Helper::price($installment->installment_amount, $sponsorship->currency ?? 'USD') !!} 
                                        <span class="milestone-percentage">({{ $percentage }}%)</span>
                                    </div>
                                    <div class="milestone-due-date">Due: {{ $dueDate }}</div>
                                </div>
                                <div class="milestone-status-badge">
                                    @if($isCompleted)
                                        <span class="badge badge-success">Completed</span>
                                    @elseif($isDisputed)
                                        <span class="badge badge-danger">Disputed</span>
                                    @elseif($isSubmitted)
                                        <span class="badge badge-warning">Submitted</span>
                                    @else
                                        <span class="badge badge-secondary">Pending</span>
                                    @endif
                                </div>
                            </div>
                            
                            @if($isCompleted && $completedDate && $paidDate)
                                <div class="milestone-completion-info">
                                    <div class="completion-item">Completed: {{ $completedDate }}</div>
                                    <div class="completion-item">Paid: {{ $paidDate }}</div>
                                </div>
                            @elseif($isDisputed)
                                <div class="milestone-dispute-info">
                                    <div class="dispute-item">Disputed: {{ $disputeDate ?? 'N/A' }}</div>
                                    
                                    @if($disputeReason)
                                        <div class="dispute-reason-box sponsor-dispute-box">
                                            <strong>Sponsor Dispute Reason:</strong>
                                            <div class="dispute-reason-text">{{ $disputeReason }}</div>
                                            <div class="dispute-reason-date">Disputed: {{ $disputeDate ?? 'N/A' }}</div>
                                        </div>
                                    @endif
                                    
                                    @php
                                        $evidenceText = $installment->fund_description ?? $installment->fund_purpose ?? 'Evidence submitted';
                                        $submittedDate = $installment->approval_request_date ? \App\Helpers\Helper::showdate($installment->approval_request_date, false) : 'N/A';
                                    @endphp
                                    
                                    <div class="athlete-evidence-box">
                                        <strong>Athlete/Team Evidence:</strong>
                                        <div class="evidence-text">{{ $evidenceText }}</div>
                                        <div class="evidence-date">Submitted: {{ $submittedDate }}</div>
                                    </div>
                                    
                                    @if($isResolved)
                                        <div class="dispute-resolved-info">
                                            <i class="bx bx-check-circle"></i>
                                            Resolved: {{ $resolvedDate }}
                                        </div>
                                    @else
                                        <div class="dispute-actions">
                                            <button type="button" class="btn btn-success btn-sm btn-confirm-release" data-installment-id="{{ $installment->id }}">
                                                <i class="bx bx-check"></i>
                                                Confirm & Release Payment
                                            </button>
                                            <button type="button" class="btn btn-danger btn-sm btn-side-sponsor" data-installment-id="{{ $installment->id }}">
                                                <i class="bx bx-x"></i>
                                                Side with Sponsor
                                            </button>
                                        </div>
                                    @endif
                                </div>
                            @endif
                        </div>
                    </div>
                @endforeach
            </div>
        </div>

        <!-- Timeline Section -->
        @if($sponsorship->funding_start_date && $sponsorship->funding_end_date)
        <div class="timeline-section">
            <div class="timeline-card">
                <div class="timeline-item">
                    <div class="timeline-label">START DATE</div>
                    <div class="timeline-value">{{ \App\Helpers\Helper::showdate($sponsorship->funding_start_date, false) }}</div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-label">END DATE</div>
                    <div class="timeline-value">{{ \App\Helpers\Helper::showdate($sponsorship->funding_end_date, false) }}</div>
                </div>
            </div>
        </div>
        @endif
    </div>
@endsection

@push('page_script')
<script>
    $(document).ready(function() {
        // Confirm & Release Payment handler
        $(document).on('click', '.btn-confirm-release', function() {
            var installmentId = $(this).data('installment-id');
            var btn = $(this);
            
            // SweetAlert confirmation popup
            Swal.fire({
                title: 'Confirm & Release Payment?',
                text: 'Are you sure you want to confirm and release payment for this milestone? This will approve the milestone and release the payment to the athlete/team.',
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#10b981',
                cancelButtonColor: '#6b7280',
                confirmButtonText: 'Yes, Confirm & Release',
                cancelButtonText: 'Cancel',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    btn.prop('disabled', true);
                    resolveDispute(installmentId, 'release', btn);
                }
            });
        });
        
        // Side with Sponsor handler
        $(document).on('click', '.btn-side-sponsor', function() {
            var installmentId = $(this).data('installment-id');
            var btn = $(this);
            
            // SweetAlert confirmation popup
            Swal.fire({
                title: 'Side with Sponsor?',
                text: 'Are you sure you want to side with the sponsor? This will set the milestone status to pending and the athlete/team will need to resubmit.',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#ef4444',
                cancelButtonColor: '#6b7280',
                confirmButtonText: 'Yes, Side with Sponsor',
                cancelButtonText: 'Cancel',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    btn.prop('disabled', true);
                    resolveDispute(installmentId, 'pending', btn);
                }
            });
        });
        
        // Resolve dispute function
        function resolveDispute(installmentId, action, btn) {
            var status;
            if (action === 'release') {
                status = 3;
            } else if (action === 'pending') {
                status = 1;
            }
            
            // Show loading alert
            Swal.fire({
                title: 'Processing...',
                text: 'Please wait while we process your request.',
                icon: 'info',
                allowOutsideClick: false,
                allowEscapeKey: false,
                showConfirmButton: false,
                didOpen: () => {
                    Swal.showLoading();
                }
            });
            
            $.ajax({
                url: '{{ route("sponsorships.resolve-dispute", ":id") }}'.replace(':id', installmentId),
                method: 'POST',
                data: {
                    status: status,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    if (response.success || response.status === 200) {
                        Swal.fire({
                            title: 'Success!',
                            text: response.message || 'Dispute resolved successfully.',
                            icon: 'success',
                            confirmButtonColor: '#10b981',
                            timer: 2000,
                            timerProgressBar: true
                        }).then(() => {
                            location.reload();
                        });
                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message || 'Failed to resolve dispute.',
                            icon: 'error',
                            confirmButtonColor: '#ef4444'
                        });
                        btn.prop('disabled', false);
                    }
                },
                error: function(xhr) {
                    var errorMessage = 'An error occurred while resolving the dispute';
                    if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorMessage = xhr.responseJSON.message;
                    } else if (xhr.responseText) {
                        try {
                            var error = JSON.parse(xhr.responseText);
                            if (error.message) {
                                errorMessage = error.message;
                            }
                        } catch (e) {
                            errorMessage = xhr.responseText.substring(0, 200);
                        }
                    }
                    Swal.fire({
                        title: 'Error!',
                        text: errorMessage,
                        icon: 'error',
                        confirmButtonColor: '#ef4444'
                    });
                    btn.prop('disabled', false);
                }
            });
        }
    });
</script>
@endpush