@extends('layouts.master')
@section('title', 'Payment Details')

@section('content')
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">Payment Details</h5>
            <a href="{{ route(
                ([1 => 'admin', 2 => 'manager', 3 => 'account', 4 => 'user'][auth()->user()->role] ?? 'user') . '.payment.list',
            ) }}"
                class="btn btn-secondary btn-sm">Back to Payments</a>
        </div>

        <div class="card-body">
            <form action="{{ route('payment.update', $payment->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                {{-- Hidden Fields --}}
                <input type="hidden" name="agency_id" value="{{ $payment->agency_id }}">
                <input type="hidden" name="user_id" value="{{ $payment->user_id }}">
                <input type="hidden" name="type" value="{{ $payment->type }}">
                <input type="hidden" name="bank_name" value="{{ $payment->bank_name }}">
                <input type="hidden" name="amount" value="{{ $payment->amount }}">
                <input type="hidden" name="currency" value="{{ $payment->currency }}">
                <input type="hidden" name="transaction_id" value="{{ $payment->transaction_id }}">
                <input type="hidden" name="paid" value="{{ $payment->paid ? $payment->paid->format('Y-m-d') : '' }}">
                <input type="hidden" name="currency_rate" value="{{ $payment->currency_rate }}">
                <input type="hidden" name="total_amount" value="{{ $payment->total_amount }}">
                <input type="hidden" name="additional" value="{{ $payment->additional }}">
                <div class="row row-cols-md-2 mb-3">
                    @if (in_array(auth()->user()->role, [1, 2, 3]))
                        <div class="mb-3">
                            <label class="form-label fw-bold">Agency</label>
                            <div class="form-control-plaintext">{{ $payment->agency->name ?? 'N/A' }}</div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold">User</label>
                            <div class="form-control-plaintext">
                                {{ $payment->user->name ?? 'N/A' }} ({{ $payment->user->phone ?? 'N/A' }})
                            </div>
                        </div>
                    @endif

                    <div class="mb-3">
                        <label class="form-label fw-bold">Payment Type</label>
                        <div class="form-control-plaintext text-capitalize">{{ $payment->type }}</div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-bold">Bank Name</label>
                        <div class="form-control-plaintext">{{ $payment->bank_name ?? 'N/A' }}</div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-bold">Amount</label>
                        <div class="form-control-plaintext">{{ number_format($payment->amount, 2) }}
                            {{ $payment->currency }}</div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-bold">Transaction ID / Check No.</label>
                        <div class="form-control-plaintext">{{ $payment->transaction_id ?? 'N/A' }}</div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-bold">Payment Date</label>
                        <div class="form-control-plaintext">{{ $payment->paid ? $payment->paid->format('d M Y') : 'N/A' }}
                        </div>
                    </div>

                    @if ($payment->type == 'iban')
                        <div class="mb-3">
                            <label class="form-label fw-bold">Currency Rate</label>
                            <div class="form-control-plaintext">{{ $payment->currency_rate ?? 'N/A' }}</div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold">Total Amount</label>
                            <div class="form-control-plaintext">{{ number_format($payment->total_amount, 2) }} {{ $payment->currency }}</div>
                        </div>
                    @endif

                    {{-- Visible Section --}}
                    <div class="row">
                        <div class="col-md-6">
                            <label for="status" class="form-label fw-bold">Status <span
                                    class="text-danger">*</span></label>
                            <select class="form-control" name="status" required>
                                <option value="0" {{ $payment->status == 0 ? 'selected' : '' }}>Pending</option>
                                <option value="1" {{ $payment->status == 1 ? 'selected' : '' }}>Approved</option>
                                <option value="2" {{ $payment->status == 2 ? 'selected' : '' }}>Rejected</option>
                                <option value="3" {{ $payment->status == 3 ? 'selected' : '' }}>Cancelled</option>
                                <option value="4" {{ $payment->status == 4 ? 'selected' : '' }}>Enable Edit</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="mb-3">
                    <label class="form-label fw-bold">Proof of Payment</label><br>
                    @if ($payment->proof)
                        <a href="{{ asset('storage/' . $payment->proof) }}" target="_blank"
                            class="btn btn-outline-primary btn-sm">
                            View Proof
                        </a>
                    @else
                        <div class="form-control-plaintext text-muted">No proof uploaded.</div>
                    @endif
                </div>

                <div class="mb-3">
                    <label class="form-label fw-bold">Additional Information</label>
                    <div class="form-control-plaintext">{!! nl2br(e($payment->additional)) ?: 'N/A' !!}</div>
                </div>

                <button type="submit" class="btn btn-primary mt-3">Update Status</button>
            </form>
        </div>
    </div>
@endsection