@extends('layouts.app')

@section('title', 'Purchase Advance Payments')

@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-0 text-gray-800">
                        <i class="fas fa-money-bill-wave mr-2"></i>Purchase Advance Payments
                    </h1>
                    <p class="text-muted">Manage advance payments for purchase invoices</p>
                </div>
                <div>
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createAdvanceModal">
                        <i class="fas fa-plus mr-2"></i>Add Advance Payment
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- Statistics Cards -->
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card bg-primary text-white">
                <div class="card-body">
                    <h5 class="card-title">Total Advance Payments</h5>
                    <h2 class="mb-0">{{ $stats['total'] }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-success text-white">
                <div class="card-body">
                    <h5 class="card-title">Available Amount</h5>
                    <h2 class="mb-0">BDT {{ number_format($stats['available'], 2) }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-info text-white">
                <div class="card-body">
                    <h5 class="card-title">Total Amount</h5>
                    <h2 class="mb-0">BDT {{ number_format($stats['total_amount'], 2) }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-warning text-white">
                <div class="card-body">
                    <h5 class="card-title">Used Amount</h5>
                    <h2 class="mb-0">BDT {{ number_format($stats['used'], 2) }}</h2>
                </div>
            </div>
        </div>
    </div>

    <!-- Advance Payments Table -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead class="thead-dark">
                                <tr>
                                    <th>ID</th>
                                    <th>Provider</th>
                                    <th>Amount</th>
                                    <th>Payment Method</th>
                                    <th>Transaction Date</th>
                                    <th>Bank Account</th>
                                    <th>Status</th>
                                    <th>Notes</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($advancePayments as $payment)
                                <tr>
                                    <td>{{ $payment->id }}</td>
                                    <td>{{ $payment->provider->name ?? 'N/A' }}</td>
                                    <td>BDT {{ number_format($payment->amount, 2) }}</td>
                                    <td>{{ ucfirst(str_replace('_', ' ', $payment->payment_method)) }}</td>
                                    <td>{{ $payment->transaction_date ? $payment->transaction_date->format('Y-m-d') : 'N/A' }}</td>
                                    <td>{{ $payment->bankAccountInfo->bank_name ?? 'N/A' }}</td>
                                    <td>
                                        @if($payment->status === 'available')
                                            <span class="badge badge-success">Available</span>
                                        @elseif($payment->status === 'used')
                                            <span class="badge badge-danger">Used</span>
                                        @else
                                            <span class="badge badge-warning">Partial</span>
                                        @endif
                                    </td>
                                    <td>{{ $payment->notes ?? '-' }}</td>
                                    <td>
                                        <button class="btn btn-sm btn-info" onclick="viewPayment({{ $payment->id }})">
                                            <i class="fas fa-eye"></i>
                                        </button>
                                        <button class="btn btn-sm btn-warning" onclick="editPayment({{ $payment->id }})">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Create Advance Payment Modal -->
<div class="modal fade" id="createAdvanceModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Add Purchase Advance Payment</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form action="{{ route('reseller.purchase-advance-payments.store') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <label>Provider</label>
                        <select name="provider_id" class="form-control" required>
                            <option value="">Select Provider</option>
                            @foreach($providers as $provider)
                                <option value="{{ $provider->id }}">{{ $provider->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Amount</label>
                        <input type="number" name="amount" class="form-control" step="0.01" min="0" required>
                    </div>
                    <div class="form-group">
                        <label>Due Amount</label>
                        <input type="number" class="form-control" readonly style="background: #f0f0f0;">
                        <small class="text-muted">Amount paid in excess of the due amount</small>
                    </div>
                    <div class="form-group">
                        <label>Advance Payment</label>
                        <input type="number" class="form-control" readonly style="background: #f0f0f0;">
                        <small class="text-muted">Amount paid in excess of the due amount</small>
                    </div>
                    <div class="form-group">
                        <label>Payment Method</label>
                        <select name="payment_method" class="form-control">
                            <option value="">Select</option>
                            <option value="bank_transfer">Bank Transfer</option>
                            <option value="check">Check</option>
                            <option value="cash">Cash</option>
                            <option value="online">Online</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Bank Account</label>
                        <select name="bank_account_info_id" class="form-control">
                            <option value="">Select Bank Account</option>
                            @foreach($bankAccounts as $bank)
                                <option value="{{ $bank->id }}">
                                    {{ $bank->bank_name }} - {{ $bank->account_number }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Payment Date</label>
                        <input type="date" name="transaction_date" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Notes</label>
                        <textarea name="notes" class="form-control" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">Save Advance Payment</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
function viewPayment(id) {
    // Implement view functionality
    alert('View payment details for ID: ' + id);
}

function editPayment(id) {
    // Implement edit functionality
    alert('Edit payment for ID: ' + id);
}
</script>
@endsection