@extends('filament::page')
@section('title', 'تقرير الشريك')
@section('content')
<div class="container mx-auto p-6 bg-white rounded shadow">
    <h2 class="text-2xl font-bold mb-4 text-center">تقرير الشريك</h2>
    <div class="mb-6 grid grid-cols-2 gap-4">
        <div>
            <strong>اسم الشريك:</strong> {{ $this->partner->name }}<br>
            <strong>الرقم القومي:</strong> {{ $this->partner->national_id }}<br>
            <strong>رقم الهاتف:</strong> {{ $this->partner->phone }}<br>
        </div>
        <div>
            <strong>رأس المال الابتدائي:</strong> {{ number_format($this->partner->initial_capital, 2) }}<br>
            <strong>الرصيد الحالي:</strong> {{ number_format($this->final_balance, 2) }}<br>
        </div>
    </div>
    <h3 class="text-xl font-semibold mb-2">جدول العمليات</h3>
    <div class="overflow-x-auto">
        <table class="min-w-full border border-gray-300 rounded">
            <thead class="bg-gray-100">
                <tr>
                    <th class="px-4 py-2 border">التاريخ</th>
                    <th class="px-4 py-2 border">نوع العملية</th>
                    <th class="px-4 py-2 border">إيداع</th>
                    <th class="px-4 py-2 border">سحب</th>
                    <th class="px-4 py-2 border">الرصيد بعد العملية</th>
                </tr>
            </thead>
            <tbody>
                @foreach($this->transactions as $row)
                <tr class="text-center">
                    <td class="px-4 py-2 border">{{ $row['date'] }}</td>
                    <td class="px-4 py-2 border">{{ $row['type'] }}</td>
                    <td class="px-4 py-2 border">{{ $row['deposit'] ? number_format($row['deposit'], 2) : '-' }}</td>
                    <td class="px-4 py-2 border">{{ $row['withdrawal'] ? number_format($row['withdrawal'], 2) : '-' }}</td>
                    <td class="px-4 py-2 border font-bold">{{ number_format($row['balance'], 2) }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="mt-6 text-center">
        <button onclick="window.print()" class="bg-blue-600 text-white px-6 py-2 rounded shadow hover:bg-blue-700">طباعة التقرير</button>
    </div>
</div>
@endsection