@extends('layouts.app')

@section('title', 'Raporlama | Natura Reom')

@section('content')
    <div class="page-shell">
        <header class="page-header">
            <div class="page-copy">
                <p class="section-kicker">Raporlama</p>
                <h1>Raporlama</h1>
                <p>Günlük toplamları ve marka, ofis, danışman kırılımlarını ayrı raporlama ekranında takip edin.</p>
            </div>

            <div class="page-actions">
                <button type="button" class="action-button primary">Rapor Ekle</button>
                <button type="button" class="action-button secondary">Raporu Güncelle</button>
                <button type="button" class="action-button danger">Raporu Sil</button>
            </div>
        </header>

        <section class="panel">
            <div class="report-summary expanded-report-summary">
                <article class="report-summary-card">
                    <span>Günlük Toplam Ciro</span>
                    <strong>{{ number_format($dailySalesVolume, 0, ',', '.') }} TL</strong>
                </article>
                <article class="report-summary-card">
                    <span>Günlük Toplam Hakediş</span>
                    <strong>{{ number_format($dailyCommission, 0, ',', '.') }} TL</strong>
                </article>
                <article class="report-summary-card">
                    <span>Aktif Proje</span>
                    <strong>{{ count($projects) }}</strong>
                </article>
                <article class="report-summary-card">
                    <span>Marka Sayısı</span>
                    <strong>{{ count($brands) }}</strong>
                </article>
                <article class="report-summary-card">
                    <span>Ofis Sayısı</span>
                    <strong>{{ count($offices) }}</strong>
                </article>
                <article class="report-summary-card">
                    <span>Danışman Sayısı</span>
                    <strong>{{ count($consultants) }}</strong>
                </article>
            </div>

            <div class="table-wrap">
                <table class="sales-table report-table">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Marka Adı</th>
                            <th>Toplam Ciro</th>
                            <th>Toplam Hakediş</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($reportBrands as $brandIndex => $brand)
                            <tr class="summary-row">
                                <td><button type="button" class="expand-button" data-target="brand-report-{{ $brandIndex }}" aria-expanded="false">+</button></td>
                                <td>{{ $brand['name'] }}</td>
                                <td>{{ number_format($brand['sales_total'], 0, ',', '.') }} TL</td>
                                <td>{{ number_format($brand['earned_commission'], 0, ',', '.') }} TL</td>
                            </tr>
                            <tr id="brand-report-{{ $brandIndex }}" class="detail-row" hidden>
                                <td colspan="4">
                                    <div class="nested-table-wrap">
                                        <table class="sales-table nested-table">
                                            <thead>
                                                <tr>
                                                    <th></th>
                                                    <th>Ofis Adı</th>
                                                    <th>Toplam Ciro</th>
                                                    <th>Toplam Hakediş</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($brand['offices'] as $officeIndex => $office)
                                                    <tr class="summary-row nested-level">
                                                        <td><button type="button" class="expand-button" data-target="office-report-{{ $brandIndex }}-{{ $officeIndex }}" aria-expanded="false">+</button></td>
                                                        <td>{{ $office['name'] }}</td>
                                                        <td>{{ number_format($office['sales_total'], 0, ',', '.') }} TL</td>
                                                        <td>{{ number_format($office['earned_commission'], 0, ',', '.') }} TL</td>
                                                    </tr>
                                                    <tr id="office-report-{{ $brandIndex }}-{{ $officeIndex }}" class="detail-row" hidden>
                                                        <td colspan="4">
                                                            <div class="nested-table-wrap">
                                                                <table class="sales-table nested-table">
                                                                    <thead>
                                                                        <tr>
                                                                            <th></th>
                                                                            <th>Danışman Adı</th>
                                                                            <th>Ofis Adı</th>
                                                                            <th>Toplam Ciro</th>
                                                                            <th>Toplam Hakediş</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        @foreach ($office['consultants'] as $consultantIndex => $consultant)
                                                                            <tr class="summary-row nested-level deeper">
                                                                                <td><button type="button" class="expand-button" data-target="consultant-report-{{ $brandIndex }}-{{ $officeIndex }}-{{ $consultantIndex }}" aria-expanded="false">+</button></td>
                                                                                <td>{{ $consultant['name'] }}</td>
                                                                                <td>{{ $consultant['office_name'] }}</td>
                                                                                <td>{{ number_format($consultant['sales_total'], 0, ',', '.') }} TL</td>
                                                                                <td>{{ number_format($consultant['earned_commission'], 0, ',', '.') }} TL</td>
                                                                            </tr>
                                                                            <tr id="consultant-report-{{ $brandIndex }}-{{ $officeIndex }}-{{ $consultantIndex }}" class="detail-row" hidden>
                                                                                <td colspan="5">
                                                                                    <div class="nested-table-wrap">
                                                                                        <table class="sales-table nested-table">
                                                                                            <thead>
                                                                                                <tr>
                                                                                                    <th>Proje Adı</th>
                                                                                                    <th>Daire Tipi</th>
                                                                                                    <th>Müşteri Adı</th>
                                                                                                    <th>Satış Bedeli</th>
                                                                                                    <th>Hakediş</th>
                                                                                                </tr>
                                                                                            </thead>
                                                                                            <tbody>
                                                                                                @foreach ($consultant['sales'] as $sale)
                                                                                                    <tr>
                                                                                                        <td>{{ $sale['project_name'] }}</td>
                                                                                                        <td>{{ $sale['unit_type'] }}</td>
                                                                                                        <td>{{ $sale['customer_name'] }}</td>
                                                                                                        <td>{{ number_format($sale['sale_amount'], 0, ',', '.') }} TL</td>
                                                                                                        <td>{{ number_format($sale['earned_commission'], 0, ',', '.') }} TL</td>
                                                                                                    </tr>
                                                                                                @endforeach
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                        @endforeach
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </section>
    </div>
@endsection