@extends('dashboard.admin.layout')

@section('title', 'Investment Plans')
@section('page_subtitle', 'Plans list first, with plan creation moved into a standard modal workflow.')

@section('content')
<div class="admin-inner">
  <div class="card">
    <div class="card-header">
      <div class="management-toolbar">
        <div class="management-copy">
          <h5>Plans</h5>
          <p>Review pricing, duration, ROI, and status before opening the create form.</p>
        </div>
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createPlanModal">
          <i class="icon ion-md-add"></i> Create Plan
        </button>
      </div>
    </div>
    <div class="card-body pt-0 table-responsive">
      <table class="table">
        <thead><tr><th>ID</th><th>Name</th><th>Price</th><th>Duration</th><th>ROI%</th><th>Status</th><th>Actions</th></tr></thead>
        <tbody>
        @forelse($plans as $plan)
          <tr>
            <td>{{ $plan->id }}</td>
            <td>{{ $plan->name }}</td>
            <td>${{ number_format($plan->price, 2) }}</td>
            <td>{{ $plan->duration_days }}d</td>
            <td>{{ number_format($plan->roi_percent, 2) }}%</td>
            <td>{{ $plan->trashed() ? 'Deleted' : ($plan->is_active ? 'Active' : 'Inactive') }}</td>
            <td>
              @if(!$plan->trashed())
                <button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#editPlan{{ $plan->id }}">Edit</button>
                <form method="POST" action="{{ route('admin.plans.delete', $plan) }}" style="display:inline;">@csrf<button class="btn btn-sm btn-outline-danger" onclick="return confirm('Delete this plan?')">Delete</button></form>
              @else
                <form method="POST" action="{{ route('admin.plans.restore', $plan->id) }}" style="display:inline;">@csrf<button class="btn btn-sm btn-success">Restore</button></form>
              @endif
            </td>
          </tr>

          @if(!$plan->trashed())
          <div class="modal fade" id="editPlan{{ $plan->id }}" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-lg" role="document">
              <div class="modal-content">
                <div class="modal-header"><h5 class="modal-title">Edit {{ $plan->name }}</h5><button type="button" class="close" data-dismiss="modal">&times;</button></div>
                <form method="POST" action="{{ route('admin.plans.update', $plan) }}" enctype="multipart/form-data">
                  @csrf
                  <div class="modal-body">
                    <div class="row">
                      <div class="col-md-4 form-group"><label>Name</label><input class="form-control" name="name" value="{{ $plan->name }}" required></div>
                      <div class="col-md-2 form-group"><label>Price</label><input type="number" step="0.01" class="form-control" name="price" value="{{ $plan->price }}" required></div>
                      <div class="col-md-2 form-group"><label>Duration (days)</label><input type="number" class="form-control" name="duration_days" value="{{ $plan->duration_days }}" required></div>
                      <div class="col-md-2 form-group"><label>ROI %</label><input type="number" step="0.01" class="form-control" name="roi_percent" value="{{ $plan->roi_percent }}" required></div>
                      <div class="col-md-12 form-group"><label>Hero Image URL</label><input class="form-control" name="hero_image" value="{{ $plan->hero_image }}"></div>
                      <div class="col-md-12 form-group"><label>Hero Image Upload</label><input type="file" class="form-control" name="hero_image_file" accept="image/*"></div>
                      <div class="col-md-12 form-group"><label>Description</label><textarea class="form-control" name="description" rows="3">{{ $plan->description }}</textarea></div>
                      <div class="col-md-12 form-group"><label>Features (one per line)</label><textarea class="form-control" name="features" rows="3">{{ is_array($plan->features) ? implode("\n", $plan->features) : '' }}</textarea></div>
                      <div class="col-md-4 form-group"><div class="form-check"><input class="form-check-input" type="checkbox" name="is_active" value="1" id="active{{ $plan->id }}" @checked($plan->is_active)><label class="form-check-label" for="active{{ $plan->id }}">Active</label></div></div>
                    </div>
                  </div>
                  <div class="modal-footer"><button type="button" class="btn btn-outline-primary" data-dismiss="modal">Cancel</button><button type="submit" class="btn btn-primary">Save</button></div>
                </form>
              </div>
            </div>
          </div>
          @endif
        @empty
          <tr><td colspan="7" class="text-center">No plans yet.</td></tr>
        @endforelse
        </tbody>
      </table>
      {{ $plans->links() }}
    </div>
  </div>
</div>

<div class="modal fade" id="createPlanModal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header"><h5 class="modal-title">Create Plan</h5><button type="button" class="close" data-dismiss="modal">&times;</button></div>
      <form method="POST" action="{{ route('admin.plans.create') }}" enctype="multipart/form-data">
        @csrf
        <div class="modal-body">
          <div class="row">
            <div class="col-md-4 form-group"><label>Name</label><input class="form-control" name="name" required></div>
            <div class="col-md-2 form-group"><label>Price</label><input type="number" step="0.01" class="form-control" name="price" required></div>
            <div class="col-md-2 form-group"><label>Duration (days)</label><input type="number" class="form-control" name="duration_days" min="1" value="30" required></div>
            <div class="col-md-2 form-group"><label>ROI %</label><input type="number" step="0.01" class="form-control" name="roi_percent" value="8" required></div>
            <div class="col-md-12 form-group"><label>Hero Image URL</label><input class="form-control" name="hero_image" placeholder="https://..."></div>
            <div class="col-md-12 form-group"><label>Hero Image Upload</label><input type="file" class="form-control" name="hero_image_file" accept="image/*"></div>
            <div class="col-md-12 form-group"><label>Description</label><textarea class="form-control" name="description" rows="3"></textarea></div>
            <div class="col-md-12 form-group"><label>Features (one per line)</label><textarea class="form-control" name="features" rows="3"></textarea></div>
            <div class="col-md-4 form-group"><div class="form-check"><input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active" checked><label class="form-check-label" for="is_active">Active</label></div></div>
          </div>
        </div>
        <div class="modal-footer"><button type="button" class="btn btn-outline-primary" data-dismiss="modal">Cancel</button><button class="btn btn-primary" type="submit">Create Plan</button></div>
      </form>
    </div>
  </div>
</div>
@endsection