@extends('layouts.app')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
      <h5 class="mb-0">Edit Service Plan: {{ $servicePlan->name }}</h5>
      <span class="badge bg-label-{{ $servicePlan->is_active ? 'success' : 'warning' }} fs-6">
        Current: {{ $servicePlan->is_active ? 'Active' : 'Pending' }}
      </span>
    </div>

    <div class="card-body">
      <form method="POST" action="{{ route('admin.service-plans.update', $servicePlan) }}" class="row g-3">
        @csrf
        @method('PUT')
        <div class="col-md-6">
          <label class="form-label">Name <span class="text-danger">*</span></label>
          <input name="name" class="form-control" value="{{ old('name', $servicePlan->name) }}" required placeholder="e.g. 4K, 2K, Family, Premium">
        </div>

        <div class="col-md-6">
          <label class="form-label">Plan Monthly Price ($)</label>
          <div class="input-group">
            <span class="input-group-text">$</span>
            <input type="number" step="0.01" min="0" name="price" class="form-control" value="{{ old('price', $servicePlan->price ?? '0.00') }}">
          </div>
          <small class="text-muted">Direct monthly price configured by admin for this plan.</small>
        </div>

        <div class="col-md-6">
          <label class="form-label">Connection / Admin Fee ($)</label>
          <div class="input-group">
            <span class="input-group-text">$</span>
            <input type="number" step="0.01" min="0" id="plan_admin_fee" name="admin_fee" class="form-control" value="{{ old('admin_fee', $servicePlan->admin_fee ?? '0.00') }}">
          </div>
          <small class="text-muted">Platform fee added for this plan.</small>
        </div>

        <div class="col-md-6">
          <label class="form-label">Max Slots (Seats) <span class="text-danger">*</span></label>
          <div class="input-group">
            <span class="input-group-text"><i class="fa-solid fa-users"></i></span>
            <input type="number" min="1" max="50" name="max_slots" class="form-control" value="{{ old('max_slots', $servicePlan->max_slots) }}" required>
          </div>
        </div>

        <div class="col-md-6">
          <label class="form-label">Status <span class="text-danger">*</span></label>
          <select name="is_active" class="form-select" required>
            <option value="1" @selected((string) old('is_active', $servicePlan->is_active ? '1' : '0') === '1')>Active</option>
            <option value="0" @selected((string) old('is_active', $servicePlan->is_active ? '1' : '0') === '0')>Pending</option>
          </select>
        </div>

        <div class="col-12">
          <label class="form-label">Features / Description</label>
          <textarea name="features" class="form-control" rows="3" placeholder="Plan features...">{{ old('features', $servicePlan->features) }}</textarea>
        </div>

        <div class="col-12 d-flex gap-2 mt-4">
          <button type="submit" class="btn btn-primary">Update Plan</button>
      </form>
          <form method="POST" action="{{ route('admin.service-plans.destroy', $servicePlan) }}">
            @csrf
            @method('DELETE')
            <button type="submit" class="btn btn-outline-danger" onclick="return confirm('Delete this plan?')">Delete</button>
          </form>
        </div>
    </div>
  </div>
</div>
@endsection