@extends('layouts.master')
@section('page_title', 'Financial Health Report - ' . ucfirst($type))
@section('content')

<div class="card">
    <div class="card-header header-elements-inline">
        <h6 class="card-title">
            <i class="icon-file-stats mr-2"></i>Financial Health Report - {{ ucfirst($type) }}
        </h6>
        <div class="header-elements">
            <div class="list-icons">
                <a href="{{ route('payments.financial-health') }}" class="btn btn-outline-primary btn-sm">
                    <i class="icon-arrow-left8 mr-1"></i>Back to Dashboard
                </a>
                <a href="{{ route('payments.financial-health.download', $type) }}" class="btn btn-primary btn-sm ml-2">
                    <i class="icon-download4 mr-1"></i>Download Report
                </a>
            </div>
        </div>
    </div>

    <div class="card-body">
        <!-- Report Header -->
        <div class="row mb-4">
            <div class="col-md-8">
                <h5 class="mb-1">{{ $reportData['school_info']['name'] ?? 'School Financial Health Report' }}</h5>
                <p class="text-muted mb-0">
                    <i class="icon-calendar mr-1"></i>{{ $reportData['period']['label'] }} | 
                    <i class="icon-clock mr-1"></i>Generated: {{ $reportData['generated_at']->format('M d, Y \a\t g:i A') }}
                </p>
            </div>
            <div class="col-md-4 text-right">
                @php
                    $riskLevel = $reportData['summary']['risk_level'] ?? 'unknown';
                    $riskBadgeClass = match($riskLevel) {
                        'low' => 'success',
                        'medium' => 'warning', 
                        'high' => 'danger',
                        'critical' => 'danger',
                        default => 'secondary'
                    };
                @endphp
                <span class="badge badge-{{ $riskBadgeClass }} badge-lg">
                    Risk Level: {{ ucfirst($riskLevel) }}
                </span>
            </div>
        </div>

        <!-- Key Metrics Summary -->
        <div class="row mb-4">
            <div class="col-md-3">
                <div class="card bg-primary text-white">
                    <div class="card-body text-center">
                        <h3 class="mb-0">{{ $reportData['revenue_analysis']['bills_generated']['count'] }}</h3>
                        <p class="mb-0">Bills Generated</p>
                        <small>₵{{ number_format($reportData['revenue_analysis']['bills_generated']['amount'], 2) }}</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-success text-white">
                    <div class="card-body text-center">
                        <h3 class="mb-0">{{ $reportData['revenue_analysis']['payments_received']['count'] }}</h3>
                        <p class="mb-0">Payments Received</p>
                        <small>₵{{ number_format($reportData['revenue_analysis']['payments_received']['amount'], 2) }}</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-warning text-white">
                    <div class="card-body text-center">
                        <h3 class="mb-0">{{ $reportData['revenue_analysis']['outstanding_bills']['count'] }}</h3>
                        <p class="mb-0">Outstanding Bills</p>
                        <small>₵{{ number_format($reportData['revenue_analysis']['outstanding_bills']['amount'], 2) }}</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-info text-white">
                    <div class="card-body text-center">
                        <h3 class="mb-0">{{ number_format($reportData['revenue_analysis']['collection_rate'], 1) }}%</h3>
                        <p class="mb-0">Collection Rate</p>
                        <small>Payment efficiency</small>
                    </div>
                </div>
            </div>
        </div>

        <!-- Payment Analysis -->
        <div class="row mb-4">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h6 class="card-title">
                            <i class="icon-credit-card mr-2"></i>Payment Methods Breakdown
                        </h6>
                    </div>
                    <div class="card-body">
                        @if(!empty($reportData['payment_analysis']['payment_methods']) && $reportData['payment_analysis']['payment_methods']->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-sm">
                                    <thead>
                                        <tr>
                                            <th>Method</th>
                                            <th>Transactions</th>
                                            <th>Amount</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($reportData['payment_analysis']['payment_methods'] as $method)
                                        <tr>
                                            <td>{{ ucfirst($method->payment_method) }}</td>
                                            <td>{{ $method->count }}</td>
                                            <td>₵{{ number_format($method->total_amount, 2) }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <p class="text-muted">No payment method data available for this period.</p>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <i class="icon-alert mr-2"></i>Fraud Risk Indicators
                    </div>
                    <div class="card-body">
                        @if(!empty($reportData['fraud_indicators']) && count($reportData['fraud_indicators']) > 0)
                            @foreach($reportData['fraud_indicators'] as $indicator)
                            @php
                                $indicatorRiskLevel = $indicator['risk_level'] ?? 'low';
                                $alertClass = match($indicatorRiskLevel) {
                                    'high' => 'danger',
                                    'critical' => 'danger',
                                    'medium' => 'warning',
                                    default => 'info'
                                };
                            @endphp
                            <div class="alert alert-{{ $alertClass }} alert-dismissible">
                                <h6 class="alert-heading">{{ ucfirst(str_replace('_', ' ', $indicator['type'])) }}</h6>
                                <p class="mb-1">{{ $indicator['description'] }}</p>
                                <small>Value: {{ $indicator['value'] ?? 'N/A' }} | Risk Level: {{ ucfirst($indicatorRiskLevel) }}</small>
                            </div>
                            @endforeach
                        @else
                            <div class="alert alert-success">
                                <i class="icon-checkmark3 mr-2"></i>No fraud indicators detected during this period.
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <!-- Cash Discrepancies -->
        <div class="row mb-4">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h6 class="card-title">
                            <i class="icon-cash mr-2"></i>Cash Payment Analysis
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-3 text-center">
                                <div class="border-right">
                                    <h4 class="text-warning">{{ $reportData['cash_discrepancies']['cash_not_deposited']->count() }}</h4>
                                    <p class="text-muted mb-0">Undeposited Cash</p>
                                </div>
                            </div>
                            <div class="col-md-3 text-center">
                                <div class="border-right">
                                    <h4 class="text-info">{{ $reportData['cash_discrepancies']['potential_duplicates']->count() }}</h4>
                                    <p class="text-muted mb-0">Potential Duplicates</p>
                                </div>
                            </div>
                            <div class="col-md-3 text-center">
                                <div class="border-right">
                                    <h4 class="text-primary">{{ $reportData['cash_discrepancies']['round_number_payments']->count() }}</h4>
                                    <p class="text-muted mb-0">Round Number Payments</p>
                                </div>
                            </div>
                            <div class="col-md-3 text-center">
                                <h4 class="text-{{ $reportData['cash_discrepancies']['risk_score'] > 50 ? 'danger' : ($reportData['cash_discrepancies']['risk_score'] > 20 ? 'warning' : 'success') }}">
                                    {{ $reportData['cash_discrepancies']['risk_score'] }}
                                </h4>
                                <p class="text-muted mb-0">Risk Score</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Recommendations -->
        @if(!empty($reportData['recommendations']) && count($reportData['recommendations']) > 0)
        <div class="row mb-4">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h6 class="card-title">
                            <i class="icon-lightbulb mr-2"></i>Recommendations
                        </h6>
                    </div>
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            @foreach($reportData['recommendations'] as $recommendation)
                            <li class="list-group-item border-left-{{ ($recommendation['priority'] ?? 'low') == 'high' ? 'danger' : (($recommendation['priority'] ?? 'low') == 'medium' ? 'warning' : 'info') }} border-left-3">
                                <div class="d-flex justify-content-between align-items-start">
                                    <div>
                                        <h6 class="mb-1">{{ $recommendation['title'] ?? 'Recommendation' }}</h6>
                                        <p class="mb-1">{{ $recommendation['description'] ?? ($recommendation['recommendation'] ?? 'No description available') }}</p>
                                        <small class="text-muted">Priority: {{ ucfirst($recommendation['priority'] ?? 'low') }}</small>
                                    </div>
                                    <span class="badge badge-{{ ($recommendation['priority'] ?? 'low') == 'high' ? 'danger' : (($recommendation['priority'] ?? 'low') == 'medium' ? 'warning' : 'info') }}">
                                        {{ ucfirst($recommendation['priority'] ?? 'low') }}
                                    </span>
                                </div>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        @endif

        <!-- Report Actions -->
        <div class="row">
            <div class="col-md-12">
                <div class="card bg-light">
                    <div class="card-body text-center">
                        <h6 class="mb-3">Report Actions</h6>
                        <div class="btn-group" role="group">
                            <a href="{{ route('payments.financial-health.download', $type) }}" class="btn btn-primary">
                                <i class="icon-download4 mr-1"></i>Download Report
                            </a>
                            <button type="button" class="btn btn-info" onclick="window.print()">
                                <i class="icon-printer mr-1"></i>Print Report
                            </button>
                            <button type="button" class="btn btn-success" data-toggle="modal" data-target="#emailModal">
                                <i class="icon-mail5 mr-1"></i>Email Report
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Email Modal -->
<div class="modal fade" id="emailModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Email Financial Health Report</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form id="emailReportForm">
                @csrf
                <div class="modal-body">
                    <input type="hidden" name="type" value="{{ $type }}">
                    <div class="form-group">
                        <label>Email Address</label>
                        <input type="email" name="email" class="form-control" required placeholder="Enter email address">
                        <small class="form-text text-muted">Report will be sent to this email address</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-success">
                        <i class="icon-paperplane mr-1"></i>Send Report
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
$(document).ready(function() {
    // Handle email report form
    $('#emailReportForm').on('submit', function(e) {
        e.preventDefault();
        
        const formData = new FormData(this);
        const submitBtn = $(this).find('button[type="submit"]');
        const originalText = submitBtn.html();
        
        submitBtn.html('<i class="icon-spinner2 spinner mr-1"></i>Sending...').prop('disabled', true);
        
        $.ajax({
            url: '{{ route("payments.financial-health.send") }}',
            method: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                if (response.success) {
                    toastr.success(response.message);
                    $('#emailModal').modal('hide');
                    $('#emailReportForm')[0].reset();
                } else {
                    toastr.error(response.message || 'Failed to send report');
                }
            },
            error: function(xhr) {
                const response = xhr.responseJSON;
                toastr.error(response?.message || 'Failed to send report');
            },
            complete: function() {
                submitBtn.html(originalText).prop('disabled', false);
            }
        });
    });
});
</script>
@endsection