{{-- New-Unity ERP | app/Modules/Sales/Resources/Views/opportunities/report.blade.php | v1.0 | 20/07/2026 --}}
{{-- v1.0 — Reporte de actividades del vendedor. --}}

@extends('layouts.vertical', ['pageTitle' => __('opportunities.seller_report')])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-chart-bar"></i> {{ __('opportunities.seller_activity_report') }}
        <small>{{ $seller->name }}</small>
    </h1>
    <div class="subheader-block">
        <a href="{{ route('sales.opportunities.index') }}" class="btn btn-secondary btn-sm">
            <i class="fal fa-arrow-left me-1"></i> {{ __('opportunities.back') }}
        </a>
    </div>
</div>
@endsection

@section('content')

{{-- Filtros --}}
<div class="card border-0 shadow-sm mb-4">
    <div class="card-body py-2 px-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label fw-bold small mb-1">{{ __('opportunities.seller') }}</label>
                <select name="seller_id" class="form-select form-select-sm">
                    @foreach($sellers as $s)
                    <option value="{{ $s->id }}" {{ $seller->id == $s->id ? 'selected' : '' }}>{{ $s->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-bold small mb-1">{{ __('opportunities.from') }}</label>
                <input type="date" name="from" class="form-control form-control-sm" value="{{ $from }}">
            </div>
            <div class="col-md-3">
                <label class="form-label fw-bold small mb-1">{{ __('opportunities.to') }}</label>
                <input type="date" name="to" class="form-control form-control-sm" value="{{ $to }}">
            </div>
            <div class="col-md-3">
                <button type="submit" class="btn btn-primary btn-sm w-100">
                    <i class="fal fa-search me-1"></i> {{ __('opportunities.generate_report') }}
                </button>
            </div>
        </form>
    </div>
</div>

{{-- Stats --}}
<div class="row mb-4">
    <div class="col-md-3 mb-3">
        <div class="card border-0 shadow-sm text-center">
            <div class="card-body py-3">
                <div class="h2 fw-bold text-primary mb-0">{{ $stats['active_opportunities'] }}</div>
                <div class="small text-muted">{{ __('opportunities.active_opportunities') }}</div>
                <div class="small text-success fw-bold">${{ number_format($stats['pipeline_value'], 0) }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="card border-0 shadow-sm text-center">
            <div class="card-body py-3">
                <div class="h2 fw-bold text-success mb-0">{{ $stats['won'] }}</div>
                <div class="small text-muted">{{ __('opportunities.won') }}</div>
                <div class="small text-success fw-bold">${{ number_format($stats['won_value'], 0) }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="card border-0 shadow-sm text-center">
            <div class="card-body py-3">
                <div class="h2 fw-bold text-warning mb-0">{{ $stats['activities_completed'] }}</div>
                <div class="small text-muted">{{ __('opportunities.activities_completed') }}</div>
                <div class="small text-muted">{{ __('opportunities.of_total', ['count' => $stats['activities_total']]) }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="card border-0 shadow-sm text-center">
            <div class="card-body py-3">
                <div class="h2 fw-bold text-danger mb-0">{{ $stats['activities_overdue'] }}</div>
                <div class="small text-muted">{{ __('opportunities.overdue_activities') }}</div>
                <div class="small text-muted">{{ $stats['activities_pending'] }} {{ __('opportunities.pending_suffix') }}</div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    {{-- Por etapa --}}
    <div class="col-md-6 mb-4">
        <div class="panel h-100">
            <div class="panel-hdr"><h2>{{ __('opportunities.pipeline_by_stage') }}</h2></div>
            <div class="panel-container show">
                <div class="panel-content">
                    @foreach(App\Modules\Sales\Models\Opportunity::$stages as $key => $stage)
                    @php $count = $byStage[$key] ?? 0; @endphp
                    <div class="d-flex align-items-center mb-2">
                        <span class="badge me-2" style="background:{{ $stage['color'] }};min-width:80px;">{{ $stage['label'] }}</span>
                        <div class="flex-grow-1 mx-2">
                            <div class="progress" style="height:8px;">
                                <div class="progress-bar" style="width:{{ $stats['total_opportunities'] > 0 ? ($count/$stats['total_opportunities']*100) : 0 }}%;background:{{ $stage['color'] }}"></div>
                            </div>
                        </div>
                        <span class="fw-bold small" style="min-width:24px;text-align:right;">{{ $count }}</span>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    {{-- Por tipo de actividad --}}
    <div class="col-md-6 mb-4">
        <div class="panel h-100">
            <div class="panel-hdr"><h2>{{ __('opportunities.activities_by_type') }}</h2></div>
            <div class="panel-container show">
                <div class="panel-content">
                    @foreach(App\Modules\Sales\Models\Activity::$types as $key => $type)
                    @php $count = $byType[$key] ?? 0; @endphp
                    <div class="d-flex align-items-center mb-2">
                        <span class="badge bg-{{ $type['color'] }} me-2" style="min-width:80px;">
                            <i class="fal {{ $type['icon'] }} me-1"></i>{{ $type['label'] }}
                        </span>
                        <div class="flex-grow-1 mx-2">
                            <div class="progress" style="height:8px;">
                                <div class="progress-bar bg-{{ $type['color'] }}" style="width:{{ $stats['activities_total'] > 0 ? ($count/$stats['activities_total']*100) : 0 }}%"></div>
                            </div>
                        </div>
                        <span class="fw-bold small" style="min-width:24px;text-align:right;">{{ $count }}</span>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Lista de actividades --}}
<div class="panel">
    <div class="panel-hdr"><h2>{{ __('opportunities.activity_log') }} — {{ $from }} {{ __('opportunities.report_to') }} {{ $to }}</h2></div>
    <div class="panel-container show">
        <div class="panel-content">
            <div class="table-responsive">
                <table class="table table-sm table-bordered table-hover small">
                    <thead class="bg-primary-600">
                        <tr>
                            <th>{{ __('opportunities.col_date') }}</th>
                            <th>{{ __('opportunities.col_type') }}</th>
                            <th>{{ __('opportunities.col_title') }}</th>
                            <th>{{ __('opportunities.col_opportunity') }}</th>
                            <th class="text-center">{{ __('opportunities.col_status') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($activities as $act)
                        <tr>
                            <td>{{ $act->scheduled_at->format('d/m/Y H:i') }}</td>
                            <td><span class="badge bg-{{ $act->type_color }}">{{ $act->type_label }}</span></td>
                            <td>{{ $act->title }}</td>
                            <td>{{ $act->opportunity?->opportunity_number ?? '—' }}</td>
                            <td class="text-center">
                                @php $sc = match($act->status) { 'completed'=>'success','overdue'=>'danger','cancelled'=>'secondary',default=>'warning' }; @endphp
                                <span class="badge bg-{{ $sc }}">{{ ucfirst($act->status) }}</span>
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="5" class="text-center text-muted py-3">{{ __('opportunities.no_activities_period') }}</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection