@extends('admin.layouts.admin')

@section('title', isset($provider) ? 'SMS Saglayici Duzenle' : 'Yeni SMS Saglayici')
@section('page-title', isset($provider) ? 'SMS Saglayici Duzenle' : 'Yeni SMS 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/sms/' . $provider->id : '/admin/sms' }}">
            @csrf
            @if(isset($provider))
                @method('PUT')
            @endif

            <div class="space-y-5">
                <input type="hidden" name="provider" value="kktc_telsim">

                {{-- Provider info --}}
                <div class="flex items-center gap-3 p-3 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg">
                    <div class="w-10 h-10 bg-blue-100 dark:bg-blue-900/40 rounded-lg flex items-center justify-center flex-shrink-0">
                        <svg class="w-5 h-5 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"/></svg>
                    </div>
                    <div>
                        <p class="text-sm font-medium text-blue-800 dark:text-blue-300">KKTC Telsim / Adenon SMS GW</p>
                        <p class="text-xs text-blue-600 dark:text-blue-400">HTTP/XML API &bull; toplusms.kktctelsim.com</p>
                    </div>
                </div>

                {{-- Name --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Tanim Adi</label>
                    <input type="text" name="name" value="{{ old('name', $provider->name ?? 'KKTC Telsim SMS') }}" 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: KKTC Telsim SMS">
                </div>

                <div class="border-t border-gray-200 dark:border-gray-700 pt-5">
                    <h3 class="text-sm font-semibold text-gray-800 dark:text-white mb-3">Kimlik Bilgileri</h3>
                </div>

                {{-- Username --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Kullanici Adi (UserName)</label>
                    <input type="text" name="credentials[username]" value="{{ old('credentials.username', $provider->credentials['username'] ?? '') }}"
                        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="Telsim tarafindan verilen kullanici adi">
                </div>

                {{-- Password --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Sifre (PassWord)</label>
                    <input type="password" name="credentials[password]" value="{{ old('credentials.password', $provider->credentials['password'] ?? '') }}"
                        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="Telsim tarafindan verilen sifre">
                </div>

                {{-- Sender ID / Originator --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Gonderen Basligi (Originator)</label>
                    <input type="text" name="credentials[sender_id]" value="{{ old('credentials.sender_id', $provider->credentials['sender_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="ornek: YURTYONETIM">
                    <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">Telsim tarafindan tanimlanmis originator. Action 4 ile mevcut originatorleri sorgulayabilirsiniz.</p>
                </div>

                <div class="border-t border-gray-200 dark:border-gray-700 pt-5">
                    <h3 class="text-sm font-semibold text-gray-800 dark:text-white mb-3">Ayarlar</h3>
                </div>

                {{-- Base URL --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">API URL</label>
                    <input type="url" name="settings[base_url]" value="{{ old('settings.base_url', $provider->settings['base_url'] ?? 'https://toplusms.kktctelsim.com/httpsms') }}"
                        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://toplusms.kktctelsim.com/httpsms">
                    <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">HTTP/XML API icin: https://toplusms.kktctelsim.com/httpsms</p>
                </div>

                {{-- Validity Time --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Gecerlilik Suresi (dk)</label>
                    <input type="number" name="settings[validity_time]" value="{{ old('settings.validity_time', $provider->settings['validity_time'] ?? '1440') }}"
                        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"
                        min="1" max="1440">
                    <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">Mesajlarin gecerlilik suresi dakika cinsinden. Varsayilan: 1440 (24 saat)</p>
                </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/sms" 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