@extends('admin.layouts.master')

@section('title', __('عرض السعر').' '.$quote->quote_number)
@section('css')@endsection

@section('content')
@php
    $statusLabels = \App\Models\Quote::statuses();
    $statusColors = \App\Models\Quote::statusColors();
@endphp
<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">
                <div>
                    <h1 class="mb-1">{{ __('عرض السعر') }} {{ $quote->quote_number }}</h1>
                    <p class="text-muted mb-0">{{ __('ملف عرض سعر احترافي يوضح البنود والهوامش التجارية للعميل وفريق التنفيذ.') }}</p>
                </div>
                <div class="d-flex gap-2 flex-wrap">
                    <a href="{{ route('admin.quotes.edit', $quote) }}" class="btn btn-warning"><i class="ti ti-pencil me-1"></i>{{ __('تعديل') }}</a>
                    <a href="{{ route('admin.quotes.index') }}" class="btn btn-outline-secondary"><i class="ti ti-arrow-right me-1"></i>{{ __('العودة') }}</a>
                </div>
            </div>

            <div class="row">
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body border rounded border-success bg-light-success">
                            <p class="text-muted mb-1">{{ __('إجمالي العرض') }}</p>
                            <h4 class="mb-0 text-success">{{ number_format((float) $quote->amount, 2) }} {{ __('ر.س') }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body border rounded border-primary bg-light-primary">
                            <p class="text-muted mb-1">{{ __('عدد البنود') }}</p>
                            <h4 class="mb-0">{{ number_format($summary['items_count']) }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body border rounded border-info bg-light-info">
                            <p class="text-muted mb-1">{{ __('عروض نفس العميل') }}</p>
                            <h4 class="mb-0">{{ number_format($summary['client_quotes_count']) }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body border rounded {{ $summary['is_expired'] ? 'border-danger bg-light-danger' : 'border-secondary bg-light-secondary' }}">
                            <p class="text-muted mb-1">{{ __('صلاحية العرض') }}</p>
                            <h6 class="mb-0">{{ $quote->valid_until ? $quote->valid_until->format('Y-m-d') : __('غير محددة') }}</h6>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-xl-4 col-12">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header bg-transparent"><h4 class="mb-0">{{ __('بيانات العرض') }}</h4></div>
                        <div class="card-body">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item d-flex justify-content-between px-0">
                                    <span class="text-muted">{{ __('المرجع') }}</span>
                                    <strong>{{ $quote->quote_number }}</strong>
                                </li>
                                <li class="list-group-item d-flex justify-content-between px-0">
                                    <span class="text-muted">{{ __('العميل') }}</span>
                                    <a href="{{ route('admin.clients.show', $quote->client) }}">{{ $quote->client->name }}</a>
                                </li>
                                <li class="list-group-item d-flex justify-content-between px-0">
                                    <span class="text-muted">{{ __('المشروع') }}</span>
                                    @if($quote->project)
                                        <a href="{{ route('admin.projects.show', $quote->project) }}">{{ $quote->project->project_name }}</a>
                                    @else
                                        <span>—</span>
                                    @endif
                                </li>
                                <li class="list-group-item d-flex justify-content-between px-0">
                                    <span class="text-muted">{{ __('الحالة') }}</span>
                                    <span class="badge bg-{{ $statusColors[$quote->status] ?? 'secondary' }}">{{ $statusLabels[$quote->status] ?? $quote->status }}</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between px-0">
                                    <span class="text-muted">{{ __('صالح حتى') }}</span>
                                    <strong class="{{ $summary['is_expired'] ? 'text-danger' : '' }}">{{ $quote->valid_until?->format('Y-m-d') ?? '—' }}</strong>
                                </li>
                            </ul>

                            @if($quote->notes)
                                <div class="mt-3">
                                    <p class="text-muted mb-1">{{ __('ملاحظات') }}</p>
                                    <div class="border rounded p-3 bg-light-secondary">{{ $quote->notes }}</div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="col-xl-8 col-12">
                    <div class="card border-0 shadow-sm mb-4">
                        <div class="card-header bg-transparent d-flex justify-content-between align-items-center">
                            <h4 class="mb-0">{{ __('بنود عرض السعر') }}</h4>
                            <span class="badge bg-primary">{{ __('عدد البنود') }}: {{ $quote->items->count() }}</span>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-hover align-middle">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>{{ __('البند') }}</th>
                                        <th>{{ __('الكمية') }}</th>
                                        <th>{{ __('سعر الوحدة') }}</th>
                                        <th>{{ __('الإجمالي') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @forelse($quote->items as $item)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>
                                                <div class="fw-semibold">{{ $item->title }}</div>
                                                @if($item->description)
                                                    <small class="text-muted">{{ $item->description }}</small>
                                                @endif
                                            </td>
                                            <td>{{ number_format((float) $item->quantity, 2) }} {{ $item->unit ?? '' }}</td>
                                            <td>{{ number_format((float) $item->unit_price, 2) }} {{ __('ر.س') }}</td>
                                            <td class="fw-semibold text-success">{{ number_format((float) $item->total, 2) }} {{ __('ر.س') }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="5" class="text-center text-muted">{{ __('لا توجد بنود مسجلة لهذا العرض') }}</td>
                                        </tr>
                                    @endforelse
                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <th colspan="4" class="text-end">{{ __('الإجمالي النهائي') }}</th>
                                        <th class="text-success">{{ number_format((float) $quote->amount, 2) }} {{ __('ر.س') }}</th>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-transparent"><h4 class="mb-0">{{ __('عروض أخرى لنفس العميل') }}</h4></div>
                        <div class="card-body">
                            @if($relatedQuotes->isEmpty())
                                <p class="text-muted mb-0">{{ __('لا توجد عروض أخرى مرتبطة بهذا العميل حتى الآن.') }}</p>
                            @else
                                <div class="table-responsive">
                                    <table class="table table-sm align-middle mb-0">
                                        <thead>
                                        <tr>
                                            <th>{{ __('رقم العرض') }}</th>
                                            <th>{{ __('التاريخ') }}</th>
                                            <th>{{ __('المبلغ') }}</th>
                                            <th>{{ __('الحالة') }}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($relatedQuotes as $relatedQuote)
                                            <tr>
                                                <td><a href="{{ route('admin.quotes.show', $relatedQuote) }}">{{ $relatedQuote->quote_number }}</a></td>
                                                <td>{{ $relatedQuote->created_at?->format('Y-m-d') }}</td>
                                                <td>{{ number_format((float) $relatedQuote->amount, 2) }} {{ __('ر.س') }}</td>
                                                <td><span class="badge bg-{{ $statusColors[$relatedQuote->status] ?? 'secondary' }}">{{ $statusLabels[$relatedQuote->status] ?? $relatedQuote->status }}</span></td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection