@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>تقرير المدفوعات اليومي</h1>
        <div>
            <a href="{{ route('payments.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> العودة إلى المدفوعات
            </a>
            <button onclick="window.print()" class="btn btn-primary ms-2">
                <i class="fas fa-print"></i> طباعة التقرير
            </button>
        </div>
    </div>
    
    <div class="card">
        <div class="card-header">
            <h5 class="card-title">تقرير المدفوعات ليوم {{ \Carbon\Carbon::parse($today)->format('Y-m-d') }}</h5>
        </div>
        <div class="card-body">
            <div class="row mb-4">
                <div class="col-md-4">
                    <div class="card bg-success text-white">
                        <div class="card-body">
                            <h5 class="card-title">إجمالي المدفوعات</h5>
                            <h2>{{ number_format($totalAmount, 2) }}</h2>
                            <p>عدد المعاملات: {{ $payments->count() }}</p>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-8">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">المدفوعات حسب الطريقة</h5>
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>طريقة الدفع</th>
                                            <th>عدد المعاملات</th>
                                            <th>المبلغ الإجمالي</th>
                                            <th>النسبة المئوية</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($paymentMethods as $method => $data)
                                            <tr>
                                                <td>
                                                    @switch($method)
                                                        @case('cash')
                                                            <i class="fas fa-money-bill-wave"></i> نقداً
                                                            @break
                                                        @case('credit_card')
                                                            <i class="fas fa-credit-card"></i> بطاقة ائتمان
                                                            @break
                                                        @case('debit_card')
                                                            <i class="fas fa-credit-card"></i> بطاقة خصم
                                                            @break
                                                        @case('mobile_payment')
                                                            <i class="fas fa-mobile-alt"></i> دفع إلكتروني
                                                            @break
                                                    @endswitch
                                                </td>
                                                <td>{{ $data['count'] }}</td>
                                                <td>{{ number_format($data['amount'], 2) }}</td>
                                                <td>{{ number_format(($data['amount'] / $totalAmount) * 100, 1) }}%</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">تفاصيل المدفوعات</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>رقم الطلب</th>
                                    <th>المبلغ</th>
                                    <th>طريقة الدفع</th>
                                    <th>الوقت</th>
                                    <th>المستخدم</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($payments as $payment)
                                    <tr>
                                        <td>{{ $payment->id }}</td>
                                        <td>
                                            @if($payment->order)
                                                <a href="{{ route('orders.show', $payment->order) }}">
                                                    #{{ $payment->order_id }}
                                                </a>
                                            @else
                                                #{{ $payment->order_id }}
                                            @endif
                                        </td>
                                        <td>{{ number_format($payment->amount, 2) }}</td>
                                        <td>
                                            @switch($payment->payment_method)
                                                @case('cash')
                                                    <i class="fas fa-money-bill-wave"></i> نقداً
                                                    @break
                                                @case('credit_card')
                                                    <i class="fas fa-credit-card"></i> بطاقة ائتمان
                                                    @break
                                                @case('debit_card')
                                                    <i class="fas fa-credit-card"></i> بطاقة خصم
                                                    @break
                                                @case('mobile_payment')
                                                    <i class="fas fa-mobile-alt"></i> دفع إلكتروني
                                                    @break
                                            @endswitch
                                        </td>
                                        <td>{{ $payment->created_at->format('H:i:s') }}</td>
                                        <td>{{ $payment->user->name }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    @media print {
        .btn, .navbar, .sidebar {
            display: none !important;
        }
        
        .container-fluid {
            width: 100% !important;
            padding: 0 !important;
        }
        
        .card {
            border: none !important;
        }
        
        .card-header {
            background-color: #f8f9fa !important;
            color: #000 !important;
        }
        
        body {
            padding: 0 !important;
            margin: 0 !important;
        }
    }
</style>
@endsection