@extends('layouts.master')

@section('title')
Accounts
@endsection

@section('content.header.title')
Accounts Types
@endsection

@section('content.header.info')
Manage account data here.
@endsection

@section('content')
<section class="content">
  <div class="container-fluid">
    <div class="row">
      <!-- left column -->
      <div class="col-md-12">
        <div class="card">
          <!-- /.card-header -->
          <div class="card-body table-responsive p-0">
            <table class="table table-hover">
              <tr>
                <th>Name</th>
                <th>Rate</th>
                <th>Monthly Limit</th>
                <th>Tier 1(%)</th>
                <th>Tier 2(%)</th>
                <th>Tier 3(%)</th>
                <th>Description</th>
                <th></th>
              </tr>
              @foreach($accounts as $account)
              <tr>
                <td>@if($account->current_flag == 1)
                  <span class="badge badge-primary">Active</span>
                  @else
                  <span class="badge badge-secondary">Inactive</span>
                  @endif
                  {{$account->name}}</td>
                <td>{{$account->rate}}</td>
                <td>{{$account->monthly_limit}}</td>
                <td>{{$account->ref_tier_1}}</td>
                <td>{{$account->ref_tier_2}}</td>
                <td>{{$account->ref_tier_3}}</td>
                <td>{{$account->description}}</td>
                <td>
                  <a href="/accounts/{{$account->id}}" class="btn btn-info" role="button"
                    aria-pressed="true">Edit</a>
                </td>
              </tr>
              @endforeach
            </table>
          </div>
          <!-- /.card-body -->
        </div>

      </div>
    </div>
    <!-- /.row -->
  </div><!-- /.container-fluid -->
</section>
@endsection('content')