@extends('layouts.app')

@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between">
        <h2 class="text-2xl font-bold">Settings</h2>
        <p class="text-sm opacity-70">Admin-only. Leave secret fields blank to keep current values.</p>
    </div>

    @if (session('status'))
        <div class="alert alert-success">
            <span>{{ session('status') }}</span>
        </div>
    @endif
    @if (session('error'))
        <div class="alert alert-error">
            <span>{{ session('error') }}</span>
        </div>
    @endif

    <form method="POST" action="{{ route('admin.settings.update') }}" class="space-y-6">
        @csrf

        <div class="card bg-base-100 shadow">
            <div class="card-body">
                <h3 class="font-semibold mb-4">Application</h3>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div>
                        <label class="label">
                            <span class="label-text">APP_NAME</span>
                        </label>
                        <input
                            name="APP_NAME"
                            value="{{ old('APP_NAME', $appName) }}"
                            class="input input-bordered w-full"
                            placeholder="Invoice Management System"
                        >
                    </div>

                    <div>
                        <label class="label cursor-pointer justify-start gap-3">
                            <input type="hidden" name="INVOICE_EMAIL_ENABLED" value="0">
                            <input
                                type="checkbox"
                                name="INVOICE_EMAIL_ENABLED"
                                value="1"
                                class="toggle toggle-primary"
                                {{ $invoiceEmailEnabled ? 'checked' : '' }}
                            >
                            <span class="label-text">Send Invoice Email to Client</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>

        <div class="card bg-base-100 shadow">
            <div class="card-body">
                <h3 class="font-semibold mb-4">Mail</h3>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div>
                        <label class="label">
                            <span class="label-text">MAIL_DRIVER</span>
                        </label>
                        <select name="MAIL_DRIVER" class="select select-bordered w-full">
                            @php
                                $drivers = ['smtp', 'log', 'array', 'ses', 'mailgun', 'postmark'];
                            @endphp
                            @foreach($drivers as $d)
                                <option value="{{ $d }}" {{ $mailDriver === $d ? 'selected' : '' }}>
                                    {{ $d }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div>
                        <label class="label">
                            <span class="label-text">MAIL_HOST</span>
                        </label>
                        <input name="MAIL_HOST" value="{{ old('MAIL_HOST', $mailHost) }}" class="input input-bordered w-full" placeholder="mail.example.com">
                    </div>

                    <div>
                        <label class="label">
                            <span class="label-text">MAIL_PORT</span>
                        </label>
                        <input name="MAIL_PORT" value="{{ old('MAIL_PORT', $mailPort) }}" class="input input-bordered w-full" placeholder="465">
                    </div>

                    <div>
                        <label class="label">
                            <span class="label-text">MAIL_USERNAME</span>
                        </label>
                        <input name="MAIL_USERNAME" value="{{ old('MAIL_USERNAME', $mailUsername) }}" class="input input-bordered w-full" placeholder="billing@domain.com">
                    </div>

                    <div>
                        <label class="label">
                            <span class="label-text">MAIL_PASSWORD</span>
                        </label>
                        <input name="MAIL_PASSWORD" type="password" class="input input-bordered w-full" placeholder="Leave blank to keep current">
                    </div>

                    <div>
                        <label class="label">
                            <span class="label-text">MAIL_ENCRYPTION</span>
                        </label>
                        <input name="MAIL_ENCRYPTION" value="{{ old('MAIL_ENCRYPTION', $mailEncryption) }}" class="input input-bordered w-full" placeholder="ssl or tls (or leave blank)">
                    </div>

                    <div>
                        <label class="label">
                            <span class="label-text">MAIL_FROM_ADDRESS</span>
                        </label>
                        <input name="MAIL_FROM_ADDRESS" value="{{ old('MAIL_FROM_ADDRESS', $mailFromAddress) }}" class="input input-bordered w-full" placeholder="billing@gologonow.app">
                    </div>

                    <div>
                        <label class="label">
                            <span class="label-text">MAIL_FROM_NAME</span>
                        </label>
                        <input name="MAIL_FROM_NAME" value="{{ old('MAIL_FROM_NAME', $mailFromName) }}" class="input input-bordered w-full" placeholder="{{ $appName }}">
                    </div>

                    <div class="md:col-span-2">
                        <label class="label">
                            <span class="label-text">MAIL_TEST_TO</span>
                        </label>
                        <input name="MAIL_TEST_TO" value="{{ old('MAIL_TEST_TO', $mailTestTo) }}" class="input input-bordered w-full" placeholder="you@example.com">
                    </div>
                </div>

                <div class="mt-5 flex justify-end">
                    <button class="btn btn-primary" type="submit">
                        Save Settings
                    </button>
                </div>
            </div>
        </div>

        <div class="card bg-base-100 shadow">
            <div class="card-body">
                <h3 class="font-semibold mb-4">Stripe</h3>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div>
                        <label class="label">
                            <span class="label-text">STRIPE_KEY</span>
                        </label>
                        <input name="STRIPE_KEY" value="{{ old('STRIPE_KEY', $stripeKey) }}" class="input input-bordered w-full" placeholder="pk_live_...">
                    </div>

                    <div>
                        <label class="label">
                            <span class="label-text">STRIPE_SECRET</span>
                        </label>
                        <input name="STRIPE_SECRET" type="password" class="input input-bordered w-full" placeholder="{{ $stripeSecretSet ? 'Saved (leave blank to keep current)' : 'sk_live_...' }}">
                    </div>

                    <div class="md:col-span-2">
                        <label class="label">
                            <span class="label-text">STRIPE_WEBHOOK_SECRET</span>
                        </label>
                        <input
                            name="STRIPE_WEBHOOK_SECRET"
                            type="password"
                            class="input input-bordered w-full"
                            placeholder="{{ $webhookSecretSet ? 'Saved (leave blank to keep current)' : 'whsec_...' }}"
                        >
                    </div>
                </div>

                <div class="mt-6">
                    <div class="alert alert-info">
                        <span>After saving, use the test buttons below to check Stripe keys and verify webhook signatures.</span>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <div class="card bg-base-100 shadow">
        <div class="card-body">
            <h3 class="font-semibold mb-4">Test Email</h3>
            <form method="POST" action="{{ route('admin.settings.test-email') }}" class="space-y-3">
                @csrf
                <div>
                    <label class="label">
                        <span class="label-text">Recipient (optional)</span>
                    </label>
                    <input
                        name="to"
                        class="input input-bordered w-full"
                        placeholder="Uses MAIL_TEST_TO if empty"
                        value="{{ old('to') }}"
                    >
                </div>
                <button class="btn btn-secondary" type="submit">Send Test Email</button>
            </form>
        </div>
    </div>

    <div class="card bg-base-100 shadow">
        <div class="card-body">
            <h3 class="font-semibold mb-4">Test Stripe</h3>
            <form method="POST" action="{{ route('admin.settings.test-stripe') }}">
                @csrf
                <button class="btn btn-secondary" type="submit">Test Stripe Keys</button>
            </form>
        </div>
    </div>

    <div class="card bg-base-100 shadow">
        <div class="card-body">
            <h3 class="font-semibold mb-4">Verify Webhook Signature</h3>
            <p class="text-sm opacity-70 mb-4">
                Paste the raw webhook payload and the exact <code>Stripe-Signature</code> header value from Stripe.
            </p>

            <form method="POST" action="{{ route('admin.settings.verify-webhook') }}" class="space-y-3">
                @csrf
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div>
                        <label class="label">
                            <span class="label-text">Stripe-Signature header</span>
                        </label>
                        <input name="stripe_signature" class="input input-bordered w-full" placeholder="t=...,v1=...,v0=...">
                    </div>
                    <div class="md:col-span-1">
                        <label class="label">
                            <span class="label-text">Tip</span>
                        </label>
                        <div class="text-sm opacity-70">
                            If verification fails, payload formatting probably differs from Stripe’s original request body.
                        </div>
                    </div>
                </div>

                <div>
                    <label class="label">
                        <span class="label-text">Raw payload (request body)</span>
                    </label>
                    <textarea name="payload" rows="6" class="textarea textarea-bordered w-full font-mono" placeholder='{"id":"evt_...","type":"checkout.session.completed", ...}'></textarea>
                </div>

                <button class="btn btn-primary" type="submit">Verify Webhook</button>
            </form>
        </div>
    </div>
</div>
@endsection