@extends('layouts.admin')

@section('title', 'Payment Checkout')

@section('content')
@php
    $balance = (float) ($invoice->balance ?? 0);
    $studentId = old('student_id', $student?->id ?? $invoice?->student_id);
@endphp

<x-ui.page-header
    title="Payment Checkout"
    subtitle="Initiate a student payment."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Finance', 'href' => route('finance.dashboard')],
        ['label' => 'Payments', 'href' => route('finance.payments.index')],
        ['label' => 'Checkout'],
    ]"
/>

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-7">
        <x-ui.card title="Checkout">
            <form method="POST" action="{{ route('finance.checkout.initiate') }}">
                @csrf
                <input type="hidden" name="institution_id" value="{{ old('institution_id', $institution?->id ?? $invoice?->institution_id) }}">
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="bv-form-group {{ $errors->has('student_id') ? 'is-invalid' : '' }}">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-person"></i>
                                <div class="form-floating">
                                    <input type="number" id="student_id" name="student_id" class="form-control bv-form-control"
                                           placeholder="Student ID" value="{{ $studentId }}" required>
                                    <label for="student_id">Student ID</label>
                                </div>
                            </div>
                            @error('student_id')<div class="bv-form-error">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-receipt"></i>
                                <div class="form-floating">
                                    <input type="number" id="invoice_id" name="invoice_id" class="form-control bv-form-control"
                                           placeholder="Invoice ID" value="{{ old('invoice_id', $invoice?->id) }}">
                                    <label for="invoice_id">Invoice ID (optional)</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group {{ $errors->has('amount') ? 'is-invalid' : '' }}">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-cash"></i>
                                <div class="form-floating">
                                    <input type="number" step="0.01" min="0.01" id="amount" name="amount" class="form-control bv-form-control"
                                           placeholder="Amount" value="{{ old('amount', $balance > 0 ? $balance : '') }}" required>
                                    <label for="amount">Amount</label>
                                </div>
                            </div>
                            @error('amount')<div class="bv-form-error">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-credit-card"></i>
                                <div class="form-floating">
                                    <select id="payment_method" name="payment_method" class="form-select bv-form-control">
                                        @foreach(\App\Enums\PaymentMethod::cases() as $method)
                                            <option value="{{ $method->value }}" @selected(old('payment_method', 'lenco') === $method->value)>{{ $method->label() }}</option>
                                        @endforeach
                                    </select>
                                    <label for="payment_method">Payment method</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-hdd-network"></i>
                                <div class="form-floating">
                                    <select id="gateway" name="gateway" class="form-select bv-form-control">
                                        @foreach(\App\Enums\GatewayProvider::cases() as $gw)
                                            <option value="{{ $gw->value }}" @selected(old('gateway', 'lenco') === $gw->value)>{{ $gw->label() }}</option>
                                        @endforeach
                                    </select>
                                    <label for="gateway">Gateway</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-currency-exchange"></i>
                                <div class="form-floating">
                                    <input type="text" id="currency" name="currency" class="form-control bv-form-control"
                                           placeholder="Currency" value="{{ old('currency', $invoice->currency ?? 'ZMW') }}">
                                    <label for="currency">Currency</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-chat-left-text"></i>
                                <div class="form-floating">
                                    <input type="text" id="description" name="description" class="form-control bv-form-control"
                                           placeholder="Description" value="{{ old('description', $invoice ? 'Payment for '.$invoice->invoice_number : '') }}">
                                    <label for="description">Description</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex gap-2 mt-4">
                    <x-ui.button type="submit" variant="primary" icon="bi-lock">Initiate payment</x-ui.button>
                    <x-ui.button variant="ghost" :href="route('finance.payments.index')">Cancel</x-ui.button>
                </div>
            </form>
        </x-ui.card>
    </div>
    <div class="col-lg-5">
        <x-ui.card title="Invoice context">
            @if($invoice)
                <div class="row g-3">
                    <div class="col-12"><span class="text-muted-bv small d-block">Invoice</span><strong class="text-mono">{{ $invoice->invoice_number }}</strong></div>
                    <div class="col-12"><span class="text-muted-bv small d-block">Student</span>{{ $student ? trim($student->fullName()) : '—' }}</div>
                    <div class="col-6"><span class="text-muted-bv small d-block">Total</span>{{ number_format((float) $invoice->total_amount, 2) }}</div>
                    <div class="col-6"><span class="text-muted-bv small d-block">Balance</span><strong>{{ number_format($balance, 2) }}</strong></div>
                </div>
            @else
                <p class="text-muted-bv mb-0">No invoice selected. Enter a student ID and amount to start checkout.</p>
            @endif
        </x-ui.card>
    </div>
</div>
@endsection