@extends('layouts.web')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h4>Pembayaran Kegiatan</h4>
                </div>
                <div class="card-body">
                    @if(session('error'))
                        <div class="alert alert-danger">
                            {{ session('error') }}
                        </div>
                    @endif

                    <div class="alert alert-info mb-4">
                        <h5 class="mb-3">Detail Kegiatan:</h5>
                        <div class="d-flex justify-content-between align-items-center">
                            <h6 class="mb-0">{{ $activity->name }}</h6>
                            <span class="badge bg-primary fs-6">
                                Rp {{ number_format($activity->price, 0, ',', '.') }}
                            </span>
                        </div>
                    </div>

                    <form action="{{ route('payments.store', $activity->id) }}" 
                          method="POST" 
                          enctype="multipart/form-data" 
                          class="needs-validation" 
                          novalidate>
                        @csrf
                        {{-- Tidak menampilkan daftar rekening di atas; detail rekening kreator ditampilkan di dalam kartu metode pembayaran yang cocok --}}
                        
                        <div class="mb-4">
                            <label class="form-label fw-bold mb-3">Pilih Metode Pembayaran</label>
                            @if($paymentMethods->isEmpty())
                                <div class="alert alert-warning">
                                    <i class="fas fa-exclamation-triangle me-2"></i>
                                    Tidak ada metode pembayaran yang tersedia saat ini. Silakan hubungi admin.
                                </div>
                            @else
                                <div class="row g-3">
                                    @foreach($paymentMethods as $method)
                                        <div class="col-md-6">
                                            <div class="card h-100">
                                                <div class="card-body">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="radio" 
                                                            name="payment_method_id" 
                                                            id="payment_method_{{ $method->id }}" 
                                                            value="{{ $method->id }}" 
                                                            required>
                                                        <label class="form-check-label w-100" for="payment_method_{{ $method->id }}">
                                                            <div class="d-flex justify-content-between align-items-center mb-2">
                                                                <strong>{{ $method->name }}</strong>
                                                                @if($method->is_active)
                                                                    <span class="badge bg-success">Aktif</span>
                                                                @endif
                                                            </div>
                                                            @php
                                                                $matchedAccount = null;
                                                                if(!empty($creatorBankAccounts)){
                                                                    foreach($creatorBankAccounts as $acc){
                                                                        if(isset($acc['bank_name']) && stripos($method->name, $acc['bank_name']) !== false){
                                                                            $matchedAccount = $acc; break;
                                                                        }
                                                                    }
                                                                } elseif(isset($creatorBank['bank_name']) && stripos($method->name, $creatorBank['bank_name']) !== false){
                                                                    $matchedAccount = $creatorBank;
                                                                }
                                                            @endphp
                                                            <div class="text-muted small">
                                                                @if($matchedAccount)
                                                                    <div>No. Rekening: {{ $matchedAccount['account_number'] ?? '-' }}</div>
                                                                    <div>Atas Nama: {{ $matchedAccount['account_name'] ?? '-' }}</div>
                                                                @elseif($method->account_number)
                                                                    <div>No. Rekening: {{ $method->account_number }}</div>
                                                                    @if($method->account_name)
                                                                        <div>Atas Nama: {{ $method->account_name }}</div>
                                                                    @endif
                                                                @endif
                                                            </div>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                        </div>

                        <div class="form-group mb-4">
                            <label for="payment_proof" class="form-label">Bukti Pembayaran</label>
                            <input type="file" 
                                   name="payment_proof" 
                                   id="payment_proof" 
                                   accept="image/*"
                                   class="form-control @error('payment_proof') is-invalid @enderror"
                                   required>
                            @error('payment_proof')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">Format yang diperbolehkan: JPG, JPEG, PNG (Max: 2MB)</div>
                        </div>

                        <div class="text-center">
                            <button type="submit" class="btn btn-primary btn-lg" {{ $paymentMethods->isEmpty() ? 'disabled' : '' }}>
                                <i class="fas fa-paper-plane me-2"></i>
                                Kirim Bukti Pembayaran
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection