@extends('layouts.layoutapp')

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card me-2">
                <div class="card-body">

                    <div class="d-flex justify-content-between align-items-center mb-3 px-3 flex-wrap">
                        <h4 class="mb-0">Purchase Payment Report</h4>

                        <form method="GET" action="{{ route('purchase-payment-report') }}"
                            class="d-flex align-items-center flex-wrap">

                            <div class="form-group me-3">
                                <select name="purchase_id" class="form-select">
                                    <option value="">All Purchases</option>
                                    @foreach ($purchaseList as $purchase)
                                        <option value="{{ $purchase->id }}"
                                            {{ request()->get('purchase_id') == $purchase->id ? 'selected' : '' }}>
                                            {{ $purchase->purchase_code }}
                                            @if ($purchase->purchase_date)
                                                ({{ \Carbon\Carbon::parse($purchase->purchase_date)->format('d-m-Y') }})
                                            @endif
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group me-3">
                                <input type="date" class="form-control @error('start_date') is-invalid @enderror"
                                    id="start_date" name="start_date"
                                    value="{{ old('start_date', request()->get('start_date')) }}">
                                @error('start_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group me-3">
                                <input type="date" class="form-control @error('end_date') is-invalid @enderror"
                                    id="end_date" name="end_date"
                                    value="{{ old('end_date', request()->get('end_date')) }}">
                                @error('end_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <button type="submit" class="btn btn-primary mb-0 me-2">Filter</button>
                            <a href="{{ route('purchase-payment-report') }}" class="btn btn-outline-secondary mb-0">Reset</a>
                        </form>
                    </div>

                    {{-- SUMMARY --}}
                    {{-- <div class="row px-3 mb-3">
                        <div class="col-lg-3 col-6 mb-2">
                            <div class="card shadow-none border">
                                <div class="card-body p-3">
                                    <p class="text-xs text-secondary mb-1">Total Paid</p>
                                    <h6 class="mb-0 text-success">₹ {{ number_format($totalPaid, 2) }}</h6>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-6 mb-2">
                            <div class="card shadow-none border">
                                <div class="card-body p-3">
                                    <p class="text-xs text-secondary mb-1">Total Refund</p>
                                    <h6 class="mb-0 text-warning">₹ {{ number_format($totalRefund, 2) }}</h6>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-6 mb-2">
                            <div class="card shadow-none border">
                                <div class="card-body p-3">
                                    <p class="text-xs text-secondary mb-1">Total Loss</p>
                                    <h6 class="mb-0 text-danger">₹ {{ number_format($totalLoss, 2) }}</h6>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-6 mb-2">
                            <div class="card shadow-none border">
                                <div class="card-body p-3">
                                    <p class="text-xs text-secondary mb-1">Net Paid</p>
                                    <h6 class="mb-0">₹ {{ number_format($netPaid, 2) }}</h6>
                                </div>
                            </div>
                        </div>
                    </div> --}}

                    <div class="mb-4">
                        <div class="table-responsive">
                            <table class="table text-center text-xs" id="myTable">
                                <thead>
                                    <tr>
                                        <th>S.No</th>
                                        <th>Payment Date</th>
                                        <th>Purchase Code</th>
                                        <th>Purchase Date</th>
                                        <th>Supplier Name</th>
                                        <th>Branch Name</th>
                                        <th>Purchase Amount</th>
                                        <th>Payment Mode</th>
                                        <th>Entry Type</th>
                                        <th>Paid Amount</th>
                                        <th>Purchase Balance</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @forelse ($paymentData as $index => $payment)
                                        <tr>
                                            <td>{{ $index + 1 }}</td>

                                            <td>
                                                {{ $payment['payment_date']
                                                    ? \Carbon\Carbon::parse($payment['payment_date'])->format('d-m-Y')
                                                    : '-' }}
                                            </td>

                                            <td>{{ $payment['purchase_code'] }}</td>

                                            <td>
                                                {{ $payment['purchase_date']
                                                    ? \Carbon\Carbon::parse($payment['purchase_date'])->format('d-m-Y')
                                                    : '-' }}
                                            </td>

                                            <td>{{ $payment['supplier_name'] }}</td>
                                            <td>{{ $payment['branch_name'] }}</td>
                                            <td>₹ {{ number_format($payment['purchase_amount'], 2) }}</td>
                                            <td>{{ strtoupper($payment['payment_mode'] ?? '-') }}</td>

                                            <td>
                                                @php
                                                    $type = $payment['entry_type'];
                                                    $badge = match ($type) {
                                                        'refund' => 'bg-gradient-warning',
                                                        'loss' => 'bg-gradient-danger',
                                                        default => 'bg-gradient-success',
                                                    };
                                                    $label = match ($type) {
                                                        'purchase_payment' => 'Purchase Payment',
                                                        'paid' => 'Paid',
                                                        'refund' => 'Refund',
                                                        'loss' => 'Loss',
                                                        default => ucfirst((string) $type),
                                                    };
                                                @endphp
                                                <span class="badge {{ $badge }}">{{ $label }}</span>
                                            </td>

                                            <td>₹ {{ number_format($payment['paid_amount'], 2) }}</td>
                                            <td>₹ {{ number_format($payment['purchase_balance'], 2) }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="11" class="text-center py-4">
                                                No purchase payments found for the selected filters.
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection