@extends('layouts-v2.app')

@section('content')
    <div class="max-w-5xl mx-auto space-y-6">
        <div class="bg-white shadow-sm rounded-xl p-6 border border-slate-200">
            <h1 class="text-xl font-semibold text-slate-800 mb-4">
                Pull dữ liệu bảng từ DB tenant về DB gốc
            </h1>

            <p class="text-sm text-slate-600 mb-4">
                Chọn tenant, bảng và chế độ làm sạch trước khi sync. Lưu ý: thao tác này có thể xoá dữ liệu hiện có trong DB gốc.
            </p>

            @if ($errors->any())
                <div class="mb-4 rounded-lg bg-red-50 border border-red-200 px-4 py-3 text-sm text-red-700">
                    <div class="font-semibold mb-1">Có lỗi xảy ra:</div>
                    <ul class="list-disc list-inside space-y-1">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form method="POST" action="{{ route('tools.tenant-pull.sync') }}" class="space-y-5">
                @csrf

                <div class="grid md:grid-cols-2 gap-4">
                    <div>
                        <label class="block text-sm font-medium text-slate-700 mb-1">
                            Tenant
                        </label>
                        <select name="tenant_id" class="w-full border border-slate-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-sky-500">
                            <option value="">-- Chọn tenant --</option>
                            @foreach ($tenants as $tenant)
                                <option value="{{ $tenant->id }}" @selected(old('tenant_id') == $tenant->id)>
                                    {{ $tenant->code }} - {{ $tenant->name }} ({{ $tenant->db_name }})
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div>
                        <label class="block text-sm font-medium text-slate-700 mb-1">
                            Tên bảng cần pull
                        </label>
                        <input type="text" name="table" value="{{ old('table', 'api_moodle') }}" placeholder="VD: api_moodle"
                               class="w-full border border-slate-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-sky-500">
                    </div>
                </div>

                <div class="grid md:grid-cols-2 gap-4">
                    <div>
                        <label class="block text-sm font-medium text-slate-700 mb-1">
                            Chế độ làm sạch dữ liệu DB gốc
                        </label>
                        <div class="space-y-2 text-sm text-slate-700">
                            <label class="flex items-center gap-2">
                                <input type="radio" name="clean_mode" value="clean_by_tenant" class="text-sky-600"
                                       @checked(old('clean_mode', 'clean_by_tenant') === 'clean_by_tenant')>
                                <span>Xoá dữ liệu theo <code>hocmai_tenant_id = tenant_id</code> (nếu bảng có cột này)</span>
                            </label>
                            <label class="flex items-center gap-2">
                                <input type="radio" name="clean_mode" value="truncate_table" class="text-sky-600"
                                       @checked(old('clean_mode') === 'truncate_table')>
                                <span class="text-red-600 font-medium">TRUNCATE toàn bộ bảng (nguy hiểm, xoá mọi tenant)</span>
                            </label>
                        </div>
                    </div>

                    <div>
                        <label class="block text-sm font-medium text-slate-700 mb-1">
                            Tuỳ chọn khác
                        </label>
                        <div class="space-y-2 text-sm text-slate-700">
                            <label class="flex items-center gap-2">
                                <input type="checkbox" name="dry_run" value="1" class="text-sky-600"
                                       @checked(old('dry_run', true))>
                                <span>Dry run (chỉ đếm, không ghi)</span>
                            </label>

                            <label class="block mt-2">
                                <span class="block text-sm font-medium text-slate-700 mb-1">Kích thước chunk</span>
                                <input type="number" name="chunk" min="1" value="{{ old('chunk', 1000) }}"
                                       class="w-32 border border-slate-300 rounded-lg px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-sky-500">
                            </label>

                            <input type="hidden" name="mode" value="insert_all">
                        </div>
                    </div>
                </div>

                <div class="flex items-center justify-end gap-3 pt-4 border-t border-slate-100">
                    <button type="submit"
                            class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-sky-600 text-white text-sm font-medium hover:bg-sky-700 focus:outline-none focus:ring-2 focus:ring-offset-1 focus:ring-sky-500">
                        <span>Thực hiện pull</span>
                    </button>
                </div>
            </form>
        </div>

        @if (session('success'))
            <div class="bg-green-50 border border-green-200 text-sm text-green-800 rounded-lg px-4 py-3">
                {{ session('success') }}
            </div>
        @endif

        @if (session('error'))
            <div class="bg-red-50 border border-red-200 text-sm text-red-800 rounded-lg px-4 py-3">
                {{ session('error') }}
            </div>
        @endif
    </div>
@endsection