@extends('layouts.admin')

@section('title', 'Finance Settings')

@section('content')
@php
    $gateway = old('gateway_config', $settings->gateway_config ?? []);
    $numbering = old('numbering', $settings->numbering ?? []);
    $activeTab = request('tab', 'general');
@endphp

<x-ui.page-header
    title="Finance Settings"
    :subtitle="'Configure student finance for ' . ($institution->name ?? 'your institution') . '.'"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Finance', 'href' => route('finance.dashboard')],
        ['label' => 'Settings'],
    ]"
/>

@include('institution.partials.flash')

<form method="POST" action="{{ $formAction }}">
    @csrf
    @method($formMethod)

    <ul class="nav nav-tabs bv-tabs__list" role="tablist">
        @foreach([
            'general' => ['General', 'bi-sliders'],
            'gateways' => ['Gateways', 'bi-credit-card'],
            'numbering' => ['Numbering', 'bi-hash'],
        ] as $key => [$label, $icon])
            <li class="nav-item" role="presentation">
                <button class="nav-link bv-tabs__link {{ $activeTab === $key ? 'active' : '' }}"
                        id="tab-{{ $key }}-btn"
                        data-bs-toggle="tab"
                        data-bs-target="#tab-{{ $key }}"
                        type="button"
                        role="tab">
                    <i class="bi {{ $icon }} me-1"></i>{{ $label }}
                </button>
            </li>
        @endforeach
    </ul>

    <div class="tab-content mt-4">
        <div class="tab-pane fade {{ $activeTab === 'general' ? 'show active' : '' }}" id="tab-general" role="tabpanel">
            <x-ui.card title="General settings">
                <div class="row g-3">
                    <div class="col-md-4">
                        <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', $settings->currency ?? 'ZMW') }}">
                                    <label for="currency">Currency</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-percent"></i>
                                <div class="form-floating">
                                    <input type="number" step="0.0001" id="tax_rate" name="tax_rate" class="form-control bv-form-control"
                                           placeholder="Tax" value="{{ old('tax_rate', $settings->tax_rate ?? 0) }}">
                                    <label for="tax_rate">Tax rate</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-hourglass"></i>
                                <div class="form-floating">
                                    <input type="number" id="payment_timeout_minutes" name="payment_timeout_minutes" class="form-control bv-form-control"
                                           placeholder="Timeout" value="{{ old('payment_timeout_minutes', $settings->payment_timeout_minutes ?? 30) }}">
                                    <label for="payment_timeout_minutes">Payment timeout (minutes)</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-type"></i>
                                <div class="form-floating">
                                    <input type="text" id="invoice_prefix" name="invoice_prefix" class="form-control bv-form-control"
                                           placeholder="INV" value="{{ old('invoice_prefix', $settings->invoice_prefix ?? 'INV') }}">
                                    <label for="invoice_prefix">Invoice prefix</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-type"></i>
                                <div class="form-floating">
                                    <input type="text" id="receipt_prefix" name="receipt_prefix" class="form-control bv-form-control"
                                           placeholder="RCP" value="{{ old('receipt_prefix', $settings->receipt_prefix ?? 'RCP') }}">
                                    <label for="receipt_prefix">Receipt prefix</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-credit-card-2-front"></i>
                                <div class="form-floating">
                                    <select id="default_gateway" name="default_gateway" class="form-select bv-form-control">
                                        @foreach(['lenco' => 'Lenco', 'stripe' => 'Stripe', 'manual' => 'Manual'] as $value => $label)
                                            <option value="{{ $value }}" @selected(old('default_gateway', $settings->default_gateway ?? 'lenco') === $value)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                    <label for="default_gateway">Default gateway</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </x-ui.card>
        </div>

        <div class="tab-pane fade {{ $activeTab === 'gateways' ? 'show active' : '' }}" id="tab-gateways" role="tabpanel">
            <x-ui.card title="Payment gateways">
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="lenco_enabled"
                                   name="gateway_config[lenco_enabled]" value="1"
                                   @checked(old('gateway_config.lenco_enabled', $gateway['lenco_enabled'] ?? true))>
                            <label class="form-check-label" for="lenco_enabled">Enable Lenco</label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="stripe_enabled"
                                   name="gateway_config[stripe_enabled]" value="1"
                                   @checked(old('gateway_config.stripe_enabled', $gateway['stripe_enabled'] ?? false))>
                            <label class="form-check-label" for="stripe_enabled">Enable Stripe</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="alert alert-info mb-0">
                            <i class="bi bi-shield-lock me-1"></i>
                            API keys and webhook secrets are <strong>configured via .env</strong> and are not shown or editable here.
                        </div>
                    </div>
                </div>
            </x-ui.card>
        </div>

        <div class="tab-pane fade {{ $activeTab === 'numbering' ? 'show active' : '' }}" id="tab-numbering" role="tabpanel">
            <x-ui.card title="Numbering">
                <div class="row g-3">
                    <div class="col-md-4">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-123"></i>
                                <div class="form-floating">
                                    <input type="number" id="invoice_pad" name="numbering[invoice_pad]" class="form-control bv-form-control"
                                           placeholder="Pad" value="{{ old('numbering.invoice_pad', $numbering['invoice_pad'] ?? 6) }}">
                                    <label for="invoice_pad">Invoice pad length</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-123"></i>
                                <div class="form-floating">
                                    <input type="number" id="receipt_pad" name="numbering[receipt_pad]" class="form-control bv-form-control"
                                           placeholder="Pad" value="{{ old('numbering.receipt_pad', $numbering['receipt_pad'] ?? 6) }}">
                                    <label for="receipt_pad">Receipt pad length</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-calendar"></i>
                                <div class="form-floating">
                                    <select id="include_year" name="numbering[include_year]" class="form-select bv-form-control">
                                        <option value="1" @selected(old('numbering.include_year', $numbering['include_year'] ?? '1') == '1')>Yes</option>
                                        <option value="0" @selected(old('numbering.include_year', $numbering['include_year'] ?? '1') == '0')>No</option>
                                    </select>
                                    <label for="include_year">Include year</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </x-ui.card>
        </div>
    </div>

    <div class="d-flex gap-2 mt-4">
        <x-ui.button type="submit" variant="primary" icon="bi-check-lg">Save settings</x-ui.button>
    </div>
</form>
@endsection