@extends('layouts.app')
@section('title', $platforms[$platform]['name'])

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">{{ $platforms[$platform]['name'] }}</h1>
        <p class="page-subtitle">إعدادات التكامل والإجراءات المتاحة</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('gov-api.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif
@if(session('error'))
    <div class="alert alert-danger">{{ session('error') }}</div>
@endif

<div style="display:grid; grid-template-columns:1fr 1fr; gap:1.5rem;">
    <!-- Settings Form -->
    <div class="card">
        <div class="card-header"><h3 class="card-title"><i class="fas fa-cog"></i> إعدادات الاتصال</h3></div>
        <div class="card-body">
            <form method="POST" action="{{ route('gov-api.save-settings', $platform) }}">
                @csrf
                <div class="form-group">
                    <label class="form-label">رابط API</label>
                    <input type="url" name="base_url" class="form-input" value="{{ old('base_url', $config->base_url) }}" dir="ltr" placeholder="https://api.platform.gov.sa">
                </div>
                <div class="form-group">
                    <label class="form-label">مفتاح API</label>
                    <input type="password" name="api_key" class="form-input" dir="ltr" placeholder="{{ $config->api_key ? '••••••••' : 'أدخل مفتاح API' }}">
                </div>
                <div class="form-group">
                    <label class="form-label">كلمة السر API</label>
                    <input type="password" name="api_secret" class="form-input" dir="ltr" placeholder="{{ $config->api_secret ? '••••••••' : 'أدخل كلمة السر' }}">
                </div>
                <div class="form-grid cols-2">
                    <div class="form-group">
                        <label class="form-label">اسم المستخدم</label>
                        <input type="text" name="username" class="form-input" value="{{ old('username', $config->username) }}" dir="ltr">
                    </div>
                    <div class="form-group">
                        <label class="form-label">كلمة المرور</label>
                        <input type="password" name="password" class="form-input" dir="ltr" placeholder="{{ $config->password ? '••••••••' : '' }}">
                    </div>
                </div>
                <div class="form-grid cols-2">
                    <div class="form-group">
                        <label class="form-label">رقم الاشتراك</label>
                        <input type="text" name="subscription_number" class="form-input" value="{{ old('subscription_number', $config->subscription_number) }}" dir="ltr">
                    </div>
                    <div class="form-group">
                        <label class="form-label">رقم المنشأة</label>
                        <input type="text" name="establishment_id" class="form-input" value="{{ old('establishment_id', $config->establishment_id) }}" dir="ltr">
                    </div>
                </div>
                <div style="display:flex; gap:1.5rem; margin:1rem 0;">
                    <label style="display:flex; align-items:center; gap:0.5rem; cursor:pointer;">
                        <input type="checkbox" name="is_active" value="1" {{ $config->is_active ? 'checked' : '' }}>
                        تفعيل التكامل
                    </label>
                    <label style="display:flex; align-items:center; gap:0.5rem; cursor:pointer;">
                        <input type="checkbox" name="sandbox_mode" value="1" {{ $config->sandbox_mode ? 'checked' : '' }}>
                        وضع تجريبي (Sandbox)
                    </label>
                </div>
                <div class="form-actions">
                    <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> حفظ الإعدادات</button>
                    <form method="POST" action="{{ route('gov-api.test', $platform) }}" style="display:inline;">
                        @csrf
                        <button type="submit" class="btn btn-secondary"><i class="fas fa-plug"></i> اختبار الاتصال</button>
                    </form>
                </div>
            </form>
        </div>
    </div>

    <!-- Actions -->
    <div>
        <div class="card" style="margin-bottom:1.5rem;">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-bolt"></i> الإجراءات المتاحة</h3></div>
            <div class="card-body">
                @if(count($actions) > 0)
                    @foreach($actions as $actionKey => $action)
                    <div style="display:flex; align-items:center; gap:1rem; padding:0.75rem 0; {{ !$loop->last ? 'border-bottom:1px solid var(--border-light);' : '' }}">
                        <div style="width:40px; height:40px; border-radius:var(--radius); background:var(--primary-light); color:var(--primary); display:flex; align-items:center; justify-content:center;">
                            <i class="fas {{ $action['icon'] }}"></i>
                        </div>
                        <div style="flex:1;">
                            <strong>{{ $action['label'] }}</strong>
                            <p style="margin:0; color:var(--text-muted); font-size:0.85rem;">{{ $action['description'] }}</p>
                        </div>
                        @if($config->is_active)
                        <form method="POST" action="{{ route('gov-api.execute', [$platform, $actionKey]) }}">
                            @csrf
                            <button type="submit" class="btn btn-primary" style="font-size:0.85rem;"><i class="fas fa-play"></i> تنفيذ</button>
                        </form>
                        @else
                        <span style="color:var(--text-muted); font-size:0.85rem;">فعّل المنصة أولاً</span>
                        @endif
                    </div>
                    @endforeach
                @else
                    <p style="color:var(--text-muted); text-align:center;">لا توجد إجراءات متاحة</p>
                @endif
            </div>
        </div>

        <!-- Recent Logs -->
        @if($logs->isNotEmpty())
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-history"></i> آخر العمليات</h3></div>
            <div class="card-body">
                @foreach($logs->take(10) as $log)
                <div style="display:flex; align-items:center; gap:0.75rem; padding:0.5rem 0; {{ !$loop->last ? 'border-bottom:1px solid var(--border-light);' : '' }}">
                    @if($log->status === 'success')
                        <i class="fas fa-check-circle" style="color:var(--success);"></i>
                    @else
                        <i class="fas fa-times-circle" style="color:var(--danger);"></i>
                    @endif
                    <div style="flex:1;">
                        <span style="font-size:0.9rem;">{{ $log->action }}</span>
                        @if($log->error_message)
                            <br><small style="color:var(--danger);">{{ \Str::limit($log->error_message, 60) }}</small>
                        @endif
                    </div>
                    <small style="color:var(--text-muted);">{{ $log->created_at->diffForHumans() }}</small>
                </div>
                @endforeach
            </div>
        </div>
        @endif
    </div>
</div>
@endsection