@extends('admin.layouts.admin')

@section('title', isset($provider) ? 'POS Saglayici Duzenle' : 'Yeni POS Saglayici')
@section('page-title', isset($provider) ? 'POS Saglayici Duzenle' : 'Yeni POS Saglayici')

@section('content')
<div class="max-w-2xl">
    <div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 p-6">
        <form method="POST" action="{{ isset($provider) ? '/admin/pos/' . $provider->id : '/admin/pos' }}">
            @csrf
            @if(isset($provider))
                @method('PUT')
            @endif

            <div class="space-y-5">
                {{-- Provider --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Saglayici Kodu</label>
                    <input type="text" name="provider" value="{{ old('provider', $provider->provider ?? '') }}" required
                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none transition-colors"
                        placeholder="ornek: iyzico, paytr, param">
                    <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">Saglayicinin teknik kodu (kucuk harf, bosluksuz)</p>
                </div>

                {{-- Name --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Saglayici Adi</label>
                    <input type="text" name="name" value="{{ old('name', $provider->name ?? '') }}" required
                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none transition-colors"
                        placeholder="ornek: iyzico Sanal POS">
                </div>

                {{-- Merchant ID --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Merchant ID (Uye Isyeri No)</label>
                    <input type="text" name="credentials[merchant_id]" value="{{ old('credentials.merchant_id', $provider->credentials['merchant_id'] ?? '') }}"
                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none transition-colors"
                        placeholder="Uye isyeri numaraniz">
                </div>

                {{-- API Key --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">API Key</label>
                    <input type="text" name="credentials[api_key]" value="{{ old('credentials.api_key', $provider->credentials['api_key'] ?? '') }}"
                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none transition-colors"
                        placeholder="API anahtarinizi girin">
                </div>

                {{-- API Secret --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">API Secret</label>
                    <input type="password" name="credentials[api_secret]" value="{{ old('credentials.api_secret', $provider->credentials['api_secret'] ?? '') }}"
                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none transition-colors"
                        placeholder="API sirrinizi girin">
                </div>

                {{-- 3D Secure Key --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">3D Secure Key (Opsiyonel)</label>
                    <input type="text" name="credentials[secure_key]" value="{{ old('credentials.secure_key', $provider->credentials['secure_key'] ?? '') }}"
                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none transition-colors"
                        placeholder="3D Secure anahtari">
                </div>

                {{-- Base URL --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">API Base URL</label>
                    <input type="url" name="settings[base_url]" value="{{ old('settings.base_url', $provider->settings['base_url'] ?? '') }}"
                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none transition-colors"
                        placeholder="https://api.ornek.com/v1">
                </div>

                {{-- Mode --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Ortam</label>
                    <select name="settings[mode]" class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none transition-colors">
                        <option value="test" {{ old('settings.mode', $provider->settings['mode'] ?? 'test') === 'test' ? 'selected' : '' }}>Test (Sandbox)</option>
                        <option value="live" {{ old('settings.mode', $provider->settings['mode'] ?? 'test') === 'live' ? 'selected' : '' }}>Canli (Production)</option>
                    </select>
                </div>

                {{-- Toggles --}}
                <div class="flex items-center gap-6 pt-2">
                    <label class="flex items-center gap-2 cursor-pointer">
                        <input type="hidden" name="is_active" value="0">
                        <input type="checkbox" name="is_active" value="1" {{ old('is_active', $provider->is_active ?? true) ? 'checked' : '' }}
                            class="w-4 h-4 text-indigo-600 border-gray-300 dark:border-gray-600 rounded focus:ring-indigo-500 dark:bg-gray-700">
                        <span class="text-sm text-gray-700 dark:text-gray-300">Aktif</span>
                    </label>
                    <label class="flex items-center gap-2 cursor-pointer">
                        <input type="hidden" name="is_default" value="0">
                        <input type="checkbox" name="is_default" value="1" {{ old('is_default', $provider->is_default ?? false) ? 'checked' : '' }}
                            class="w-4 h-4 text-indigo-600 border-gray-300 dark:border-gray-600 rounded focus:ring-indigo-500 dark:bg-gray-700">
                        <span class="text-sm text-gray-700 dark:text-gray-300">Varsayilan Saglayici</span>
                    </label>
                </div>
            </div>

            {{-- Actions --}}
            <div class="flex items-center gap-3 mt-8 pt-6 border-t border-gray-200 dark:border-gray-700">
                <button type="submit" class="px-6 py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium rounded-lg transition-colors">
                    {{ isset($provider) ? 'Guncelle' : 'Kaydet' }}
                </button>
                <a href="/admin/pos" class="px-6 py-2.5 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-300 text-sm font-medium rounded-lg transition-colors">
                    Iptal
                </a>
            </div>
        </form>
    </div>
</div>
@endsection