@extends('dashboard.layout')
@section('title','بوابات الدفع')

@section('content')
<div class="card card-dark p-3">
  <div class="d-flex align-items-center justify-content-between mb-3">
    <h2 class="h6 m-0">الإعدادات الأساسية</h2>
  </div>

  <div class="row g-3">
    @foreach($gateways as $gw)
      <div class="col-12 col-md-6 col-xl-4">
        <div class="card card-dark p-3 h-100">
          <div class="d-flex align-items-center justify-content-between mb-2">
            <div class="fw-bold">{{ strtoupper($gw->name) }}</div>
            <span class="badge bg-{{ $gw->enabled ? 'success':'secondary' }}">{{ $gw->enabled ? 'مفعل' : 'معطل' }}</span>
          </div>
          <div class="text-muted small mb-3">{{ $gw->description ?? '—' }}</div>
          <a href="{{ route('dashboard.payment_gateways.edit',$gw) }}" class="btn btn-outline-secondary btn-sm">إعدادات</a>
        </div>
      </div>
    @endforeach
  </div>
</div>
@endsection