@extends('admin.layouts.admin')

@section('title')
    Admin | Add Campaign
@endsection

@section('content')
<div class="container-xxl flex-grow-1 container-p-y pt-0">
  <h4 class="py-3 mb-4"><span class="text-muted fw-light">Campaign/</span>Add</h4>
  <div class="row">
    <div class="col-xl">
      <div class="card mb-4">
        <div class="card-header d-flex justify-content-between align-items-center">
          <h5 class="mb-0">Add Campaign</h5>
        </div>
        <div class="card-body">
          @if(Session::has('success'))
              <div class="alert alert-success">
              {{ Session::get('success') }}
              </div>
          @endif
          @if(Session::has('error'))
              <div class="alert alert-danger">
              {{ Session::get('error') }}
              </div>
          @endif

          <form action="{{ route('admin.campaigns.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">

              <!-- Issuer -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="issuer_id">Issuer</label>
                  <select name="issuer_id" class="form-control" required>
                      <option value="">Select Issuer</option>
                      @foreach($issuers as $issuer)
                          <option value="{{ $issuer->id }}">{{ $issuer->full_name }}</option>
                      @endforeach
                  </select>
                </div>
              </div>

              <!-- Title -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="title">Title <span class="text-danger">*</span></label>
                  <input type="text" name="title" class="form-control" value="{{ old('title') }}" required>
                </div>
              </div>

              <!-- Description -->
              <div class="col-12">
                <div class="mb-3">
                  <label class="form-label" for="description">Description</label>
                  <textarea name="description" class="form-control" required>{{ old('description') }}</textarea>
                </div>
              </div>

              <!-- Target Amount -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="target_amount">Target Amount</label>
                  <input type="number" name="target_amount" class="form-control" value="{{ old('target_amount') }}" required>
                </div>
              </div>

              <!-- Min Investment -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="min_investment">Min Investment ($500)</label>
                  <input type="number" name="min_investment" class="form-control" min="500" max="2499" value="{{ old('min_investment') }}" required>
                </div>
              </div>

              <!-- Max Investment -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="max_investment">Max Investment ($2500)</label>
                  <input type="number" name="max_investment" class="form-control" min="501" max="2500" value="{{ old('max_investment') }}" required>
                </div>
              </div>

              <!-- Status -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="status">Status</label>
                  <select name="status" class="form-control" required>
                      @foreach(['draft','active','successful','failed','closed'] as $status)
                          <option value="{{ $status }}" @if(old('status') == $status) selected @endif>{{ ucfirst($status) }}</option>
                      @endforeach
                  </select>
                </div>
              </div>

              <!-- Start Date -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="start_date">Start Date</label>
                  <input type="date" name="start_date" class="form-control" value="{{ old('start_date') }}" required 
                    min="{{ \Carbon\Carbon::today()->toDateString() }}" 
                    max="{{ \Carbon\Carbon::today()->addYears(1)->toDateString() }}">
                </div>
              </div>

              <!-- End Date -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="end_date">End Date</label>
                  <input type="date" name="end_date" class="form-control" value="{{ old('end_date') }}" required 
                    min="{{ \Carbon\Carbon::today()->toDateString() }}" 
                    max="{{ \Carbon\Carbon::today()->addYears(1)->toDateString() }}">
                </div>
              </div>

              <!-- Balance Trust ID -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="balance_trust_id">Balance Trust ID</label>
                  <input type="text" name="balance_trust_id" class="form-control" value="{{ old('balance_trust_id') }}">
                </div>
              </div>

              <!-- Upload Documents -->
              <div class="col-12">
                <h4 class="mt-4">Upload Campaign Documents</h4>

                <!-- Campaign Overview -->
                <div class="mb-3">
                  <label class="form-label" for="campaign_overview">Campaign Overview (PDF)</label>
                  <input type="file" name="campaign_overview[]" class="form-control" multiple accept=".pdf">
                </div>

                <!-- Business Plan -->
                <div class="mb-3">
                  <label class="form-label" for="business_plan">Business Plan (PDF/DOC/DOCX)</label>
                  <input type="file" name="business_plan[]" class="form-control" multiple accept=".pdf,.doc,.docx">
                </div>

                <!-- Financial Projections -->
                <div class="mb-3">
                  <label class="form-label" for="financial_projections">Financial Projections (PDF/XLS/XLSX)</label>
                  <input type="file" name="financial_projections[]" class="form-control" multiple accept=".pdf,.xls,.xlsx">
                </div>
              </div>

              <!-- Submit -->
              <div class="col-12 text-end">
                 <a href="{{ route('admin.campaigns.index') }}" class="btn btn-outline-primary btn-pill btn-stretch font-book ml-3 mt-6 fs-14 me-2">Cancel</a>
                <button type="submit" class="btn btn-primary">Save</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('scripts')
<script>
  // Optional JS scripts for form functionality
</script>
@endsection