@extends('layout')

@section('dashboard-content')

<div class="card">
  <div class="card-body">

    <div style="margin-top: 20px; margin-bottom: 20px;">
      <h3 class="" style="display: inline-block;">Plan Management</h3>
      <div style="float: right;">
      <a href="{{ URL::to('plan-form') }}" style="color: white; background-color: #9900CE; border-radius: 5px;
            padding: 10px; ">Add New Plan</a>
      <a href="#" style="color: #9900CE; border: solid 1px #9900CE; border-radius: 5px;
            padding: 10px; ">Export CSV</a>
      </div>
    </div>

    <!-- Default Table -->
    <table class="table datatable">
      <thead>
        <tr>

          <th scope="col">Name</th>
          <th scope="col">Price</th>
          <th scope="col">Duration</th>
          <th scope="col">Users</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        @foreach($plans as $plan)
        <tr>

          <td>{{ $plan->name }}</td>
          <td>N {{ $plan->price }}</td>
          <td>{{ $plan->duration }} year(s)</td>
          <td>{{ $plan->users }}</td>
          <td>
            <a href="{{ URL::to('edit-plan') }}/{{ $plan->id }}"><i class="bi bi-pencil-square"></i></a>
            |
            <a href="{{ URL::to('delete-plan') }}/{{ $plan->id }}"><i class="bi bi-trash-fill" style="color: red;"></i></a>


          </td>

        </tr>
        @endforeach

      </tbody>
    </table>
    <!-- End Default Table Example -->
  </div>
</div>

@stop