@extends('backEnd.layouts.master')
@section('title', 'SMS Automation')
@section('content')
<div class="page-content">
<div class="container-fluid">

  <div class="row mb-4 align-items-center">
    <div class="col">
      <h4 class="fw-bold mb-0"><i class="fas fa-sms me-2 text-primary"></i>SMS Automation</h4>
      <p class="text-muted mb-0 small">Order event অনুযায়ী automatic SMS পাঠানোর নিয়ম</p>
    </div>
  </div>

  <form method="POST" action="{{ route('admin.social.sms-auto.update') }}">
    @csrf
    <div class="row g-3">
      @php
      $eventLabels = [
        'order_placed'    => ['label'=>'Order Placed',    'icon'=>'fa-plus-circle',   'color'=>'primary'],
        'order_confirmed' => ['label'=>'Order Confirmed', 'icon'=>'fa-check-circle',  'color'=>'success'],
        'order_shipped'   => ['label'=>'Order Shipped',   'icon'=>'fa-truck',         'color'=>'info'],
        'order_delivered' => ['label'=>'Order Delivered', 'icon'=>'fa-box-open',      'color'=>'warning'],
        'order_cancelled' => ['label'=>'Order Cancelled', 'icon'=>'fa-times-circle',  'color'=>'danger'],
      ];
      @endphp

      @foreach($eventLabels as $key => $meta)
      <div class="col-md-6">
        <div class="card border-0 shadow-sm">
          <div class="card-header bg-white d-flex justify-content-between align-items-center">
            <div class="d-flex align-items-center gap-2">
              <i class="fas {{ $meta['icon'] }} text-{{ $meta['color'] }}"></i>
              <span class="fw-semibold">{{ $meta['label'] }}</span>
            </div>
            <div class="form-check form-switch mb-0">
              <input class="form-check-input" type="checkbox"
                     name="rules[{{ $key }}]" value="1"
                     @checked(($rules[$key] ?? '0') == '1')>
              <label class="form-check-label small text-muted">Enable</label>
            </div>
          </div>
          <div class="card-body">
            <label class="form-label small fw-semibold">SMS Template</label>
            <textarea name="templates[{{ $key }}]" class="form-control" rows="3"
                      style="font-size:13px;">{{ $templates[$key] ?? '' }}</textarea>
            <div class="mt-1 small text-muted">
              Variables: <code>{invoice}</code> <code>{total}</code> <code>{name}</code>
            </div>
          </div>
        </div>
      </div>
      @endforeach
    </div>

    <div class="mt-3 d-flex gap-2">
      <button type="submit" class="btn btn-primary">
        <i class="fas fa-save me-1"></i>Save Automation Rules
      </button>
      <a href="{{ route('admin.sms.settings') }}" class="btn btn-outline-secondary">
        <i class="fas fa-cog me-1"></i>SMS Gateway Settings
      </a>
    </div>
  </form>

</div>
</div>
@endsection