@extends('layouts.admin')

@section('content')

<div class="row" style="margin-top: 2em; margin-bottom: 2em">
    
    @if($packages->count() > 0)
    @foreach($packages as $package)
	<div class="col-sm-4">  
        <div class="card" style="width: 18rem;text-align: center;align-items: center;">
          <img class="card-img-top" src="/icon/{{ $package->icon }}" alt="{{ $package->name }}" style="width:100px; height:100px;">
          <div class="card-body">
            <h5 class="card-title">{{ $package->name }}</h5>
            <p class="card-text">
                <ul class="avb-price" style="text-align:left;">
                    <li><i data-feather="check"></i>Storage Capacity: <strong>{{ $package->capacity }} GB</strong></li>
                    <li><i data-feather="check"></i>Recurring Type: <strong>{{ $package->type }}</strong></li>
                    <li><i data-feather="check"></i>Price: <strong>$ {{ $package->price }}</strong></li>
                </ul>
            </p>
            @if(Auth::user()->package_id == $package->id)
            <a class="btn btn-success">Current Package</a>
            @else
            <a href="{{ route('upgradepackage', $package->id) }}" class="btn btn-primary">Upgrade Package</a> 
            <!-- userpayment -->
            @endif
          </div>
        </div>
    </div>
    @endforeach
    @endif
</div>

@endsection