@extends('admin.layouts.master')

@section('title', __('admin.project_stages.show_title'))
@section('css')@endsection

@section('content')
<div class="page-content-wrapper">
    <div class="content-container">
        <div class="page-content">
            @php
                $expenseTotal = (float) ($projectStage->expenses_sum_amount ?? 0);
                $healthClass = match($projectStage->health_status) {
                    'excellent' => 'success',
                    'critical' => 'danger',
                    default => 'warning',
                };
            @endphp

            <div class="content-header d-flex justify-content-between align-items-center">
                <h1 class="mb-0">{{ __('admin.project_stages.show_title') }}: {{ $projectStage->name }}</h1>
                <div class="d-flex gap-2">
                    <a href="{{ route('admin.project_stages.edit', $projectStage) }}" class="btn btn-warning">
                        <i class="ti ti-pencil me-1"></i>{{ __('admin.actions.edit') }}
                    </a>
                    <a href="{{ route('admin.project_stages.index') }}" class="btn btn-outline-secondary">
                        <i class="ti ti-arrow-right me-1"></i>{{ __('admin.actions.back_to_list') }}
                    </a>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="row g-3 mb-3">
                        <div class="col-md-3 col-6">
                            <div class="card h-100">
                                <div class="card-body">
                                    <span class="text-muted d-block">{{ __('admin.project_stages.metrics.health') }}</span>
                                    <span class="badge bg-{{ $healthClass }} fs-6">{{ __('admin.project_stages.health.'.$projectStage->health_status) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="card h-100">
                                <div class="card-body">
                                    <span class="text-muted d-block">{{ __('admin.project_stages.fields.progress_percentage') }}</span>
                                    <h4 class="mb-0">{{ $projectStage->progress_percentage }}%</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="card h-100">
                                <div class="card-body">
                                    <span class="text-muted d-block">{{ __('admin.project_stages.metrics.remaining_days') }}</span>
                                    <h4 class="mb-0">{{ $projectStage->remaining_days ?? '—' }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="card h-100">
                                <div class="card-body">
                                    <span class="text-muted d-block">{{ __('admin.project_stages.metrics.stage_expenses') }}</span>
                                    <h4 class="mb-0">{{ number_format($expenseTotal, 2) }}</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-8 col-12">
                    <div class="card">
                        <div class="card-header"><h4>{{ __('admin.project_stages.details_title') }}</h4></div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.fields.project_id') }}</label>
                                    <a href="{{ route('admin.projects.show', $projectStage->project_id) }}">{{ $projectStage->project?->project_name ?: $projectStage->project?->name }}</a>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.fields.name') }}</label>
                                    <strong>{{ $projectStage->name }}</strong>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.fields.sequence_no') }}</label>
                                    <span>{{ $projectStage->sequence_no }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.fields.status') }}</label>
                                    <span class="badge {{ $projectStage->status_badge_class }}">{{ __('admin.project_stages.statuses.'.$projectStage->status) }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.fields.progress_percentage') }}</label>
                                    <span class="badge bg-info">{{ $projectStage->progress_percentage }}%</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.fields.start_date') }}</label>
                                    <span>{{ $projectStage->start_date?->format('Y-m-d') ?: '—' }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.fields.end_date') }}</label>
                                    <span>{{ $projectStage->end_date?->format('Y-m-d') ?: '—' }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.fields.actual_start_date') }}</label>
                                    <span>{{ $projectStage->actual_start_date?->format('Y-m-d') ?: '—' }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.fields.actual_end_date') }}</label>
                                    <span>{{ $projectStage->actual_end_date?->format('Y-m-d') ?: '—' }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.metrics.planned_duration_days') }}</label>
                                    <span>{{ $projectStage->planned_duration_days ?? '—' }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.metrics.actual_duration_days') }}</label>
                                    <span>{{ $projectStage->actual_duration_days ?? '—' }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.metrics.schedule_variance_days') }}</label>
                                    <span>{{ $projectStage->schedule_variance_days ?? '—' }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.fields.completed_at') }}</label>
                                    <span>{{ $projectStage->completed_at?->format('Y-m-d H:i') ?: '—' }}</span>
                                </div>
                                <div class="col-12">
                                    <label class="text-muted d-block mb-1">{{ __('admin.project_stages.fields.notes') }}</label>
                                    <span>{{ $projectStage->notes ?: '—' }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-12">
                    <div class="card">
                        <div class="card-header"><h4>{{ __('admin.project_stages.progress_card_title') }}</h4></div>
                        <div class="card-body">
                            <div class="progress" role="progressbar" aria-valuenow="{{ $projectStage->progress_percentage }}" aria-valuemin="0" aria-valuemax="100">
                                <div class="progress-bar" style="width: {{ $projectStage->progress_percentage }}%">{{ $projectStage->progress_percentage }}%</div>
                            </div>
                            <p class="text-muted mt-3 mb-0">{{ __('admin.project_stages.progress_hint') }}</p>
                        </div>
                    </div>

                    <div class="card mt-3">
                        <div class="card-header"><h4>{{ __('admin.project_stages.timeline_title') }}</h4></div>
                        <div class="card-body">
                            <ul class="list-group list-group-flush">
                                @foreach($projectTimeline as $timelineStage)
                                    <li class="list-group-item d-flex justify-content-between align-items-center px-0">
                                        <div>
                                            <a href="{{ route('admin.project_stages.show', $timelineStage) }}" class="fw-semibold text-decoration-none">
                                                #{{ $timelineStage->sequence_no }} {{ $timelineStage->name }}
                                            </a>
                                            <div class="small text-muted">{{ __('admin.project_stages.statuses.'.$timelineStage->status) }}</div>
                                        </div>
                                        <span class="badge bg-light text-dark">{{ $timelineStage->progress_percentage }}%</span>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-12 mt-3">
                    <div class="card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4 class="mb-0">{{ __('admin.project_stages.related_expenses_title') }}</h4>
                            <span class="badge bg-primary">{{ $projectStage->expenses_count }}</span>
                        </div>
                        <div class="card-body">
                            @if($projectStage->expenses->isEmpty())
                                <p class="text-muted mb-0">{{ __('admin.project_stages.empty_related_expenses') }}</p>
                            @else
                                <div class="table-responsive">
                                    <table class="table table-sm align-middle">
                                        <thead>
                                        <tr>
                                            <th>{{ __('admin.expenses.fields.title') }}</th>
                                            <th>{{ __('admin.expenses.fields.expense_date') }}</th>
                                            <th>{{ __('admin.expenses.fields.amount') }}</th>
                                            <th>{{ __('admin.expenses.fields.status') }}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($projectStage->expenses as $expense)
                                            <tr>
                                                <td>{{ $expense->title }}</td>
                                                <td>{{ $expense->expense_date?->format('Y-m-d') ?: '—' }}</td>
                                                <td>{{ number_format((float) $expense->amount, 2) }}</td>
                                                <td>{{ __('admin.expenses.statuses.'.$expense->status) }}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-12 mt-3">
                    <div class="card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4 class="mb-0">{{ __('admin.project_stages.related_attachments_title') }}</h4>
                            <span class="badge bg-primary">{{ $projectStage->attachments_count }}</span>
                        </div>
                        <div class="card-body">
                            @if($projectStage->attachments->isEmpty())
                                <p class="text-muted mb-0">{{ __('admin.project_stages.empty_related_attachments') }}</p>
                            @else
                                <ul class="list-group list-group-flush">
                                    @foreach($projectStage->attachments as $attachment)
                                        <li class="list-group-item px-0 d-flex justify-content-between align-items-center">
                                            <div>
                                                <div class="fw-semibold">{{ $attachment->original_name ?: $attachment->file_name }}</div>
                                                <div class="small text-muted">{{ $attachment->category ?: '—' }}</div>
                                            </div>
                                            <a href="{{ route('admin.attachments.download', $attachment) }}" class="btn btn-sm btn-outline-primary">
                                                <i class="ti ti-download"></i>
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection