@extends('layouts.app')
@section('title', 'الإعدادات')
@section('page_title', 'إعدادات النظام')
@section('page_subtitle', 'الإعدادات العامة وقواعد التشغيل والسنترال وسياسات الـ SLA')

@section('content')
<form method="POST" action="{{ route('settings.update') }}">
    @csrf @method('PUT')

    @php
        $groupTitles = [
            'general' => 'بيانات الشركة',
            'calls' => 'قواعد المكالمات',
            'shifts' => 'الورديات والبريك',
            'notifications' => 'التنبيهات',
            'security' => 'الأمان والخصوصية',
            'telephony' => 'إعدادات السنترال',
        ];
    @endphp

    <div class="row g-3">
        @foreach ($groups as $group => $settings)
            <div class="col-lg-6">
                <div class="card h-100">
                    <div class="card-header">{{ $groupTitles[$group] ?? $group }}</div>
                    <div class="card-body">
                        @foreach ($settings as $setting)
                            <div class="mb-3">
                                <label class="form-label">{{ $setting->label ?? $setting->key }}</label>
                                @if ($setting->type === 'boolean')
                                    <select name="settings[{{ $setting->key }}]" class="form-select">
                                        <option value="1" @selected($setting->value == '1')>مفعّل</option>
                                        <option value="0" @selected($setting->value != '1')>غير مفعّل</option>
                                    </select>
                                @elseif ($setting->type === 'number')
                                    <input type="number" name="settings[{{ $setting->key }}]" class="form-control" value="{{ $setting->value }}">
                                @else
                                    <input type="text" name="settings[{{ $setting->key }}]" class="form-control" value="{{ $setting->value }}">
                                @endif
                                <div class="form-text"><code>{{ $setting->key }}</code></div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    @if (auth()->user()->hasPermission('settings.manage'))
        <div class="mt-3">
            <button class="btn btn-primary"><i class="bi bi-save"></i> حفظ الإعدادات</button>
        </div>
    @endif
</form>

<div class="card mt-4">
    <div class="card-header">سياسات الـ SLA للتذاكر</div>
    <div class="table-responsive">
        <table class="table table-sm mb-0">
            <thead>
                <tr><th>السياسة</th><th>الأولوية</th><th>زمن الاستجابة (دقيقة)</th><th>زمن الحل (دقيقة)</th><th>تصعيد تلقائي</th><th></th></tr>
            </thead>
            <tbody>
            @foreach ($slas as $sla)
                <tr>
                    <form class="sla-form" data-url="{{ route('settings.sla', $sla->id) }}" data-method="PUT">
                        <td>{{ $sla->name }}</td>
                        <td>{{ \App\Models\Ticket::PRIORITIES[$sla->priority] ?? $sla->priority }}</td>
                        <td><input type="number" name="response_minutes" class="form-control form-control-sm" value="{{ $sla->response_minutes }}"></td>
                        <td><input type="number" name="resolve_minutes" class="form-control form-control-sm" value="{{ $sla->resolve_minutes }}"></td>
                        <td>
                            <input type="hidden" name="auto_escalate" value="0">
                            <input type="checkbox" name="auto_escalate" value="1" class="form-check-input" @checked($sla->auto_escalate)>
                        </td>
                        <td><button type="submit" class="btn btn-sm btn-outline-primary"><i class="bi bi-save"></i></button></td>
                    </form>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>

<div class="card mt-4">
    <div class="card-header">ربط السنترال (Webhook)</div>
    <div class="card-body">
        <p class="mb-2">أرسل أحداث المكالمات من السنترال إلى:</p>
        <pre class="bg-light p-2" dir="ltr">POST {{ route('telephony.webhook') }}
Header: X-PBX-Token: &lt;pbx_webhook_secret&gt;

{
  "event": "call.answered",
  "external_id": "PBX-12345",
  "direction": "inbound",
  "phone": "01000000000",
  "extension": "1010",
  "did": "16999",
  "recording": "https://pbx/rec/123.mp3",
  "timestamp": "2026-01-01 10:00:00"
}</pre>
        <div class="small text-muted">
            الأحداث المدعومة: call.started, call.answered, call.ended, call.missed, call.failed, call.busy, call.voicemail, call.abandoned, call.transferred
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
jQuery(function ($) {
    $('.sla-form').on('submit', function (e) {
        e.preventDefault();
        MR.submit(this, {});
    });
});
</script>
@endpush