@extends('admin.layouts.master')

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

@section('content')
<div class="page-content-wrapper">
    <div class="content-container">
        <div class="page-content">

            <div class="content-header d-flex justify-content-between align-items-start flex-wrap gap-3">
                <h1 class="mb-0">{{ $project->project_name }}</h1>
                <div class="d-flex gap-2 flex-wrap">
                    <a href="{{ route('admin.work_orders.create', ['project_id' => $project->id]) }}" class="btn btn-outline-primary">
                        <i class="ti ti-clipboard-plus me-1"></i>{{ __('admin.work_orders.add_for_project') }}
                    </a>
                    <a href="{{ route('admin.contract_pricing.show', $project) }}" class="btn btn-outline-success">
                        <i class="ti ti-calculator me-1"></i>{{ __('admin.contract_pricing.title') }}
                    </a>
                    <a href="{{ route('admin.delivery_inspections.create', ['project_id' => $project->id]) }}" class="btn btn-outline-info">
                        <i class="ti ti-checklist me-1"></i>{{ __('admin.delivery_inspections.title') }}
                    </a>
                    <a href="{{ route('admin.projects.edit', $project) }}" class="btn btn-warning">
                        <i class="ti ti-pencil me-1"></i>{{ __('admin.actions.edit') }}
                    </a>
                    <a href="{{ route('admin.projects.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-xl-3 col-sm-6">
                    <div class="card">
                        <div class="border rounded card-body border-info bg-light-info">
                            <div class="d-flex align-items-center">
                                <div class="numbers flex-grow-1 pe-3">
                                    <p class="mb-1 fw-600 text-muted">{{ __('admin.projects.fields.progress_percentage') }}</p>
                                    <h4 class="mb-0 fw-700 text-dark-black">{{ (int) $project->progress_percentage }}%</h4>
                                </div>
                                <div class="icon-shape bg-info"><i class="ti ti-chart-pie"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card">
                        <div class="border rounded card-body border-primary bg-light-primary">
                            <div class="d-flex align-items-center">
                                <div class="numbers flex-grow-1 pe-3">
                                    <p class="mb-1 fw-600 text-muted">{{ __('admin.projects.fields.area_size') }}</p>
                                    <h4 class="mb-0 fw-700 text-dark-black">{{ $project->area_size ? number_format($project->area_size, 2) : '—' }}</h4>
                                </div>
                                <div class="icon-shape bg-primary"><i class="ti ti-ruler-2"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card">
                        <div class="border rounded card-body border-success bg-light-success">
                            <div class="d-flex align-items-center">
                                <div class="numbers flex-grow-1 pe-3">
                                    <p class="mb-1 fw-600 text-muted">{{ __('admin.projects.fields.estimated_cost') }}</p>
                                    <h4 class="mb-0 fw-700 text-dark-black">{{ $project->estimated_cost ? number_format($project->estimated_cost, 2) : '—' }}</h4>
                                </div>
                                <div class="icon-shape bg-success"><i class="ti ti-report-money"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card">
                        <div class="border rounded card-body border-warning bg-light-warning">
                            <div class="d-flex align-items-center">
                                <div class="numbers flex-grow-1 pe-3">
                                    <p class="mb-1 fw-600 text-muted">{{ __('admin.projects.fields.contract_amount') }}</p>
                                    <h4 class="mb-0 fw-700 text-dark-black">{{ $project->contract_amount ? number_format($project->contract_amount, 2) : '—' }}</h4>
                                </div>
                                <div class="icon-shape bg-warning"><i class="ti ti-cash"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card">
                        <div class="border rounded card-body border-secondary bg-light">
                            <div class="d-flex align-items-center">
                                <div class="numbers flex-grow-1 pe-3">
                                    <p class="mb-1 fw-600 text-muted">{{ __('admin.project_stages.overall_progress') }}</p>
                                    <h4 class="mb-0 fw-700 text-dark-black">{{ $project->overall_progress }}%</h4>
                                </div>
                                <div class="icon-shape bg-secondary"><i class="ti ti-activity"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>{{-- end stats row --}}

            <div class="row">
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-success">
                        <div class="card-body py-3">
                            <p class="text-muted mb-1">{{ __('admin.projects.metrics.client_payments_total') }}</p>
                            <h5 class="mb-0 text-success">{{ number_format($summary['client_payments_total'], 2) }}</h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-danger">
                        <div class="card-body py-3">
                            <p class="text-muted mb-1">{{ __('admin.projects.metrics.expenses_total') }}</p>
                            <h5 class="mb-0 text-danger">{{ number_format($summary['expenses_total'], 2) }}</h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-primary">
                        <div class="card-body py-3">
                            <p class="text-muted mb-1">{{ __('admin.projects.metrics.invoice_collection_rate') }}</p>
                            @php
                                $invoiceCollectionRate = $summary['invoices_total'] > 0
                                    ? round(($summary['invoice_paid_total'] / $summary['invoices_total']) * 100)
                                    : 0;
                            @endphp
                            <h5 class="mb-0 text-primary">{{ $invoiceCollectionRate }}%</h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-warning">
                        <div class="card-body py-3">
                            <p class="text-muted mb-1">{{ __('admin.projects.metrics.days_left') }}</p>
                            <h5 class="mb-0 text-warning">{{ $timeline['days_left'] === null ? '—' : $timeline['days_left'] }}</h5>
                        </div>
                    </div>
                </div>
            </div>

            {{-- ===== Contract Pricing & Delivery Inspection Summary ===== --}}
            <div class="row mb-1">
                {{-- Contract Pricing Card --}}
                <div class="col-md-6">
                    <div class="card border-success">
                        <div class="card-header d-flex justify-content-between align-items-center py-2">
                            <h6 class="mb-0 text-success"><i class="ti ti-calculator me-1"></i>{{ __('admin.contract_pricing.title') }}</h6>
                            <a href="{{ route('admin.contract_pricing.show', $project) }}" class="btn btn-sm btn-outline-success">
                                {{ $project->contractPricing ? __('admin.actions.edit') : __('admin.contract_pricing.configure') }}
                            </a>
                        </div>
                        <div class="card-body py-2">
                            @if($project->contractPricing)
                                @php $cp = $project->contractPricing; @endphp
                                <div class="d-flex justify-content-between">
                                    <span class="text-muted">{{ __('admin.contract_pricing.pricing_system') }}:</span>
                                    <span class="badge bg-success">{{ __('admin.contract_pricing.types.'.$cp->pricing_type) }}</span>
                                </div>
                                <div class="d-flex justify-content-between mt-1">
                                    <span class="text-muted">{{ __('admin.contract_pricing.fields.total_price') }}:</span>
                                    <strong class="text-success">{{ number_format($cp->total_price, 2) }}</strong>
                                </div>
                                @if($cp->pricing_type === 'fixed_commission')
                                <div class="d-flex justify-content-between mt-1">
                                    <span class="text-muted">{{ __('admin.contract_pricing.fields.commission_rate') }}:</span>
                                    <span>{{ $cp->commission_rate }}%</span>
                                </div>
                                @endif
                            @else
                                <p class="text-muted mb-0 small">
                                    {{ app()->getLocale() === 'ar' ? 'لم يتم تكوين التسعير بعد.' : 'Pricing not configured yet.' }}
                                </p>
                            @endif
                        </div>
                    </div>
                </div>

                {{-- Delivery Inspection Card --}}
                <div class="col-md-6">
                    @php
                        $latestDelivery = $project->deliveryInspections->sortByDesc('created_at')->first();
                    @endphp
                    <div class="card border-info">
                        <div class="card-header d-flex justify-content-between align-items-center py-2">
                            <h6 class="mb-0 text-info"><i class="ti ti-checklist me-1"></i>{{ __('admin.delivery_inspections.title') }}</h6>
                            <div class="d-flex gap-1">
                                @if($latestDelivery)
                                    <a href="{{ route('admin.delivery_inspections.show', $latestDelivery) }}" class="btn btn-sm btn-outline-info">
                                        {{ app()->getLocale() === 'ar' ? 'عرض' : 'View' }}
                                    </a>
                                @endif
                                <a href="{{ route('admin.delivery_inspections.create', ['project_id' => $project->id]) }}" class="btn btn-sm btn-info">
                                    <i class="ti ti-plus"></i>
                                </a>
                            </div>
                        </div>
                        <div class="card-body py-2">
                            @if($latestDelivery)
                                @php
                                    $diColors = ['pending'=>'secondary','under_review'=>'info','revision_required'=>'warning','approved'=>'success','rejected'=>'danger'];
                                    $diColor = $diColors[$latestDelivery->status] ?? 'secondary';
                                    $diPassed = $latestDelivery->itemResponses->where('status', 'passed')->count();
                                    $diTotal  = $latestDelivery->itemResponses->count();
                                @endphp
                                <div class="d-flex justify-content-between">
                                    <span class="text-muted">{{ __('admin.delivery_inspections.fields.status') }}:</span>
                                    <span class="badge bg-{{ $diColor }}">{{ __('admin.delivery_inspections.statuses.'.$latestDelivery->status) }}</span>
                                </div>
                                <div class="d-flex justify-content-between mt-1">
                                    <span class="text-muted">{{ app()->getLocale() === 'ar' ? 'التقدم:' : 'Progress:' }}</span>
                                    <span>{{ $diPassed }}/{{ $diTotal }} {{ app()->getLocale() === 'ar' ? 'عنصر' : 'items' }}</span>
                                </div>
                            @else
                                <p class="text-muted mb-0 small">
                                    {{ app()->getLocale() === 'ar' ? 'لا توجد فحوصات استلام. أضف عناصر الفحص أولاً.' : 'No delivery inspections yet.' }}
                                </p>
                                <a href="{{ route('admin.delivery_inspection_items.create', ['project_id' => $project->id]) }}" class="btn btn-sm btn-outline-secondary mt-1">
                                    {{ app()->getLocale() === 'ar' ? 'إضافة قائمة تحقق' : 'Add Checklist Items' }}
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-8 col-12">
                    <div class="card">
                        <div class="card-header"><h4>{{ __('admin.projects.profile_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.projects.fields.project_name') }}</label>
                                    <strong>{{ $project->project_name }}</strong>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.project_code') }}</label>
                                    <strong>{{ $project->project_code }}</strong>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.client_id') }}</label>
                                    <a href="{{ route('admin.clients.show', $project->client) }}">{{ $project->client?->name ?: '—' }}</a>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.status') }}</label>
                                    <span class="badge bg-secondary">{{ __('admin.projects.statuses.'.$project->status) }}</span>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.inspection_status') }}</label>
                                    <span class="badge bg-light-primary text-primary">{{ __('admin.projects.inspection_statuses.'.$project->inspection_status) }}</span>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.project_type') }}</label>
                                    <span>{{ $project->project_type ?: '—' }}</span>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.finishing_type') }}</label>
                                    <span>{{ $project->finishing_type ?: '—' }}</span>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.location') }}</label>
                                    <span>{{ $project->location ?: '—' }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.city') }}</label>
                                    <span>{{ $project->city ?: '—' }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.created_by') }}</label>
                                    <span>{{ $project->creator?->name ?: '—' }}</span>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.start_date') }}</label>
                                    <span>{{ $project->start_date?->format('Y-m-d') ?: '—' }}</span>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.expected_end_date') }}</label>
                                    <span>{{ $project->expected_end_date?->format('Y-m-d') ?: '—' }}</span>
                                </div>
                                <div class="col-12">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.description') }}</label>
                                    <span>{{ $project->description ?: '—' }}</span>
                                </div>
                                @if($project->contractType)
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.projects.fields.contract_type_id') }}</label>
                                    <span class="badge bg-primary">
                                        {{ app()->getLocale() === 'ar' ? $project->contractType->name_ar : $project->contractType->name_en }}
                                    </span>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-12">
                    <div class="card table-card">
                        <div class="card-header"><h4>{{ __('admin.projects.work_orders_title') }}</h4></div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>{{ __('admin.projects.columns.worker') }}</th>
                                            <th>{{ __('admin.projects.columns.amount') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($project->workOrders->take(5) as $workOrder)
                                            <tr>
                                                <td>
                                                    <div class="d-flex flex-column">
                                                        <span>{{ $workOrder->worker?->name ?: '—' }}</span>
                                                        <a href="{{ route('admin.work_orders.show', $workOrder) }}" class="text-muted small">#WO-{{ str_pad((string) $workOrder->id, 5, '0', STR_PAD_LEFT) }}</a>
                                                    </div>
                                                </td>
                                                <td>{{ $workOrder->amount ? number_format($workOrder->amount, 2) : '—' }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="2" class="text-center text-muted">{{ __('admin.projects.no_work_orders') }}</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="card table-card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4>{{ __('admin.project_stages.list_in_project') }}</h4>
                            <a href="{{ route('admin.project_stages.create') }}" class="btn btn-sm btn-primary">
                                <i class="ti ti-plus me-1"></i>{{ __('admin.project_stages.add') }}
                            </a>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>{{ __('admin.project_stages.fields.sequence_no') }}</th>
                                            <th>{{ __('admin.project_stages.fields.name') }}</th>
                                            <th>{{ __('admin.project_stages.fields.start_date') }}</th>
                                            <th>{{ __('admin.project_stages.fields.end_date') }}</th>
                                            <th>{{ __('admin.project_stages.fields.status') }}</th>
                                            <th>{{ __('admin.project_stages.fields.progress_percentage') }}</th>
                                            <th>{{ __('admin.actions.actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($project->projectStages as $stage)
                                            <tr>
                                                <td>{{ $stage->sequence_no }}</td>
                                                <td>{{ $stage->name }}</td>
                                                <td>{{ $stage->start_date?->format('Y-m-d') ?: '—' }}</td>
                                                <td>{{ $stage->end_date?->format('Y-m-d') ?: '—' }}</td>
                                                <td><span class="badge bg-secondary">{{ __('admin.project_stages.statuses.'.$stage->status) }}</span></td>
                                                <td><span class="badge bg-info">{{ $stage->progress_percentage }}%</span></td>
                                                <td>
                                                    <a href="{{ route('admin.project_stages.show', $stage) }}" class="btn btn-sm btn-outline-info"><i class="ti ti-eye"></i></a>
                                                    <a href="{{ route('admin.project_stages.edit', $stage) }}" class="btn btn-sm btn-outline-warning"><i class="ti ti-pencil"></i></a>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="7" class="text-center text-muted">{{ __('admin.project_stages.empty') }}</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-12">
                    <div class="card table-card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4>{{ app()->getLocale() === 'ar' ? 'عروض الأسعار' : 'Quotations' }}</h4>
                            <a href="{{ route('admin.quotes.create', ['project_id' => $project->id, 'client_id' => $project->client_id]) }}" class="btn btn-sm btn-outline-primary">
                                <i class="ti ti-plus"></i>
                            </a>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>{{ __('admin.projects.fields.contract_amount') }}</th>
                                            <th>{{ __('admin.projects.fields.status') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($project->quotes->take(5) as $quote)
                                            <tr>
                                                <td>{{ $quote->quote_number ?: '—' }}</td>
                                                <td>{{ number_format((float) $quote->amount, 2) }}</td>
                                                <td><span class="badge bg-info">{{ $quote->status }}</span></td>
                                            </tr>
                                        @empty
                                            <tr><td colspan="3" class="text-center text-muted">{{ __('admin.projects.empty') }}</td></tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-12">
                    <div class="card table-card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4>{{ app()->getLocale() === 'ar' ? 'الفواتير' : 'Invoices' }}</h4>
                            <a href="{{ route('admin.invoices.create', ['project_id' => $project->id, 'client_id' => $project->client_id]) }}" class="btn btn-sm btn-outline-primary">
                                <i class="ti ti-plus"></i>
                            </a>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>{{ __('admin.projects.fields.contract_amount') }}</th>
                                            <th>{{ __('admin.projects.metrics.remaining_balance') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($project->invoices->take(5) as $invoice)
                                            <tr>
                                                <td>{{ $invoice->invoice_number ?: '—' }}</td>
                                                <td>{{ number_format((float) $invoice->amount, 2) }}</td>
                                                <td>{{ number_format((float) $invoice->remaining, 2) }}</td>
                                            </tr>
                                        @empty
                                            <tr><td colspan="3" class="text-center text-muted">{{ __('admin.projects.empty') }}</td></tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-12">
                    <div class="card table-card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4>{{ __('admin.expenses.title') }}</h4>
                            <div class="d-flex gap-2">
                                <a href="{{ route('admin.expenses.index', ['project_id' => $project->id]) }}" class="btn btn-sm btn-outline-secondary">
                                    <i class="ti ti-table"></i>
                                </a>
                                <a href="{{ route('admin.expenses.create', ['project_id' => $project->id]) }}" class="btn btn-sm btn-outline-primary">
                                    <i class="ti ti-plus"></i>
                                </a>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>{{ __('admin.expenses.fields.title') }}</th>
                                            <th>{{ __('admin.expenses.fields.amount') }}</th>
                                            <th>{{ __('admin.expenses.fields.status') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($project->expenses->take(5) as $expense)
                                            <tr>
                                                <td>
                                                    <a href="{{ route('admin.expenses.show', $expense) }}" class="fw-semibold text-dark">{{ $expense->title }}</a>
                                                </td>
                                                <td class="text-danger fw-semibold">{{ number_format((float) $expense->amount, 2) }}</td>
                                                <td><span class="badge bg-secondary">{{ __('admin.expenses.statuses.'.$expense->status) }}</span></td>
                                            </tr>
                                        @empty
                                            <tr><td colspan="3" class="text-center text-muted">{{ __('admin.projects.empty') }}</td></tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-12">
                    <div class="card table-card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4>{{ __('admin.client_payments.title') }}</h4>
                            <a href="{{ route('admin.client_payments.create', ['project_id' => $project->id, 'client_id' => $project->client_id]) }}" class="btn btn-sm btn-outline-primary">
                                <i class="ti ti-plus"></i>
                            </a>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>{{ __('admin.client_payments.fields.payment_date') }}</th>
                                            <th>{{ __('admin.client_payments.fields.amount') }}</th>
                                            <th>{{ __('admin.client_payments.fields.status') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($project->clientPayments->take(5) as $payment)
                                            <tr>
                                                <td>{{ $payment->payment_date?->format('Y-m-d') ?: '—' }}</td>
                                                <td>{{ number_format((float) $payment->amount, 2) }}</td>
                                                <td><span class="badge bg-success">{{ __('admin.client_payments.statuses.'.$payment->status) }}</span></td>
                                            </tr>
                                        @empty
                                            <tr><td colspan="3" class="text-center text-muted">{{ __('admin.projects.empty') }}</td></tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-12">
                    <div class="card">
                        <div class="card-header"><h4>{{ __('admin.attachments.upload_title') }}</h4></div>
                        <div class="card-body">
                            <form action="{{ route('admin.attachments.store') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="project_id" value="{{ $project->id }}">
                                <input type="hidden" name="redirect_to" value="{{ url()->current() }}">

                                <div class="mb-3">
                                    <label class="form-label">{{ __('admin.attachments.fields.stage_id') }}</label>
                                    <select name="stage_id" class="form-select @error('stage_id') is-invalid @enderror">
                                        <option value="">-- {{ __('admin.attachments.placeholders.select_stage_optional') }} --</option>
                                        @foreach($project->projectStages as $stage)
                                            <option value="{{ $stage->id }}">#{{ $stage->sequence_no }} - {{ $stage->name }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">{{ __('admin.attachments.fields.category') }}</label>
                                    <select name="category" class="form-select @error('category') is-invalid @enderror" required>
                                        @foreach(['contract','quotation','invoice','receipt','drawing','photo','document','other'] as $category)
                                            <option value="{{ $category }}">{{ __('admin.attachments.categories.'.$category) }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">{{ __('admin.attachments.fields.file') }}</label>
                                    <input type="file" name="attachment" class="form-control @error('attachment') is-invalid @enderror" required>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">{{ __('admin.attachments.fields.notes') }}</label>
                                    <textarea name="notes" rows="2" class="form-control @error('notes') is-invalid @enderror"></textarea>
                                </div>

                                <button type="submit" class="btn btn-primary w-100">
                                    <i class="ti ti-upload me-1"></i>{{ __('admin.attachments.upload') }}
                                </button>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-lg-8 col-12">
                    <div class="card table-card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4>{{ __('admin.attachments.list_in_project') }}</h4>
                            <a href="{{ route('admin.attachments.index', ['project_id' => $project->id]) }}" class="btn btn-sm btn-outline-primary">
                                {{ __('admin.attachments.view_all') }}
                            </a>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>{{ __('admin.attachments.fields.original_name') }}</th>
                                            <th>{{ __('admin.attachments.fields.category') }}</th>
                                            <th>{{ __('admin.attachments.fields.file_size') }}</th>
                                            <th>{{ __('admin.attachments.fields.uploaded_by') }}</th>
                                            <th>{{ __('admin.actions.actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($project->attachments->take(10) as $attachment)
                                            <tr>
                                                <td>{{ $attachment->original_name }}</td>
                                                <td><span class="badge bg-info">{{ __('admin.attachments.categories.'.$attachment->category) }}</span></td>
                                                <td>{{ number_format($attachment->file_size / 1024, 2) }} KB</td>
                                                <td>{{ $attachment->uploader?->name ?: '—' }}</td>
                                                <td>
                                                    <a href="{{ route('admin.attachments.download', $attachment) }}" class="btn btn-sm btn-outline-success"><i class="ti ti-download"></i></a>
                                                    <form action="{{ route('admin.attachments.destroy', $attachment) }}" method="POST" class="d-inline"
                                                          onsubmit="return confirm('{{ __('admin.attachments.confirm_delete') }}')">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-sm btn-outline-danger"><i class="ti ti-trash"></i></button>
                                                    </form>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="5" class="text-center text-muted">{{ __('admin.attachments.empty') }}</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

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