@extends('layouts.app')

@section('title', 'تفاصيل مرتجع البيع')
@section('page_heading', 'مرتجع بيع #' . $saleReturn->id)


@section('content')
<div style="display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-bottom:1.25rem">
    <a href="{{ route('dashboard.sale_returns.index') }}" class="app-btn app-btn--secondary app-btn--sm">
        <i class="fa-solid fa-arrow-right"></i> المرتجعات
    </a>
</div>

@include('layouts.partials.workspace-page-styles')

<div class="workspace-shell mb-4">
    <div class="workspace-body">
        <div class="collection-card__header">
            <div class="collection-card__intro">
                <span class="collection-card__icon"><i class="fa-solid fa-rotate-left"></i></span>
                <div class="collection-card__title">
                    <h2>تفاصيل مرتجع البيع #{{ $saleReturn->id }}</h2>
                </div>
            </div>
            <span class="collection-card__meta text-red-600 dark:text-red-400">{{ number_format($saleReturn->total_refunded, 2) }}</span>
        </div>

        <div class="app-grid gap-4 mt-2">
            <div class="md:col-span-3">
                <div class="text-slate-500 dark:text-slate-400" style="font-size:.78rem;font-weight:700">الفاتورة</div>
                <a href="{{ route('dashboard.sales.show', $saleReturn->sale_id) }}" class="font-bold">#{{ $saleReturn->sale_id }}</a>
            </div>
            <div class="md:col-span-3">
                <div class="text-slate-500 dark:text-slate-400" style="font-size:.78rem;font-weight:700">النوع</div>
                <span class="app-badge {{ $saleReturn->return_type === 'full' ? 'app-badge--danger' : 'app-badge--warning' }}">
                    {{ $saleReturn->return_type === 'full' ? 'كامل' : 'جزئي' }}
                </span>
            </div>
            <div class="md:col-span-3">
                <div class="text-slate-500 dark:text-slate-400" style="font-size:.78rem;font-weight:700">المنفذ</div>
                <div class="font-bold">{{ $saleReturn->creator?->name ?: '—' }}</div>
            </div>
            <div class="md:col-span-3">
                <div class="text-slate-500 dark:text-slate-400" style="font-size:.78rem;font-weight:700">التاريخ</div>
                <div class="font-bold">{{ $saleReturn->created_at->format('Y-m-d H:i') }}</div>
            </div>
        </div>

        @if($saleReturn->notes)
        <div class="mt-4 p-3 rounded" style="background:var(--c-primary-bg)">
            <div class="text-slate-500 dark:text-slate-400 font-bold mb-1" style="font-size:.78rem">ملاحظات</div>
            <div>{{ $saleReturn->notes }}</div>
        </div>
        @endif
    </div>
</div>

<div class="workspace-shell">
    <div class="workspace-body">
        <div class="collection-card__header">
            <div class="collection-card__intro">
                <span class="collection-card__icon"><i class="fa-solid fa-box"></i></span>
                <div class="collection-card__title"><h2>المنتجات المرتجعة</h2></div>
            </div>
        </div>
        <div class="app-table-wrap mt-4">
            <table class="app-table app-table--striped collection-table">
                <thead>
                    <tr>
                        <th>المنتج</th>
                        <th>الكمية</th>
                        <th>استرداد الوحدة</th>
                        <th>الإجمالي</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($saleReturn->items as $item)
                    <tr>
                        <td class="font-bold">{{ $item->product?->name ?: '—' }}</td>
                        <td>{{ $item->quantity }}</td>
                        <td>{{ number_format($item->refund_amount, 2) }}</td>
                        <td class="font-bold">{{ number_format($item->refund_amount * $item->quantity, 2) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection