@extends('layouts.app')

@section('content')
<div class="container py-4">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card shadow-sm">
                <div class="card-header bg-white fw-bold fs-5">Transaksi Pembayaran</div>
                <div class="card-body">
                    <form action="{{ route('order.payment', $order->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">Metode Pembayaran</label>
                            <select name="payment_method" class="form-select" required>
                                <option value="">-- Pilih Metode --</option>
                                <option value="BCA" {{ old('payment_method', $order->payment_method) == 'BCA' ? 'selected' : '' }}>BCA</option>
                                <option value="BNI" {{ old('payment_method', $order->payment_method) == 'BNI' ? 'selected' : '' }}>BNI</option>
                                <option value="OVO" {{ old('payment_method', $order->payment_method) == 'OVO' ? 'selected' : '' }}>OVO</option>
                                <option value="DANA" {{ old('payment_method', $order->payment_method) == 'DANA' ? 'selected' : '' }}>DANA</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Upload Bukti Pembayaran</label>
                            <input type="file" name="payment_proof" class="form-control" accept="image/*,application/pdf" required>
                            <div class="form-text">Format: JPG, PNG, atau PDF. Max 5MB.</div>
                        </div>
                        <button type="submit" class="btn btn-primary">Kirim Bukti Pembayaran</button>
                    </form>
                    <hr>
                    <div class="mt-3">
                        <strong>Status Pembayaran:</strong>
                        <span class="badge bg-{{ $order->payment_status == 'Terverifikasi' ? 'success' : ($order->payment_status == 'Menunggu Verifikasi' ? 'warning' : 'secondary') }}">
                            {{ $order->payment_status }}
                        </span>
                        @if($order->payment_proof)
                            <div class="mt-2">
                                <a href="{{ asset('storage/' . $order->payment_proof) }}" target="_blank">Lihat Bukti Pembayaran</a>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection