@extends('layouts.landlord')
@section('title', 'تعديل موقع')

@section('content')
<h2 class="text-2xl font-bold mb-6">{{ $tenant->name }}</h2>

<div class="grid grid-cols-2 gap-6">
    <div class="bg-white p-6 rounded-lg shadow">
        <h3 class="font-bold mb-4">الخطة</h3>
        <form method="post" action="{{ route('landlord.tenants.update', $tenant) }}" class="space-y-3">
            @csrf @method('PUT')
            <select name="plan_id">
                @foreach ($plans as $plan)
                    <option value="{{ $plan->id }}" @selected($tenant->plan_id === $plan->id)>
                        {{ $plan->name }} (${{ number_format($plan->price_cents / 100, 2) }})
                    </option>
                @endforeach
            </select>
            <button type="submit" class="bg-blue-600 text-white px-5 py-2 rounded">حفظ الخطة</button>
        </form>

        <hr class="my-6">

        <h3 class="font-bold mb-2 text-red-600">منطقة الخطر</h3>
        <p class="text-sm text-gray-500 mb-3">حذف الموقع نهائي ولا يمكن التراجع عنه — يحذف كل المقالات والصفحات والمستخدمين المرتبطين به.</p>
        <form method="post" action="{{ route('landlord.tenants.destroy', $tenant) }}"
              onsubmit="return confirm('متأكد تماماً؟ سيُحذف موقع \'{{ $tenant->name }}\' وكل بياناته نهائياً ولا يمكن التراجع.')">
            @csrf @method('DELETE')
            <button type="submit" class="bg-red-600 text-white px-5 py-2 rounded">حذف الموقع نهائياً</button>
        </form>
    </div>

    <div class="bg-white p-6 rounded-lg shadow">
        <h3 class="font-bold mb-4">النطاقات (Domains)</h3>
        <ul class="space-y-2 mb-4">
            @foreach ($domains as $domain)
            <li class="flex justify-between items-center text-sm border-b pb-2">
                <span dir="ltr">{{ $domain->domain }}</span>
                <form method="post" action="{{ route('landlord.tenants.domains.remove', [$tenant, $domain]) }}"
                      onsubmit="return confirm('متأكد تبي تحذف هذا النطاق؟ الموقع لن يكون متاحاً عليه بعد الحذف.')">
                    @csrf @method('DELETE')
                    <button class="text-red-600 hover:underline">حذف</button>
                </form>
            </li>
            @endforeach
        </ul>

        <form method="post" action="{{ route('landlord.tenants.domains.add', $tenant) }}" class="flex gap-2">
            @csrf
            <input type="text" name="domain" placeholder="magazine.com" dir="ltr" required class="flex-1">
            <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded">إضافة</button>
        </form>
        @unless ($tenant->plan->custom_domain_allowed)
        <p class="text-xs text-gray-500 mt-2">ملاحظة: خطة العميل الحالية لا تسمح رسمياً بنطاق مخصص إضافي عبر النموذج المخصص لذلك، لكن يمكنك إضافة أي نطاق يدوياً من هنا مباشرة.</p>
        @endunless
    </div>
</div>
@endsection