@extends('layouts.admin')
@section('page_title', isset($package)?'Edit Package':'Add Package')
@section('content')
<div class="card">
  <div class="card-header"><h3>{{ isset($package)?'Edit: '.$package->name:'Add New Package' }}</h3><a href="{{ route('admin.packages.index') }}" class="btn btn-sm btn-outline"><i class="fas fa-arrow-left"></i> Back</a></div>
  <div class="card-body">
    <form method="POST" action="{{ isset($package)?route('admin.packages.update',$package->id):route('admin.packages.store') }}">
      @csrf @if(isset($package)) @method('PUT') @endif
      <div style="display:grid;grid-template-columns:2fr 1fr;gap:24px">
        <div>
          <div class="form-row">
            <div class="form-group"><label>Package Name (EN) *</label><input type="text" name="name" class="form-control" value="{{ $package->name??'' }}" required></div>
            <div class="form-group"><label>Package Name (BN)</label><input type="text" name="name_bn" class="form-control" value="{{ $package->name_bn??'' }}"></div>
          </div>
          <div class="form-row">
            <div class="form-group"><label>Category *</label><select name="category_id" class="form-control" required><option value="">-- Select --</option>@foreach($categories as $c)<option value="{{ $c->id }}" {{ ($package->category_id??'')==$c->id?'selected':'' }}>{{ $c->name }}</option>@endforeach</select></div>
            <div class="form-group"><label>Billing Cycle</label><select name="billing_cycle" class="form-control"><option value="monthly" {{ ($package->billing_cycle??'yearly')=='monthly'?'selected':'' }}>Monthly</option><option value="yearly" {{ ($package->billing_cycle??'yearly')=='yearly'?'selected':'' }}>Yearly</option></select></div>
          </div>
          <div class="form-row">
            <div class="form-group"><label>Price (৳) *</label><input type="number" name="price" class="form-control" value="{{ $package->price??'' }}" required></div>
            <div class="form-group"><label>Original Price (৳) <small>for strikethrough</small></label><input type="number" name="original_price" class="form-control" value="{{ $package->original_price??'' }}"></div>
          </div>
          <div class="form-group"><label>Description</label><input type="text" name="description" class="form-control" value="{{ $package->description??'' }}" placeholder="Short description of the package"></div>
          <div class="form-group"><label>WHMCS Order Link</label><input type="url" name="whmcs_link" class="form-control" value="{{ $package->whmcs_link??'' }}" placeholder="https://www.xhostingbd.com/cp/order/..."></div>
          <div class="form-group">
            <label>Features <small style="color:var(--text-light)">(one per line)</small></label>
            @if(isset($package) && $package->features->count())
              @foreach($package->features as $feat)
              <input type="text" name="features[]" class="form-control" value="{{ $feat->feature }}" style="margin-bottom:8px">
              @endforeach
            @endif
            <input type="text" name="features[]" class="form-control" placeholder="e.g. 10 GB NVMe SSD Storage" style="margin-bottom:8px">
            <input type="text" name="features[]" class="form-control" placeholder="e.g. Unlimited Bandwidth" style="margin-bottom:8px">
            <input type="text" name="features[]" class="form-control" placeholder="e.g. Free SSL Certificate" style="margin-bottom:8px">
            <input type="text" name="features[]" class="form-control" placeholder="Add more features..." style="margin-bottom:8px">
            <input type="text" name="features[]" class="form-control" placeholder="Add more features...">
            <button type="button" onclick="addFeatureField()" class="btn btn-sm btn-outline" style="margin-top:8px"><i class="fas fa-plus"></i> Add More</button>
            <div id="extraFeatures"></div>
          </div>
        </div>
        <div>
          <div class="form-group"><label>Sort Order</label><input type="number" name="sort_order" class="form-control" value="{{ $package->sort_order??0 }}"></div>
          <div class="form-group"><label>Mark as Popular</label><select name="is_popular" class="form-control"><option value="0" {{ ($package->is_popular??0)==0?'selected':'' }}>No</option><option value="1" {{ ($package->is_popular??0)==1?'selected':'' }}>Yes</option></select></div>
          <div class="form-group"><label>Mark as Featured</label><select name="is_featured" class="form-control"><option value="0">No</option><option value="1" {{ ($package->is_featured??0)==1?'selected':'' }}>Yes</option></select></div>
          <div class="form-group"><label>Status</label><select name="is_active" class="form-control"><option value="1" {{ ($package->is_active??1)==1?'selected':'' }}>Active</option><option value="0" {{ ($package->is_active??1)==0?'selected':'' }}>Inactive</option></select></div>
          <button type="submit" class="btn btn-primary btn-lg" style="width:100%;margin-top:16px"><i class="fas fa-save"></i> Save Package</button>
        </div>
      </div>
    </form>
  </div>
</div>
@endsection
@section('scripts')
<script>function addFeatureField(){const d=document.getElementById('extraFeatures');const i=document.createElement('input');i.type='text';i.name='features[]';i.className='form-control';i.placeholder='Add feature...';i.style.marginTop='8px';d.appendChild(i);}</script>
@endsection