@extends('admin.layouts.master')

@section('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">
                <div>
                    <h1 class="mb-1">{{ __('تعديل الفاتورة') }}: {{ $invoice->invoice_number }}</h1>
                    <p class="text-muted mb-0">{{ __('حدّث الفاتورة مع الحفاظ على اتساق التحصيل والحالة وربط المشروع.') }}</p>
                </div>
                <div class="d-flex gap-2">
                    <a href="{{ route('admin.invoices.show', $invoice) }}" class="btn btn-outline-info"><i class="ti ti-eye me-1"></i>{{ __('عرض الفاتورة') }}</a>
                    <a href="{{ route('admin.invoices.index') }}" class="btn btn-outline-secondary"><i class="ti ti-arrow-right me-1"></i>{{ __('العودة للقائمة') }}</a>
                </div>
            </div>

            <div class="row g-3">
                <div class="col-lg-8">
                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-transparent">
                            <h4 class="mb-1">{{ __('تحديث بيانات الفاتورة') }}</h4>
                        </div>
                        <div class="card-body">
                            @include('admin.invoices._form', [
                                'action' => route('admin.invoices.update', $invoice),
                                'method' => 'PUT',
                                'submitLabel' => __('حفظ التعديلات'),
                            ])
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="card border-0 shadow-sm mb-3">
                        <div class="card-body">
                            <p class="mb-1 text-muted small">{{ __('الإجمالي الحالي') }}</p>
                            <h5 class="mb-0">{{ number_format((float) $invoice->amount, 2) }} {{ __('ر.س') }}</h5>
                        </div>
                    </div>
                    <div class="card border-0 shadow-sm mb-3">
                        <div class="card-body">
                            <p class="mb-1 text-muted small">{{ __('المدفوع الحالي') }}</p>
                            <h5 class="mb-0 text-success">{{ number_format((float) $invoice->paid_amount, 2) }} {{ __('ر.س') }}</h5>
                        </div>
                    </div>
                    <div class="card border-0 shadow-sm">
                        <div class="card-body">
                            <p class="mb-1 text-muted small">{{ __('المتبقي الحالي') }}</p>
                            <h5 class="mb-0 {{ (float) $invoice->remaining > 0 ? 'text-danger' : 'text-success' }}">{{ number_format((float) $invoice->remaining, 2) }} {{ __('ر.س') }}</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection