 <!--start main wrapper-->
    <main class="main-wrapper">
        <div class="main-content">
            <div class="row my-2">
                <div class="col-md-12">
                    <div class="input-group custom-search">
                        <span class="input-group-text"><i class="bi bi-search"></i></span>
                        <input type="text" class="form-control" placeholder="Search..." aria-label="Search">
                    </div>
                </div>
            </div>
<div class="row g-3">
    <div class="col-md-6">
      <div class="report-card">
        <!-- Header -->
        <div class="report-header">
          Promotion video #1001 
        </div>

        <!-- Body -->
        <div class="report-body p-3">
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Reported User:</div>
            <div class="">user123@example.com</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Budget: </div>
            <div class="">$120.00</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Number of days:</div>
            <div class=""> 5 days</div> 
          </div>
          <div class="row mb-3">
            <div class="col-12 report-label">Evidence:</div>
           <div class="col-6 mt-2">
  <img src="<?= base_url('assets/images/r1.png'); ?>" alt="Evidence" class="img-fluid border">
</div>

          </div>

          <!-- Buttons -->
          <div class="d-flex justify-content-end gap-2">
            <button class="btn btn-success custom-btn">Accepct</button>
            <button class="btn btn-danger custom-btn">Reject</button>
        
          </div>
        </div>
      </div>
    </div>
      <div class="col-md-6">
      <div class="report-card">
        <!-- Header -->
        <div class="report-header">
          Promotion video #1001 
        </div>

        <!-- Body -->
        <div class="report-body p-3">
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Reported User:</div>
            <div class="">user123@example.com</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Budget: </div>
            <div class="">$120.00</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Number of days:</div>
            <div class=""> 5 days</div> 
          </div>
          <div class="row mb-3">
            <div class="col-12 report-label">Evidence:</div>
           <div class="col-6 mt-2">
  <img src="<?= base_url('assets/images/r1.png'); ?>" alt="Evidence" class="img-fluid border">
</div>

          </div>

          <!-- Buttons -->
          <div class="d-flex justify-content-end gap-2">
            <button class="btn btn-success custom-btn">Accepct</button>
            <button class="btn btn-danger custom-btn">Reject</button>
        
          </div>
        </div>
      </div>
    </div>
      <div class="col-md-6">
      <div class="report-card">
        <!-- Header -->
        <div class="report-header">
          Promotion video #1001 
        </div>

        <!-- Body -->
        <div class="report-body p-3">
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Reported User:</div>
            <div class="">user123@example.com</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Budget: </div>
            <div class="">$120.00</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Number of days:</div>
            <div class=""> 5 days</div> 
          </div>
          <div class="row mb-3">
            <div class="col-12 report-label">Evidence:</div>
           <div class="col-6 mt-2">
  <img src="<?= base_url('assets/images/r1.png'); ?>" alt="Evidence" class="img-fluid border">
</div>

          </div>

          <!-- Buttons -->
          <div class="d-flex justify-content-end gap-2">
            <button class="btn btn-success custom-btn">Accepct</button>
            <button class="btn btn-danger custom-btn">Reject</button>
        
          </div>
        </div>
      </div>
    </div>
      <div class="col-md-6">
      <div class="report-card">
        <!-- Header -->
        <div class="report-header">
          Promotion video #1001 
        </div>

        <!-- Body -->
        <div class="report-body p-3">
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Reported User:</div>
            <div class="">user123@example.com</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Budget: </div>
            <div class="">$120.00</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Number of days:</div>
            <div class=""> 5 days</div> 
          </div>
          <div class="row mb-3">
            <div class="col-12 report-label">Evidence:</div>
           <div class="col-6 mt-2">
  <img src="<?= base_url('assets/images/r1.png'); ?>" alt="Evidence" class="img-fluid border">
</div>

          </div>

          <!-- Buttons -->
          <div class="d-flex justify-content-end gap-2">
            <button class="btn btn-success custom-btn">Accepct</button>
            <button class="btn btn-danger custom-btn">Reject</button>
        
          </div>
        </div>
      </div>
    </div>
 
  </div>

        </div>

    </main>
    <!--end main wrapper-->