@extends('layouts.app')
@section('title', 'Daraja M-PESA Settings')
@section('content')
<div class="max-w-5xl mx-auto space-y-5">
  <div class="flex items-center justify-between gap-3"><div><h1 class="text-2xl font-bold">Daraja M-PESA Settings</h1><p class="text-sm text-ink-muted">Configure STK Push and incoming Buy Goods Till / PayBill confirmations.</p></div><a class="btn-secondary" href="{{ route('mpesa.index') }}">Back to M-PESA</a></div>
  @if(session('success'))<div class="rounded-lg bg-emerald-100 text-emerald-900 p-3">{{ session('success') }}</div>@endif
  @if($errors->any())<div class="rounded-lg bg-rose-100 text-rose-900 p-3"><ul class="list-disc pl-5">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>@endif
  <form method="POST" action="{{ route('mpesa.settings.update') }}" class="card p-5 space-y-5">@csrf
    <div class="flex items-center gap-3"><input id="enabled" name="enabled" value="1" type="checkbox" @checked(old('enabled',$settings['enabled']))><label for="enabled" class="font-semibold">Enable M-PESA payments</label></div>
    <div class="grid md:grid-cols-2 gap-4">
      <div><label class="field-label">Environment</label><select name="env" class="input w-full"><option value="sandbox" @selected(old('env',$settings['env'])==='sandbox')>Sandbox (testing)</option><option value="production" @selected(old('env',$settings['env'])==='production')>Production (live)</option></select><p class="text-xs text-ink-muted mt-1">Use the environment that matches your Daraja app credentials.</p></div>
      <div><label class="field-label">Business Shortcode</label><input name="shortcode" class="input w-full" required value="{{ old('shortcode',$settings['shortcode']) }}" placeholder="e.g. 588880"><p class="text-xs text-ink-muted mt-1">Use the shortcode approved for STK Push, not automatically the Till number.</p></div>
      <div><label class="field-label">Consumer Key</label><input name="consumer_key" class="input w-full" autocomplete="new-password" placeholder="{{ $settings['consumer_key_saved'] ? 'Saved — leave blank to keep current key' : 'Enter Daraja consumer key' }}"><p class="text-xs text-ink-muted mt-1">{{ $settings['consumer_key_saved'] ? 'A key is saved.' : 'No key saved yet.' }}</p></div>
      <div><label class="field-label">Consumer Secret</label><input name="consumer_secret" type="password" class="input w-full" autocomplete="new-password" placeholder="{{ $settings['consumer_secret_saved'] ? 'Saved — leave blank to keep current secret' : 'Enter Daraja consumer secret' }}"><p class="text-xs text-ink-muted mt-1">{{ $settings['consumer_secret_saved'] ? 'A secret is saved.' : 'No secret saved yet.' }}</p></div>
      <div><label class="field-label">Buy Goods Till Number</label><input name="till_number" class="input w-full" value="{{ old('till_number',$settings['till_number']) }}" placeholder="e.g. 983365"></div>
      <div><label class="field-label">Party B / Receiving Shortcode (optional)</label><input name="party_b" class="input w-full" value="{{ old('party_b',$settings['party_b']) }}" placeholder="Defaults to Business Shortcode"></div>
      <div><label class="field-label">Passkey</label><input name="passkey" type="password" class="input w-full" autocomplete="new-password" placeholder="{{ $settings['passkey_saved'] ? 'Saved — leave blank to keep current passkey' : 'Enter STK passkey' }}"><p class="text-xs text-ink-muted mt-1">{{ $settings['passkey_saved'] ? 'Passkey is saved.' : 'No passkey saved yet.' }}</p></div>
      <div><label class="field-label">STK Transaction Type</label><select name="transaction_type" class="input w-full"><option value="CustomerBuyGoodsOnline" @selected(old('transaction_type',$settings['transaction_type'])==='CustomerBuyGoodsOnline')>CustomerBuyGoodsOnline (Till)</option><option value="CustomerPayBillOnline" @selected(old('transaction_type',$settings['transaction_type'])==='CustomerPayBillOnline')>CustomerPayBillOnline (PayBill)</option></select></div>
      <div><label class="field-label">STK Callback Secret</label><input name="callback_secret" class="input w-full" autocomplete="new-password" placeholder="{{ $settings['callback_secret_saved'] ? 'Saved — leave blank to keep current secret' : 'Use a long random secret (24+ characters)' }}"><p class="text-xs text-ink-muted mt-1">{{ $settings['callback_secret_saved'] ? 'Secret saved.' : 'Required for the callback URL.' }}</p></div>
      <div><label class="field-label">C2B Callback Secret</label><input name="c2b_callback_secret" class="input w-full" autocomplete="new-password" placeholder="{{ $settings['c2b_callback_secret_saved'] ? 'Saved — leave blank to keep current secret' : 'Use a different long random secret (24+ characters)' }}"><p class="text-xs text-ink-muted mt-1">{{ $settings['c2b_callback_secret_saved'] ? 'Secret saved.' : 'Required for incoming Till confirmation URLs.' }}</p></div>
    </div>
    <div class="rounded-lg border p-4 space-y-2"><h2 class="font-semibold">Callback URLs</h2><p class="text-xs text-ink-muted">Save secrets first. Register these public HTTPS URLs with Safaricom. Do not share callback secrets publicly.</p><div><label class="field-label">STK Callback</label><input readonly class="input w-full" value="{{ $settings['stk_callback_url'] ?: 'Save an STK callback secret to generate this URL' }}"></div><div><label class="field-label">C2B Confirmation</label><input readonly class="input w-full" value="{{ $settings['c2b_confirmation_url'] ?: 'Save a C2B callback secret to generate this URL' }}"></div><div><label class="field-label">C2B Validation</label><input readonly class="input w-full" value="{{ $settings['c2b_validation_url'] ?: 'Save a C2B callback secret to generate this URL' }}"></div></div>
    <div class="flex flex-wrap gap-3"><button class="btn-primary" type="submit">Save Daraja Settings</button><a class="btn-secondary" href="{{ route('mpesa.index') }}">Cancel</a></div>
  </form>
  <p class="text-sm text-ink-muted">Credentials are encrypted before storage. Blank secret fields preserve the saved value. Saving settings does not register URLs with Safaricom; register C2B URLs separately and test in Sandbox first.</p>
</div>
@endsection