@extends('layouts.app')

@section('title', 'قواعد الأتمتة')

@section('content')
<div class="space-y-6">
    <div>
        <h1 class="text-2xl font-bold text-gray-900">قواعد الأتمتة</h1>
        <p class="text-gray-500">إدارة قواعد التشغيل الآلي للمكالمات والرسائل</p>
    </div>

    @if(!isset($rules) || $rules->isEmpty())
        <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8 text-center">
            <svg class="w-16 h-16 text-gray-300 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"/>
            </svg>
            <h2 class="text-lg font-semibold text-gray-700 mb-2">لا توجد قواعد أتمتة</h2>
            <p class="text-gray-500 mb-6">قم بإضافة قواعد الأتمتة لتفعيل المكالمات والرسائل التلقائية</p>
            <a href="{{ route('dashboard.setup-wizard', ['step' => 3]) }}" class="inline-flex items-center px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700">
                إضافة قواعد
            </a>
        </div>
    @else
        <div class="space-y-4">
            @foreach($rules as $rule)
                <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-5">
                    <div class="flex items-center justify-between">
                        <div>
                            <h3 class="font-semibold text-gray-900">{{ $rule->name }}</h3>
                            <p class="text-sm text-gray-500">{{ $rule->description }}</p>
                        </div>
                        <div class="flex items-center space-x-3 space-x-reverse">
                            <span class="px-2 py-1 text-xs font-medium rounded-full {{ $rule->is_active ? 'bg-green-100 text-green-700' : 'bg-gray-100 text-gray-500' }}">
                                {{ $rule->is_active ? 'مفعل' : 'معطل' }}
                            </span>
                            <span class="text-xs text-gray-400">أولوية: {{ $rule->priority }}</span>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    @endif
</div>
@endsection