@extends('layouts.dashboard')
@section('title', t('إدارة الاشتراك','Manage Subscription'))
@section('page-title','💳 '.t('إدارة الاشتراك','Manage Subscription'))

@section('content')
<div class="two-col-grid" style="align-items:start">

  {{-- LEFT: Subscription Info --}}
  <div>
    <div class="card">
      <div class="card-header">
        <h3>📋 {{ t('تفاصيل الاشتراك','Subscription Details') }}</h3>
        <a href="{{ route('admin.subscriptions') }}" class="btn btn-sm btn-outline">← {{ t('رجوع','Back') }}</a>
      </div>
      <div style="padding:0">
        {{-- Status Banner --}}
        <div style="padding:16px 20px;background:{{ $sub->status==='active'?'#f0fdf4':($sub->status==='expired'?'#fffbeb':'#fef2f2') }};border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between">
          <div>
            <span style="font-size:22px">{{ ['active'=>'✅','expired'=>'⏰','suspended'=>'⛔'][$sub->status]??'•' }}</span>
            <strong style="font-size:16px;margin-right:8px">
              {{ ['active'=>t('نشط','Active'),'expired'=>t('منتهي','Expired'),'suspended'=>t('موقوف','Suspended')][$sub->status]??$sub->status }}
            </strong>
          </div>
          <span class="badge badge-blue" style="font-size:14px;padding:6px 14px">{{ $sub->plan->name ?? $sub->plan_id }}</span>
        </div>

        <table class="info-table">
          <tr><td>{{ t('العضو','Member') }}</td><td><strong>{{ $sub->user->name ?? '—' }}</strong><br><small style="color:#64748b">{{ $sub->user->email ?? '' }}</small></td></tr>
          <tr><td>{{ t('الخطة','Plan') }}</td><td>{{ $sub->plan->name ?? $sub->plan_id }}</td></tr>
          <tr>
            <td>{{ t('License Key','License Key') }}</td>
            <td>
              <code style="font-size:12px;letter-spacing:1px">{{ $sub->license_key }}</code>
              <button onclick="navigator.clipboard.writeText('{{ $sub->license_key }}');this.textContent='✅'" class="btn btn-sm btn-outline" style="font-size:11px;padding:3px 8px;margin-right:6px">📋</button>
            </td>
          </tr>
          <tr><td>{{ t('المواقع المسموحة','Sites Allowed') }}</td><td>{{ $sub->sites_allowed }}</td></tr>
          <tr>
            <td>{{ t('تاريخ الانتهاء','Expires') }}</td>
            <td>
              @if($sub->expires_at)
                @php $expired = \Carbon\Carbon::parse($sub->expires_at)->isPast(); @endphp
                <span style="color:{{ $expired?'#dc2626':'#16a34a' }}">{{ $sub->expires_at }}</span>
                @if($expired) <span class="badge badge-red">{{ t('منتهي','Expired') }}</span>@endif
              @else
                <span style="color:#7c3aed">♾️ {{ t('مدى الحياة','Lifetime') }}</span>
              @endif
            </td>
          </tr>
          <tr><td>{{ t('تاريخ الإنشاء','Created') }}</td><td>{{ $sub->created_at->format('Y-m-d H:i') }}</td></tr>
        </table>
      </div>
    </div>

    {{-- Quick Actions --}}
    <div class="card" style="margin-top:16px">
      <div class="card-header"><h3>⚡ {{ t('إجراءات سريعة','Quick Actions') }}</h3></div>
      <div style="padding:16px;display:flex;flex-direction:column;gap:8px">

        @if($sub->status !== 'active')
        <form method="POST" action="{{ route('admin.subscriptions.activate',$sub->id) }}">
          @csrf
          <button type="submit" class="btn btn-success btn-block">✅ {{ t('تفعيل الاشتراك','Activate Subscription') }}</button>
        </form>
        @endif

        @if($sub->status === 'active')
        <form method="POST" action="{{ route('admin.subscriptions.suspend',$sub->id) }}">
          @csrf
          <button type="submit" class="btn btn-block" style="background:#fef3c7;color:#d97706;border:none"
            onclick="return confirm('{{ t('تعليق الاشتراك؟','Suspend subscription?') }}')">
            ⛔ {{ t('تعليق الاشتراك','Suspend Subscription') }}
          </button>
        </form>
        @endif

        <form method="POST" action="{{ route('admin.subscriptions.cancel',$sub->id) }}">
          @csrf
          <button type="submit" class="btn btn-block" style="background:#fef2f2;color:#dc2626;border:none"
            onclick="return confirm('{{ t('إلغاء الاشتراك نهائياً؟','Cancel subscription permanently?') }}')">
            🚫 {{ t('إلغاء الاشتراك','Cancel Subscription') }}
          </button>
        </form>

        <form method="POST" action="{{ route('admin.subscriptions.renew-key',$sub->id) }}">
          @csrf
          <button type="submit" class="btn btn-outline btn-block"
            onclick="return confirm('{{ t('توليد License Key جديد؟','Generate new license key?') }}')">
            🔑 {{ t('تجديد License Key','Renew License Key') }}
          </button>
        </form>

        <form method="POST" action="{{ route('admin.subscriptions.destroy',$sub->id) }}">
          @csrf @method('DELETE')
          <button type="submit" class="btn btn-danger btn-block"
            onclick="return confirm('{{ t('حذف الاشتراك نهائياً؟','Permanently delete?') }}')">
            🗑️ {{ t('حذف الاشتراك','Delete Subscription') }}
          </button>
        </form>
      </div>
    </div>
  </div>

  {{-- RIGHT: Upgrade + Extend --}}
  <div>
    {{-- Upgrade Plan --}}
    <div class="card">
      <div class="card-header"><h3>⬆️ {{ t('ترقية/تغيير الخطة','Upgrade / Change Plan') }}</h3></div>
      <form method="POST" action="{{ route('admin.subscriptions.upgrade',$sub->id) }}" style="padding:20px">
        @csrf
        <div class="form-group">
          <label class="form-label">{{ t('الخطة الجديدة','New Plan') }}</label>
          <select name="plan_id" class="form-input">
            @foreach($plans as $plan)
            <option value="{{ $plan->id }}" {{ $sub->plan_id===$plan->id?'selected':'' }}>
              {{ $plan->name }} — ${{ number_format($plan->price,0) }}
              @if($plan->days > 0) ({{ $plan->days }} {{ t('يوم','days') }})@else ({{ t('مدى الحياة','Lifetime') }})@endif
            </option>
            @endforeach
          </select>
        </div>
        <div class="form-row">
          <div class="form-group">
            <label class="form-label">{{ t('عدد المواقع','Sites Allowed') }}</label>
            <input type="number" name="sites_allowed" class="form-input" value="{{ $sub->sites_allowed }}" min="1" max="100">
          </div>
          <div class="form-group">
            <label class="form-label">{{ t('تاريخ انتهاء مخصص','Custom Expiry Date') }}</label>
            <input type="date" name="expires_at" class="form-input" value="{{ $sub->expires_at }}">
            <div style="font-size:11px;color:#94a3b8;margin-top:3px">{{ t('اتركه فارغاً للحساب التلقائي','Leave empty for auto-calculation') }}</div>
          </div>
        </div>
        <button type="submit" class="btn btn-primary btn-block">⬆️ {{ t('تطبيق التغييرات','Apply Changes') }}</button>
      </form>
    </div>

    {{-- Extend Expiry --}}
    <div class="card" style="margin-top:16px">
      <div class="card-header"><h3>📅 {{ t('تمديد الاشتراك','Extend Subscription') }}</h3></div>
      <form method="POST" action="{{ route('admin.subscriptions.extend',$sub->id) }}" style="padding:20px">
        @csrf
        <div class="form-group">
          <label class="form-label">{{ t('عدد الأيام الإضافية','Additional Days') }}</label>
          <div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px">
            @foreach([7,30,90,180,365] as $d)
            <button type="button" class="btn btn-sm btn-outline" onclick="document.querySelector('[name=days]').value={{ $d }}">+{{ $d }} {{ t('يوم','days') }}</button>
            @endforeach
          </div>
          <input type="number" name="days" class="form-input" min="1" max="3650" placeholder="30" value="30">
        </div>
        <button type="submit" class="btn btn-primary btn-block">📅 {{ t('تمديد','Extend') }}</button>
      </form>
    </div>

    {{-- Active Sites --}}
    <div class="card" style="margin-top:16px">
      <div class="card-header"><h3>🌐 {{ t('المواقع المفعّلة','Active Sites') }}</h3></div>
      @php $sites = \Illuminate\Support\Facades\DB::table('ms_license_sites')->where('license_key',$sub->license_key)->get(); @endphp
      @forelse($sites as $site)
      <div class="list-item">
        <div class="list-item-info">
          <div class="list-item-name" style="font-size:13px">{{ $site->site_url }}</div>
          <div style="font-size:11px;color:#94a3b8">{{ $site->plugin }} | {{ $site->last_check ?? $site->activated_at }}</div>
        </div>
        <form method="POST" action="{{ route('admin.license.revoke') }}">
          @csrf
          <input type="hidden" name="license_key" value="{{ $site->license_key }}">
          <input type="hidden" name="site_url" value="{{ $site->site_url }}">
          <button class="btn btn-sm btn-danger" onclick="return confirm('{{ t('إلغاء تفعيل؟','Revoke?') }}')">🗑️</button>
        </form>
      </div>
      @empty
      <p style="color:#94a3b8;padding:14px;text-align:center;font-size:13px">{{ t('لا يوجد مواقع مفعّلة','No active sites') }}</p>
      @endforelse
    </div>
  </div>

</div>
@endsection