@extends('layouts.banking')

@section('title', 'تقرير الأرباح والخسائر')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">تقرير الأرباح والخسائر</h5>
                    <div>
                        <a href="{{ route('reports.profit-loss.export', ['format' => 'pdf'] + request()->query()) }}" class="btn btn-outline-danger me-2" target="_blank">
                            <i class="fas fa-file-pdf me-1"></i> تصدير PDF
                        </a>
                        <a href="{{ route('reports.profit-loss.export', ['format' => 'excel'] + request()->query()) }}" class="btn btn-outline-success">
                            <i class="fas fa-file-excel me-1"></i> تصدير Excel
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <!-- فلاتر البحث -->
                    <div class="mb-4">
                        <form action="{{ route('reports.profit-loss') }}" method="GET">
                            <div class="row g-3">
                                <div class="col-md-3">
                                    <label for="period" class="form-label">الفترة</label>
                                    <select class="form-select" id="period" name="period">
                                        <option value="daily" {{ $period == 'daily' ? 'selected' : '' }}>يومي</option>
                                        <option value="weekly" {{ $period == 'weekly' ? 'selected' : '' }}>أسبوعي</option>
                                        <option value="monthly" {{ $period == 'monthly' ? 'selected' : '' }}>شهري</option>
                                        <option value="quarterly" {{ $period == 'quarterly' ? 'selected' : '' }}>ربع سنوي</option>
                                        <option value="yearly" {{ $period == 'yearly' ? 'selected' : '' }}>سنوي</option>
                                        <option value="custom" {{ $period == 'custom' ? 'selected' : '' }}>مخصص</option>
                                    </select>
                                </div>
                                
                                <div class="col-md-3 period-filter" id="daily-filter" style="{{ $period == 'daily' ? '' : 'display: none;' }}">
                                    <label for="date" class="form-label">التاريخ</label>
                                    <input type="date" class="form-control" id="date" name="date" value="{{ request('date', now()->format('Y-m-d')) }}">
                                </div>
                                
                                <div class="col-md-3 period-filter" id="weekly-filter" style="{{ $period == 'weekly' ? '' : 'display: none;' }}">
                                    <label for="week" class="form-label">الأسبوع</label>
                                    <div class="row g-2">
                                        <div class="col-6">
                                            <input type="number" class="form-control" id="week" name="week" min="1" max="53" value="{{ request('week', now()->weekOfYear) }}">
                                        </div>
                                        <div class="col-6">
                                            <input type="number" class="form-control" id="year_week" name="year" min="2020" max="2030" value="{{ request('year', now()->year) }}">
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-md-3 period-filter" id="monthly-filter" style="{{ $period == 'monthly' ? '' : 'display: none;' }}">
                                    <label for="month" class="form-label">الشهر</label>
                                    <div class="row g-2">
                                        <div class="col-6">
                                            <select class="form-select" id="month" name="month">
                                                @for($i = 1; $i <= 12; $i++)
                                                    <option value="{{ $i }}" {{ $month == $i ? 'selected' : '' }}>{{ date('F', mktime(0, 0, 0, $i, 1)) }}</option>
                                                @endfor
                                            </select>
                                        </div>
                                        <div class="col-6">
                                            <input type="number" class="form-control" id="year_month" name="year" min="2020" max="2030" value="{{ request('year', now()->year) }}">
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-md-3 period-filter" id="quarterly-filter" style="{{ $period == 'quarterly' ? '' : 'display: none;' }}">
                                    <label for="quarter" class="form-label">الربع</label>
                                    <div class="row g-2">
                                        <div class="col-6">
                                            <select class="form-select" id="quarter" name="quarter">
                                                <option value="1" {{ $quarter == 1 ? 'selected' : '' }}>الربع الأول</option>
                                                <option value="2" {{ $quarter == 2 ? 'selected' : '' }}>الربع الثاني</option>
                                                <option value="3" {{ $quarter == 3 ? 'selected' : '' }}>الربع الثالث</option>
                                                <option value="4" {{ $quarter == 4 ? 'selected' : '' }}>الربع الرابع</option>
                                            </select>
                                        </div>
                                        <div class="col-6">
                                            <input type="number" class="form-control" id="year_quarter" name="year" min="2020" max="2030" value="{{ request('year', now()->year) }}">
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-md-3 period-filter" id="yearly-filter" style="{{ $period == 'yearly' ? '' : 'display: none;' }}">
                                    <label for="year" class="form-label">السنة</label>
                                    <input type="number" class="form-control" id="year" name="year" min="2020" max="2030" value="{{ request('year', now()->year) }}">
                                </div>
                                
                                <div class="col-md-6 period-filter" id="custom-filter" style="{{ $period == 'custom' ? '' : 'display: none;' }}">
                                    <label class="form-label">الفترة المخصصة</label>
                                    <div class="row g-2">
                                        <div class="col-6">
                                            <input type="date" class="form-control" id="start_date" name="start_date" value="{{ request('start_date', now()->subMonth()->format('Y-m-d')) }}" placeholder="من تاريخ">
                                        </div>
                                        <div class="col-6">
                                            <input type="date" class="form-control" id="end_date" name="end_date" value="{{ request('end_date', now()->format('Y-m-d')) }}" placeholder="إلى تاريخ">
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-md-3">
                                    <label for="branch_id" class="form-label">الفرع</label>
                                    <select class="form-select" id="branch_id" name="branch_id">
                                        <option value="">جميع الفروع</option>
                                        @foreach($branches as $branch)
                                            <option value="{{ $branch->id }}" {{ request('branch_id') == $branch->id ? 'selected' : '' }}>
                                                {{ $branch->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                
                                <div class="col-md-12 d-flex justify-content-end">
                                    <button type="submit" class="btn btn-primary me-2">
                                        <i class="fas fa-search me-1"></i> عرض التقرير
                                    </button>
                                    <a href="{{ route('reports.profit-loss') }}" class="btn btn-secondary">
                                        <i class="fas fa-redo me-1"></i> إعادة تعيين
                                    </a>
                                </div>
                            </div>
                        </form>
                    </div>

                    <!-- معلومات الفترة -->
                    <div class="alert alert-info mb-4">
                        <h5 class="alert-heading">معلومات التقرير</h5>
                        <p class="mb-0">
                            الفترة: 
                            @if($period == 'daily')
                                يوم {{ $startDate->format('Y-m-d') }}
                            @elseif($period == 'weekly')
                                الأسبوع {{ $startDate->weekOfYear }} من سنة {{ $startDate->year }} ({{ $startDate->format('Y-m-d') }} إلى {{ $endDate->format('Y-m-d') }})
                            @elseif($period == 'monthly')
                                شهر {{ $startDate->format('F Y') }} ({{ $startDate->format('Y-m-d') }} إلى {{ $endDate->format('Y-m-d') }})
                            @elseif($period == 'quarterly')
                                الربع {{ $quarter }} من سنة {{ $startDate->year }} ({{ $startDate->format('Y-m-d') }} إلى {{ $endDate->format('Y-m-d') }})
                            @elseif($period == 'yearly')
                                سنة {{ $startDate->year }} ({{ $startDate->format('Y-m-d') }} إلى {{ $endDate->format('Y-m-d') }})
                            @elseif($period == 'custom')
                                من {{ $startDate->format('Y-m-d') }} إلى {{ $endDate->format('Y-m-d') }}
                            @endif
                            @if(request('branch_id'))
                                | الفرع: {{ \App\Models\Branch::find(request('branch_id'))->name }}
                            @else
                                | جميع الفروع
                            @endif
                        </p>
                    </div>

                    <!-- ملخص الأرباح والخسائر -->
                    <div class="row mb-4">
                        <div class="col-md-4">
                            <div class="card bg-success text-white">
                                <div class="card-body">
                                    <h6 class="card-title">إجمالي الإيرادات</h6>
                                    <h3 class="card-text">{{ number_format($totalRevenue, 2) }}</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card bg-danger text-white">
                                <div class="card-body">
                                    <h6 class="card-title">إجمالي المصروفات</h6>
                                    <h3 class="card-text">{{ number_format($totalExpenses, 2) }}</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card {{ $netProfit >= 0 ? 'bg-primary' : 'bg-warning text-dark' }} text-white">
                                <div class="card-body">
                                    <h6 class="card-title">صافي الربح</h6>
                                    <h3 class="card-text">{{ number_format($netProfit, 2) }}</h3>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- تفاصيل الإيرادات والمصروفات -->
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card mb-4">
                                <div class="card-header bg-success text-white">
                                    <h5 class="mb-0">الإيرادات</h5>
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <tbody>
                                            <tr>
                                                <td>رسوم تحويل العملات</td>
                                                <td class="text-end">{{ number_format($revenues['exchange_fees'], 2) }}</td>
                                            </tr>
                                            <tr>
                                                <td>رسوم الحوالات</td>
                                                <td class="text-end">{{ number_format($revenues['remittance_fees'], 2) }}</td>
                                            </tr>
                                            <tr>
                                                <td>أرباح فروق الصرف</td>
                                                <td class="text-end">{{ number_format($revenues['exchange_profit'], 2) }}</td>
                                            </tr>
                                            <tr>
                                                <td>إيرادات أخرى</td>
                                                <td class="text-end">{{ number_format($revenues['other_income'], 2) }}</td>
                                            </tr>
                                            <tr class="table-success">
                                                <th>إجمالي الإيرادات</th>
                                                <th class="text-end">{{ number_format($totalRevenue, 2) }}</th>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card mb-4">
                                <div class="card-header bg-danger text-white">
                                    <h5 class="mb-0">المصروفات</h5>
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <tbody>
                                            <tr>
                                                <td>عمولات الوكلاء</td>
                                                <td class="text-end">{{ number_format($expenses['agent_commissions'], 2) }}</td>
                                            </tr>
                                            <tr>
                                                <td>المصروفات التشغيلية</td>
                                                <td class="text-end">{{ number_format($expenses['operational_expenses'], 2) }}</td>
                                            </tr>
                                            <tr>
                                                <td>الرواتب</td>
                                                <td class="text-end">{{ number_format($expenses['salaries'], 2) }}</td>
                                            </tr>
                                            <tr>
                                                <td>مصروفات أخرى</td>
                                                <td class="text-end">{{ number_format($expenses['other_expenses'], 2) }}</td>
                                            </tr>
                                            <tr class="table-danger">
                                                <th>إجمالي المصروفات</th>
                                                <th class="text-end">{{ number_format($totalExpenses, 2) }}</th>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- إحصائيات المعاملات -->
                    <div class="card mb-4">
                        <div class="card-header bg-primary text-white">
                            <h5 class="mb-0">إحصائيات المعاملات</h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="card">
                                        <div class="card-body text-center">
                                            <h6 class="card-title">عدد معاملات تحويل العملات</h6>
                                            <h3 class="card-text text-primary">{{ $transactionStats['exchange_count'] }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card">
                                        <div class="card-body text-center">
                                            <h6 class="card-title">عدد معاملات إرسال الحوالات</h6>
                                            <h3 class="card-text text-success">{{ $transactionStats['remittance_send_count'] }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card">
                                        <div class="card-body text-center">
                                            <h6 class="card-title">عدد معاملات استلام الحوالات</h6>
                                            <h3 class="card-text text-info">{{ $transactionStats['remittance_receive_count'] }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card">
                                        <div class="card-body text-center">
                                            <h6 class="card-title">إجمالي مبالغ المعاملات</h6>
                                            <h3 class="card-text text-warning">{{ number_format($transactionStats['total_transaction_amount'], 2) }}</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- الرسم البياني للأرباح والخسائر -->
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0">الرسم البياني للأرباح والخسائر</h5>
                        </div>
                        <div class="card-body">
                            <canvas id="profitLossChart" height="300"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
    $(document).ready(function() {
        // تنسيق التواريخ
        $('#date, #start_date, #end_date').flatpickr({
            dateFormat: "Y-m-d",
            locale: "ar"
        });
        
        // إظهار/إخفاء فلاتر الفترة المناسبة
        $('#period').change(function() {
            $('.period-filter').hide();
            
            switch($(this).val()) {
                case 'daily':
                    $('#daily-filter').show();
                    break;
                case 'weekly':
                    $('#weekly-filter').show();
                    break;
                case 'monthly':
                    $('#monthly-filter').show();
                    break;
                case 'quarterly':
                    $('#quarterly-filter').show();
                    break;
                case 'yearly':
                    $('#yearly-filter').show();
                    break;
                case 'custom':
                    $('#custom-filter').show();
                    break;
            }
        });
        
        // إنشاء الرسم البياني
        var ctx = document.getElementById('profitLossChart').getContext('2d');
        var profitLossChart = new Chart(ctx, {
            type: 'bar',
            data: {
                labels: ['الإيرادات', 'المصروفات', 'صافي الربح'],
                datasets: [{
                    label: 'المبلغ',
                    data: [
                        {{ $totalRevenue }},
                        {{ $totalExpenses }},
                        {{ $netProfit }}
                    ],
                    backgroundColor: [
                        'rgba(40, 167, 69, 0.7)',
                        'rgba(220, 53, 69, 0.7)',
                        {{ $netProfit >= 0 ? "'rgba(0, 123, 255, 0.7)'" : "'rgba(255, 193, 7, 0.7)'" }}
                    ],
                    borderColor: [
                        'rgba(40, 167, 69, 1)',
                        'rgba(220, 53, 69, 1)',
                        {{ $netProfit >= 0 ? "'rgba(0, 123, 255, 1)'" : "'rgba(255, 193, 7, 1)'" }}
                    ],
                    borderWidth: 1
                }]
            },
            options: {
                responsive: true,
                scales: {
                    y: {
                        beginAtZero: true
                    }
                }
            }
        });
    });
</script>
@endsection