@extends('admin.layouts.app')
@section('title', __('mpesa::mpesa.nav.settings'))
@section('content')
@php
    $t = fn ($k, $r = []) => __('mpesa::mpesa.settings.'.$k, $r);
    $val = fn ($k) => old($k, $config->get($k));
    $envVal = fn ($f) => old($f, $config->env($f, $edit));
    $flag = fn ($k) => (string) old($k, $config->get($k)) === '1';
    $live = $config->environment();
@endphp
@include('mpesa::admin._nav', ['title' => __('mpesa::mpesa.nav.settings')])

<style>
    .mp-set .card{margin-bottom:15px}
    .mp-set .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 18px}
    .mp-set small{display:block;color:#777;margin-top:3px;font-size:11.5px}
    .mp-set .url{font-family:monospace;font-size:12px;background:#f6f7f9;padding:6px 8px;border-radius:4px;word-break:break-all}
    .mp-set .envtab{padding:6px 14px;border:1px solid #ddd;border-radius:4px;text-decoration:none;font-size:13px;color:#555}
    .mp-set .envtab.on{background:#337ab7;border-color:#337ab7;color:#fff}
</style>

<div class="mp-set">
@foreach($warnings as $w)
    <div class="alert alert-info" style="font-size:13px;">{{ $w }}</div>
@endforeach
@if($problems)
    <div class="alert alert-warning"><strong>{{ $t('problems_in', ['env' => $edit]) }}</strong><ul style="margin:6px 0 0 18px;">@foreach($problems as $p)<li>{{ $p }}</li>@endforeach</ul></div>
@endif

<div class="card"><div class="card-body" style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
    <span style="font-size:13px;">{{ $t('editing') }}</span>
    @foreach(['sandbox', 'production'] as $e)
        <a href="{{ route('admin.mpesa.settings', ['env' => $e]) }}" class="envtab {{ $edit === $e ? 'on' : '' }}">{{ ucfirst($e) }}{{ $live === $e ? ' ('.$t('in_use').')' : '' }}</a>
    @endforeach
    <span style="font-size:12px;color:#777;margin-left:auto;">{{ $t('editing_hint') }}</span>
</div></div>

<form method="POST" action="{{ route('admin.mpesa.settings.update') }}" autocomplete="off">
    @csrf
    <input type="hidden" name="edit_env" value="{{ $edit }}">

    <div class="card">
        <div class="card-header"><strong>{{ $t('section_gateway') }}</strong></div>
        <div class="card-body grid">
            <div>
                <label class="form-label">{{ $t('environment') }}</label>
                <select name="environment" class="form-control">
                    <option value="sandbox" @selected($val('environment') === 'sandbox')>{{ __('mpesa::mpesa.env.sandbox') }}</option>
                    <option value="production" @selected($val('environment') === 'production')>{{ __('mpesa::mpesa.env.production') }}</option>
                </select>
                @if($live !== 'production')
                <label style="font-size:12px;margin-top:6px;display:block;"><input type="checkbox" name="confirm_production" value="1"> {{ $t('confirm_production') }}</label>
                @endif
            </div>
            <div>
                <label class="form-label">{{ $t('merchant_type') }}</label>
                <select name="merchant_type" class="form-control">
                    <option value="paybill" @selected($val('merchant_type') === 'paybill')>PayBill</option>
                    <option value="till" @selected($val('merchant_type') === 'till')>Till (Buy Goods)</option>
                </select>
            </div>
            <div>
                <label style="margin-top:22px;display:block;"><input type="checkbox" name="active" value="1" @checked($flag('active'))> <strong>{{ $t('active') }}</strong></label>
                <small>{{ $t('active_hint') }}</small>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><strong>{{ $t('section_merchant', ['env' => $edit]) }}</strong></div>
        <div class="card-body grid">
            <div><label class="form-label">{{ $t('shortcode') }}</label><input type="text" name="shortcode" class="form-control" value="{{ $envVal('shortcode') }}" inputmode="numeric"><small>{{ $t('shortcode_hint') }}</small></div>
            <div><label class="form-label">{{ $t('till_number') }}</label><input type="text" name="till_number" class="form-control" value="{{ $envVal('till_number') }}" inputmode="numeric"><small>{{ $t('till_hint') }}</small></div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><strong>{{ $t('section_credentials', ['env' => $edit]) }}</strong></div>
        <div class="card-body grid">
            @foreach(['consumer_key', 'consumer_secret', 'passkey'] as $f)
            <div>
                <label class="form-label">{{ $t($f) }}</label>
                <input type="password" name="{{ $f }}" class="form-control" autocomplete="new-password" placeholder="{{ $secrets[$f] ? $t('stored', ['last' => $secrets[$f]]) : $t('not_set') }}">
                @if($secrets[$f])<label style="font-size:11.5px;"><input type="checkbox" name="clear[]" value="{{ $f }}"> {{ $t('clear') }}</label>@endif
                <small>{{ $t($f.'_hint') }}</small>
            </div>
            @endforeach
        </div>
    </div>

    <div class="card">
        <div class="card-header"><strong>{{ $t('section_initiator', ['env' => $edit]) }}</strong></div>
        <div class="card-body">
            <p style="font-size:12.5px;color:#555;margin-top:0;">{{ $t('initiator_intro') }}</p>
            <div class="grid">
                <div><label class="form-label">{{ $t('initiator_name') }}</label><input type="text" name="initiator_name" class="form-control" value="{{ $envVal('initiator_name') }}"></div>
                @foreach(['security_credential', 'initiator_password'] as $f)
                <div>
                    <label class="form-label">{{ $t($f) }}</label>
                    <input type="password" name="{{ $f }}" class="form-control" autocomplete="new-password" placeholder="{{ $secrets[$f] ? $t('stored', ['last' => $secrets[$f]]) : $t('not_set') }}">
                    @if($secrets[$f])<label style="font-size:11.5px;"><input type="checkbox" name="clear[]" value="{{ $f }}"> {{ $t('clear') }}</label>@endif
                    <small>{{ $t($f.'_hint') }}</small>
                </div>
                @endforeach
            </div>
            <div style="margin-top:10px;"><label class="form-label">{{ $t('certificate') }}</label>
                <textarea name="certificate" rows="3" class="form-control" style="font-family:monospace;font-size:11px;" placeholder="-----BEGIN CERTIFICATE-----">{{ $envVal('certificate') }}</textarea>
                <small>{{ $t('certificate_hint') }}</small></div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><strong>{{ $t('section_customer') }}</strong></div>
        <div class="card-body grid">
            <div><label class="form-label">{{ $t('display_name') }}</label><input type="text" name="display_name" class="form-control" value="{{ $val('display_name') }}" maxlength="60"></div>
            <div><label class="form-label">{{ $t('description') }}</label><input type="text" name="description" class="form-control" value="{{ $val('description') }}" maxlength="300"></div>
            <div style="grid-column:1/-1;"><label class="form-label">{{ $t('instructions') }}</label><textarea name="instructions" rows="3" class="form-control" maxlength="1000">{{ $val('instructions') }}</textarea><small>{{ $t('instructions_hint') }}</small></div>
            <div><label><input type="checkbox" name="stk_enabled" value="1" @checked($flag('stk_enabled'))> {{ $t('stk_enabled') }}</label></div>
            <div><label><input type="checkbox" name="manual_enabled" value="1" @checked($flag('manual_enabled'))> {{ $t('manual_enabled') }}</label><small>{{ $t('manual_hint') }}</small></div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><strong>{{ $t('section_callbacks') }}</strong></div>
        <div class="card-body">
            <p style="font-size:12.5px;color:#555;margin-top:0;">{{ $t('callbacks_intro') }}</p>
            <div style="margin-bottom:10px;max-width:520px;"><label class="form-label">{{ $t('callback_base_url') }}</label>
                <input type="url" name="callback_base_url" class="form-control" value="{{ $val('callback_base_url') }}" placeholder="https://billing.yourdomain.co.ke">
                <small>{{ $t('callback_base_url_hint') }}</small></div>
            @foreach($urls as $kind => $url)
                <div style="margin-bottom:6px;"><span style="font-size:12px;color:#777;display:inline-block;width:90px;">{{ $kind }}</span><span class="url">{{ $url }}</span></div>
            @endforeach
            <p style="font-size:12.5px;margin:10px 0;">
                {{ $t('c2b_status') }}:
                @if($c2b && ($c2b['ok'] ?? false))<span class="badge badge-active">{{ $t('registered_at', ['at' => $c2b['at']]) }}</span>
                @elseif($c2b)<span class="badge badge-terminated">{{ $t('registration_failed', ['at' => $c2b['at'], 'message' => $c2b['message'] ?? '']) }}</span>
                @else<span class="badge badge-pending">{{ $t('not_registered') }}</span>@endif
            </p>
            <div class="grid">
                <div><label class="form-label">{{ $t('response_type') }}</label>
                    <select name="c2b_response_type" class="form-control"><option value="Completed" @selected($val('c2b_response_type') === 'Completed')>Completed</option><option value="Cancelled" @selected($val('c2b_response_type') === 'Cancelled')>Cancelled</option></select>
                    <small>{{ $t('response_type_hint') }}</small></div>
                <div><label><input type="checkbox" name="validation_enabled" value="1" @checked($flag('validation_enabled'))> {{ $t('validation_enabled') }}</label><small>{{ $t('validation_hint') }}</small>
                    <label style="margin-top:6px;display:block;"><input type="checkbox" name="validation_reject_unknown" value="1" @checked($flag('validation_reject_unknown'))> {{ $t('validation_reject_unknown') }}</label></div>
                <div><label><input type="checkbox" name="verify_stk" value="1" @checked($flag('verify_stk'))> {{ $t('verify_stk') }}</label><small>{{ $t('verify_stk_hint') }}</small>
                    <label style="margin-top:6px;display:block;"><input type="checkbox" name="verify_c2b" value="1" @checked($flag('verify_c2b'))> {{ $t('verify_c2b') }}</label><small>{{ $t('verify_c2b_hint') }}</small></div>
                <div><label><input type="checkbox" name="ip_check" value="1" @checked($flag('ip_check'))> {{ $t('ip_check') }}</label>
                    <textarea name="ip_allowlist" rows="4" class="form-control" style="font-family:monospace;font-size:11px;margin-top:4px;">{{ $val('ip_allowlist') }}</textarea><small>{{ $t('ip_hint') }}</small></div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><strong>{{ $t('section_matching') }}</strong></div>
        <div class="card-body grid">
            @foreach(['underpayment_policy' => ['allocate', 'review'], 'overpayment_policy' => ['credit', 'review'], 'closed_invoice_policy' => ['credit', 'review']] as $k => $opts)
            <div><label class="form-label">{{ $t($k) }}</label>
                <select name="{{ $k }}" class="form-control">@foreach($opts as $o)<option value="{{ $o }}" @selected($val($k) === $o)>{{ $t('policy_'.$o) }}</option>@endforeach</select>
                <small>{{ $t($k.'_hint') }}</small></div>
            @endforeach
            <div><label><input type="checkbox" name="phone_matching" value="1" @checked($flag('phone_matching'))> {{ $t('phone_matching') }}</label><small>{{ $t('phone_matching_hint') }}</small></div>
            <div><label><input type="checkbox" name="claim_requires_phone" value="1" @checked($flag('claim_requires_phone'))> {{ $t('claim_requires_phone') }}</label><small>{{ $t('claim_requires_phone_hint') }}</small></div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><strong>{{ $t('section_reconciliation') }}</strong></div>
        <div class="card-body grid">
            @foreach(['reconcile_minutes', 'stk_query_after_seconds', 'stk_give_up_minutes', 'stk_max_queries', 'retry_limit', 'retry_minutes', 'pull_overlap_minutes', 'api_failure_alert', 'callback_retention_days'] as $k)
            <div><label class="form-label">{{ $t($k) }}</label><input type="number" name="{{ $k }}" class="form-control" value="{{ $val($k) }}" min="0"><small>{{ $t($k.'_hint') }}</small></div>
            @endforeach
            <div><label><input type="checkbox" name="pull_enabled" value="1" @checked($flag('pull_enabled'))> {{ $t('pull_enabled') }}</label><small>{{ $t('pull_hint') }}</small></div>
            <div><label class="form-label">{{ $t('pull_nominated_number', ['env' => $edit]) }}</label><input type="text" name="pull_nominated_number" class="form-control" value="{{ $envVal('pull_nominated_number') }}"><small>{{ $t('pull_nominated_hint') }}</small></div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><strong>{{ $t('section_reversals') }}</strong></div>
        <div class="card-body grid">
            <div><label class="form-label">{{ $t('reversal_approval_threshold') }}</label><input type="number" step="0.01" name="reversal_approval_threshold" class="form-control" value="{{ $val('reversal_approval_threshold') }}"><small>{{ $t('reversal_approval_threshold_hint') }}</small></div>
            <div><label class="form-label">{{ $t('reversal_max_amount') }}</label><input type="number" step="0.01" name="reversal_max_amount" class="form-control" value="{{ $val('reversal_max_amount') }}"><small>{{ $t('reversal_max_amount_hint') }}</small></div>
            <div><label><input type="checkbox" name="reversal_always_dual" value="1" @checked($flag('reversal_always_dual'))> {{ $t('reversal_always_dual') }}</label></div>
            <div><label class="form-label">{{ $t('reversal_invoice_policy') }}</label>
                <select name="reversal_invoice_policy" class="form-control"><option value="reopen" @selected($val('reversal_invoice_policy') === 'reopen')>{{ $t('policy_reopen') }}</option><option value="refunded" @selected($val('reversal_invoice_policy') === 'refunded')>{{ $t('policy_refunded') }}</option></select>
                <small>{{ $t('reversal_invoice_policy_hint') }}</small></div>
            <div><label><input type="checkbox" name="notify_customer_failure" value="1" @checked($flag('notify_customer_failure'))> {{ $t('notify_customer_failure') }}</label><small>{{ $t('notifications_hint') }}</small></div>
        </div>
    </div>

    <div style="margin-bottom:20px;"><button class="btn btn-primary">{{ $t('save') }}</button></div>
</form>

<div class="card">
    <div class="card-header"><strong>{{ $t('section_actions', ['env' => $edit]) }}</strong></div>
    <div class="card-body" style="display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;">
        <form method="POST" action="{{ route('admin.mpesa.settings.test') }}">@csrf<input type="hidden" name="env" value="{{ $edit }}">
            <button class="btn btn-default btn-sm">{{ $t('test_connection') }}</button>
            @if($lastTest)<small>{{ $t('last_test', ['at' => $lastTest['at'], 'result' => ($lastTest['ok'] ?? false) ? 'OK' : ($lastTest['message'] ?? 'failed')]) }}</small>@endif
        </form>
        <form method="POST" action="{{ route('admin.mpesa.settings.register-c2b') }}" onsubmit="return confirm(@js($edit === 'production' ? $t('register_production_confirm') : $t('register_confirm')))">@csrf<input type="hidden" name="env" value="{{ $edit }}">
            <button class="btn btn-default btn-sm">{{ $t('register_c2b') }}</button></form>
        <form method="POST" action="{{ route('admin.mpesa.settings.register-pull') }}">@csrf<input type="hidden" name="env" value="{{ $edit }}">
            <button class="btn btn-default btn-sm">{{ $t('register_pull') }}</button>
            @if($pull)<small>{{ ($pull['ok'] ?? false) ? $t('registered_at', ['at' => $pull['at']]) : $t('registration_failed', ['at' => $pull['at'], 'message' => $pull['message'] ?? '']) }}</small>@endif
        </form>
        <form method="POST" action="{{ route('admin.mpesa.settings.rotate-token') }}" onsubmit="return confirm(@js($t('rotate_confirm')))">@csrf<input type="hidden" name="env" value="{{ $edit }}"><input type="hidden" name="confirm" value="1">
            <button class="btn btn-default btn-sm">{{ $t('rotate_token') }}</button></form>
    </div>
    @if($live === 'sandbox')
    <form method="POST" action="{{ route('admin.mpesa.settings.simulate') }}" class="card-body" style="border-top:1px solid #eee;display:flex;gap:8px;align-items:end;flex-wrap:wrap;">
        @csrf
        <div><label class="form-label" style="font-size:12px;">{{ $t('simulate_amount') }}</label><input type="number" name="amount" value="10" min="1" class="form-control input-sm" style="width:100px;"></div>
        <div><label class="form-label" style="font-size:12px;">{{ $t('simulate_msisdn') }}</label><input type="text" name="msisdn" value="254708374149" class="form-control input-sm" style="width:150px;"></div>
        <div><label class="form-label" style="font-size:12px;">{{ $t('simulate_invoice') }}</label><input type="number" name="invoice_id" class="form-control input-sm" style="width:110px;"></div>
        <button class="btn btn-default btn-sm">{{ $t('simulate') }}</button>
        <small style="flex-basis:100%;">{{ $t('simulate_hint') }}</small>
    </form>
    @endif
</div>
</div>
@endsection