@extends('layouts.app')

@section('style')
<style>
    .inv-show { max-width: 860px; margin: 0 auto; padding: 20px 12px 32px; }
    .inv-show .card-box {
        background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 18px;
        box-shadow: 0 1px 2px rgba(15,23,42,.04); margin-bottom: 14px;
    }
    .inv-show h3 { font-weight: 700; margin-bottom: 4px; }
    .inv-show .muted { color: #64748b; }
    .inv-show .row-line { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #f1f5f9; }
    .inv-show .row-line:last-child { border-bottom: 0; }
    .inv-show .label { color: #64748b; }
    .inv-show .value { font-weight: 600; color: #0f172a; text-align: right; word-break: break-word; }
    .inv-files { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
    .inv-files img { width: 120px; height: 120px; object-fit: cover; border-radius: 10px; border: 1px solid #e2e8f0; }
    .inv-files .pdf {
        width: 120px; height: 120px; border-radius: 10px; background: #fef2f2; color: #ef4444;
        display: inline-flex; align-items: center; justify-content: center; border: 1px solid #fecaca; font-size: 2rem;
    }
    .badge-waiting { background: #f59e0b; }
    .badge-approved { background: #16a34a; }
    .badge-rejected { background: #ef4444; }
</style>
@endsection

@section('content')
@php
    $st = strtolower((string)($invoice->status ?? 'waiting'));
    $badge = $st === 'approved' ? 'badge-approved' : ($st === 'rejected' || $st === 'failed' ? 'badge-rejected' : 'badge-waiting');
    $label = $st === 'approved' ? 'Onaylandı' : ($st === 'rejected' || $st === 'failed' ? 'Reddedildi' : 'Bekliyor');
    $urls = $invoice->invoice_url;
@endphp
<div class="page-wrapper">
    <div class="container-fluid">
        <div class="inv-show">
            <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap" style="gap:10px;">
                <div>
                    <h3>Fatura #{{ $invoice->id }}</h3>
                    <div class="muted">Çekiçin admin panelinde de aynı kayıt görünür.</div>
                </div>
                <a href="{{ route('invoices.index', ['tab' => 'list']) }}" class="btn btn-secondary btn-sm">← Geri</a>
            </div>

            <div class="card-box">
                <div class="row-line">
                    <span class="label">Durum</span>
                    <span class="value"><span class="badge {{ $badge }}">{{ $label }}</span></span>
                </div>
                <div class="row-line">
                    <span class="label">Sürücü</span>
                    <span class="value">
                        @if($invoice->driver)
                            {{ $invoice->driver->prenom }} {{ $invoice->driver->nom }}
                        @else
                            #{{ $invoice->driver_id }}
                        @endif
                    </span>
                </div>
                <div class="row-line">
                    <span class="label">İş / Plaka</span>
                    <span class="value">{{ $invoice->getAttributes()['requite_id'] ?? '' }}</span>
                </div>
                <div class="row-line">
                    <span class="label">Ödenecek tutar</span>
                    <span class="value">{{ number_format((float)$invoice->amount, 2, ',', '.') }} ₺</span>
                </div>
                <div class="row-line">
                    <span class="label">Kilometre (KM)</span>
                    <span class="value">
                        @if($invoice->km !== null && $invoice->km !== '')
                            {{ rtrim(rtrim(number_format((float) $invoice->km, 2, ',', '.'), '0'), ',') }} km
                        @else
                            —
                        @endif
                    </span>
                </div>
                <div class="row-line">
                    <span class="label">Tarih</span>
                    <span class="value">{{ $invoice->insert_date ?? $invoice->created_at }}</span>
                </div>
                @if(!empty($invoice->comment))
                    <div class="row-line">
                        <span class="label">Not</span>
                        <span class="value">{{ $invoice->comment }}</span>
                    </div>
                @endif
                @if(!empty($invoice->admin_comment))
                    <div class="row-line">
                        <span class="label">Admin açıklaması</span>
                        <span class="value">{{ $invoice->admin_comment }}</span>
                    </div>
                @endif
            </div>

            <div class="card-box">
                <h5 style="font-weight:700;margin:0 0 8px;">Dosyalar</h5>
                <div class="inv-files">
                    @forelse($urls as $url)
                        @if(\App\Models\DriverInvoice::isImageUrl($url))
                            <a href="{{ $url }}" target="_blank" rel="noopener"><img src="{{ $url }}" alt="Fatura"></a>
                        @elseif(\App\Models\DriverInvoice::extensionFromUrl($url) === 'pdf')
                            <a href="{{ $url }}" target="_blank" rel="noopener" class="pdf" title="PDF"><i class="fa fa-file-pdf-o"></i></a>
                        @else
                            <a href="{{ $url }}" target="_blank" rel="noopener" class="pdf"><i class="fa fa-external-link"></i></a>
                        @endif
                    @empty
                        <span class="muted">Dosya yok</span>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</div>
@endsection