@extends('layouts.admin')
@section('title', 'تنظیمات رمز یکبارمصرف')
@section('content')
<x-ui.page-header title="تنظیمات رمز یکبارمصرف" subtitle="مدیریت مسیرهای ارسال کد تایید" />

@php
    $platformLabels = ['rubika' => 'روبیکا', 'telegram' => 'تلگرام', 'bale' => 'بله'];
@endphp

<div class="grid gap-5 lg:grid-cols-3">
    <x-ui.card class="lg:col-span-1">
        <h3 class="mb-3 text-base font-bold text-slate-900">افزودن مسیر جدید</h3>
        <form method="POST" action="{{ route('admin.settings.otp.store') }}" class="space-y-3">
            @csrf
            <x-ui.input name="name" label="نام" required />
            <x-ui.select name="platform" label="پلتفرم" :options="['rubika' => 'روبیکا', 'telegram' => 'تلگرام', 'bale' => 'بله']" value="rubika" />
            <div>
                <label class="cb-label" for="bot_account_id">ربات (اختیاری)</label>
                <select name="bot_account_id" id="bot_account_id" class="cb-input">
                    <option value="">بدون محدودیت ربات</option>
                    @foreach($botAccounts as $bot)
                        <option value="{{ $bot->id }}">{{ $bot->name }} ({{ $platformLabels[$bot->platform] ?? $bot->platform }})</option>
                    @endforeach
                </select>
            </div>
            <x-ui.input name="priority" type="number" label="اولویت" value="100" min="1" max="9999" />
            <x-ui.select name="is_active" label="وضعیت" :options="[1 => 'فعال', 0 => 'غیرفعال']" value="1" />
            <x-ui.select name="is_default" label="پیش‌فرض" :options="[0 => 'خیر', 1 => 'بله']" value="0" />
            <x-ui.button type="submit" class="w-full">ثبت مسیر</x-ui.button>
        </form>
    </x-ui.card>

    <x-ui.card class="lg:col-span-2">
        <h3 class="mb-3 text-base font-bold text-slate-900">مسیرهای موجود</h3>

        <div class="space-y-3">
            @forelse($items as $item)
                <form method="POST" action="{{ route('admin.settings.otp.update', $item) }}" class="rounded-2xl border border-slate-200 p-3">
                    @csrf
                    @method('PUT')

                    <div class="grid gap-3 md:grid-cols-2">
                        <x-ui.input name="name" label="نام" :value="$item->name" required />
                        <x-ui.select name="platform" label="پلتفرم" :value="$item->platform" :options="['rubika' => 'روبیکا', 'telegram' => 'تلگرام', 'bale' => 'بله']" />

                        <div>
                            <label class="cb-label" for="bot_account_id_{{ $item->id }}">ربات</label>
                            <select name="bot_account_id" id="bot_account_id_{{ $item->id }}" class="cb-input">
                                <option value="">بدون محدودیت ربات</option>
                                @foreach($botAccounts as $bot)
                                    <option value="{{ $bot->id }}" @selected((int) $item->bot_account_id === (int) $bot->id)>
                                        {{ $bot->name }} ({{ $platformLabels[$bot->platform] ?? $bot->platform }})
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <x-ui.input name="priority" type="number" label="اولویت" :value="$item->priority" min="1" max="9999" />
                        <x-ui.select name="is_active" label="وضعیت" :value="$item->is_active ? 1 : 0" :options="[1 => 'فعال', 0 => 'غیرفعال']" />
                        <x-ui.select name="is_default" label="پیش‌فرض" :value="$item->is_default ? 1 : 0" :options="[0 => 'خیر', 1 => 'بله']" />
                    </div>

                    <div class="mt-3 flex flex-wrap gap-2">
                        <x-ui.button type="submit">ذخیره</x-ui.button>
                    </div>
                </form>

                <form method="POST" action="{{ route('admin.settings.otp.destroy', $item) }}" onsubmit="return confirm('این مسیر حذف شود؟')" class="-mt-2 mb-1">
                    @csrf
                    @method('DELETE')
                    <x-ui.button type="submit" variant="muted" class="text-rose-700">حذف مسیر #{{ $item->id }}</x-ui.button>
                </form>
            @empty
                <p class="text-sm text-slate-500">هیچ مسیر رمز یکبارمصرفی تعریف نشده است.</p>
            @endforelse
        </div>

        <div class="mt-4">{{ $items->links() }}</div>
    </x-ui.card>
</div>
@endsection