@extends('admin.layouts.master')

@section('title', 'تفاصيل المورد')

@section('content')
    <div class="pc-container">
        <div class="pc-content">

            <div class="d-flex justify-content-between align-items-center mb-3">
                <h4 class="mb-0">تفاصيل المورد: {{ $supplier->name_ar }}</h4>
                <div class="d-flex gap-2">
                    @can('suppliers.update')
                        <a href="{{ route('admin.suppliers.edit', $supplier) }}" class="btn btn-warning">
                            <i class="ti ti-edit"></i> تعديل
                        </a>
                    @endcan
                    <a href="{{ route('admin.suppliers.index') }}" class="btn btn-light">
                        <i class="ti ti-arrow-right"></i> رجوع
                    </a>
                </div>
            </div>

            {{-- Supplier Info --}}
            <div class="card mb-4">
                <div class="card-header"><h5 class="mb-0">بيانات المورد</h5></div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-3"><strong>الكود:</strong> {{ $supplier->code }}</div>
                        <div class="col-md-3"><strong>الاسم:</strong> {{ $supplier->name_ar }}</div>
                        <div class="col-md-3"><strong>جهة الاتصال:</strong> {{ $supplier->contact_person_ar ?: '-' }}</div>
                        <div class="col-md-3"><strong>الموبايل:</strong> {{ $supplier->phone ?: '-' }}</div>
                        <div class="col-md-3"><strong>رقم إضافي:</strong> {{ $supplier->alternative_phone ?: '-' }}</div>
                        <div class="col-md-3"><strong>البريد:</strong> {{ $supplier->email ?: '-' }}</div>
                        <div class="col-md-3"><strong>الرقم الضريبي:</strong> {{ $supplier->tax_number ?: '-' }}</div>
                        <div class="col-md-3"><strong>السجل التجاري:</strong> {{ $supplier->commercial_register ?: '-' }}</div>
                        <div class="col-md-3"><strong>المدينة:</strong> {{ $supplier->city_ar ?: '-' }}</div>
                        <div class="col-md-6"><strong>العنوان:</strong> {{ $supplier->address_ar ?: '-' }}</div>
                        <div class="col-md-3">
                            <strong>الحالة:</strong>
                            @if($supplier->is_active)
                                <span class="badge bg-success">نشط</span>
                            @else
                                <span class="badge bg-secondary">غير نشط</span>
                            @endif
                        </div>
                        @if($supplier->notes_ar)
                            <div class="col-12"><strong>ملاحظات:</strong> {{ $supplier->notes_ar }}</div>
                        @endif
                    </div>
                </div>
            </div>

            {{-- Summary Cards --}}
            <div class="row g-3 mb-4">
                <div class="col-md-4">
                    <div class="card text-center border-primary">
                        <div class="card-body">
                            <h6 class="text-muted">إجمالي الفواتير</h6>
                            <h4 class="text-primary">{{ number_format($totalInvoices, 2) }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card text-center border-success">
                        <div class="card-body">
                            <h6 class="text-muted">إجمالي المدفوعات</h6>
                            <h4 class="text-success">{{ number_format($totalPaid, 2) }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card text-center {{ $currentBalance > 0 ? 'border-danger' : 'border-secondary' }}">
                        <div class="card-body">
                            <h6 class="text-muted">الرصيد الحالي</h6>
                            <h4 class="{{ $currentBalance > 0 ? 'text-danger' : 'text-secondary' }}">
                                {{ number_format($currentBalance, 2) }}
                            </h4>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Account Statement --}}
            <div class="card">
                <div class="card-header"><h5 class="mb-0">كشف حساب</h5></div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered mb-0">
                            <thead class="table-dark">
                                <tr>
                                    <th>التاريخ</th>
                                    <th>البيان</th>
                                    <th>المرجع</th>
                                    <th class="text-end">مدين</th>
                                    <th class="text-end">دائن</th>
                                    <th class="text-end">الرصيد</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($statement as $row)
                                    <tr>
                                        <td>{{ $row['date'] }}</td>
                                        <td>{{ $row['description'] }}</td>
                                        <td>{{ $row['reference'] }}</td>
                                        <td class="text-end">{{ $row['debit'] > 0 ? number_format($row['debit'], 2) : '-' }}</td>
                                        <td class="text-end">{{ $row['credit'] > 0 ? number_format($row['credit'], 2) : '-' }}</td>
                                        <td class="text-end {{ $row['balance'] > 0 ? 'text-danger' : 'text-success' }}">
                                            {{ number_format($row['balance'], 2) }}
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center text-muted">لا توجد حركات</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection