@extends('layouts.app')

@section('title', 'Danışmanlar | Natura Reom')

@section('content')
    <div class="page-shell">
        <header class="page-header">
            <div class="page-copy">
                <p class="section-kicker">Danışman Yönetimi</p>
                <h1>Danışmanlar</h1>
                <p>Danışman bazlı ciro ve hakedişleri filtreleyin, satış detaylarını açılır satırlarda izleyin.</p>
            </div>

            <div class="page-actions">
                <button type="button" class="action-button primary">Danışman Ekle</button>
                <button type="button" class="action-button secondary">Danışmanı Güncelle</button>
                <button type="button" class="action-button danger">Danışmanı Sil</button>
            </div>
        </header>

        <section class="panel">
            <div class="filters-grid">
                <label class="filter-field">
                    <span>Proje Seçimi</span>
                    <div class="filter-input-wrap">
                        <input type="text" class="consultant-filter-input" data-consultant-filter="project" list="consultant-project-options" placeholder="Proje yaz veya seç">
                        <button type="button" class="clear-filter-button" data-clear-consultant-filter="project" aria-label="Proje filtresini temizle">×</button>
                    </div>
                </label>
                <label class="filter-field">
                    <span>Marka Seçimi</span>
                    <div class="filter-input-wrap">
                        <input type="text" class="consultant-filter-input" data-consultant-filter="brand" list="consultant-brand-options" placeholder="Marka yaz veya seç">
                        <button type="button" class="clear-filter-button" data-clear-consultant-filter="brand" aria-label="Marka filtresini temizle">×</button>
                    </div>
                </label>
                <label class="filter-field">
                    <span>Ofis Seçimi</span>
                    <div class="filter-input-wrap">
                        <input type="text" class="consultant-filter-input" data-consultant-filter="office" list="consultant-office-options" placeholder="Ofis yaz veya seç">
                        <button type="button" class="clear-filter-button" data-clear-consultant-filter="office" aria-label="Ofis filtresini temizle">×</button>
                    </div>
                </label>
                <label class="filter-field">
                    <span>Danışman Seçimi</span>
                    <div class="filter-input-wrap">
                        <input type="text" class="consultant-filter-input" data-consultant-filter="consultant" list="consultant-name-options" placeholder="Danışman yaz veya seç">
                        <button type="button" class="clear-filter-button" data-clear-consultant-filter="consultant" aria-label="Danışman filtresini temizle">×</button>
                    </div>
                </label>
            </div>

            <datalist id="consultant-project-options">
                @foreach ($filterOptions['projects'] as $project)
                    <option value="{{ $project }}"></option>
                @endforeach
            </datalist>
            <datalist id="consultant-brand-options">
                @foreach ($filterOptions['brands'] as $brand)
                    <option value="{{ $brand }}"></option>
                @endforeach
            </datalist>
            <datalist id="consultant-office-options">
                @foreach ($filterOptions['offices'] as $office)
                    <option value="{{ $office }}"></option>
                @endforeach
            </datalist>
            <datalist id="consultant-name-options">
                @foreach ($filterOptions['consultants'] as $consultant)
                    <option value="{{ $consultant }}"></option>
                @endforeach
            </datalist>

            <div class="sales-count-bar">
                <strong id="consultant-count-indicator">{{ count($consultants) }} danışman gösteriliyor</strong>
            </div>

            <div class="table-wrap">
                <table class="sales-table compact-table">
                    <thead>
                        <tr>
                            <th>Danışman Adı</th>
                            <th>Marka Adı</th>
                            <th>Ofis Adı</th>
                            <th>Toplam Ciro</th>
                            <th>Toplam Hakediş</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($consultants as $consultantIndex => $consultant)
                            <tr
                                class="summary-row consultant-summary-row"
                                data-consultant-projects="{{ $consultant['project_names_label'] }}"
                                data-consultant-brand="{{ $consultant['brand_name'] }}"
                                data-consultant-office="{{ $consultant['office_name'] }}"
                                data-consultant-name="{{ $consultant['name'] }}"
                                data-consultant-detail="consultant-sales-{{ $consultantIndex }}">
                                <td>
                                    <div class="consultant-name-cell">
                                        <button type="button" class="expand-button" data-target="consultant-sales-{{ $consultantIndex }}" aria-expanded="false">+</button>
                                        <span>{{ $consultant['name'] }}</span>
                                    </div>
                                </td>
                                <td>{{ $consultant['brand_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-sales-{{ $consultantIndex }}" class="detail-row consultant-detail-row" hidden>
                                <td colspan="5">
                                    <div class="nested-table-wrap">
                                        <table class="sales-table nested-table">
                                            <thead>
                                                <tr>
                                                    <th>İşlem Tarihi</th>
                                                    <th>Proje Adı</th>
                                                    <th>Daire Tipi</th>
                                                    <th>Satış Bedeli</th>
                                                    <th>Hakediş</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($consultant['sales'] as $sale)
                                                    <tr>
                                                        <td>{{ $sale['sale_date'] }}</td>
                                                        <td>{{ $sale['project_name'] }}</td>
                                                        <td>{{ $sale['unit_type'] }}</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
                        <tr id="consultant-empty-row" hidden>
                            <td colspan="5" class="empty-state">Seçilen filtrelere uygun danışman kaydı bulunamadı.</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>
    </div>
@endsection