@extends('layouts.admin')

@section('content')

<div class="row">
    <h2>Package Details</h2>
    <div class="col-12">
      	<table class="table table-hover responsive nowrap" style="width:100%">
	        <tbody>
	            <tr>
	                <th>Icon</th>
	                <td>
		           	    @if(isset( $package->icon))
		           	    <img src="/icon/{{ $package->icon }}" style="width:30px;height:30px;">
		           	    @else
		           	    N/A
		           	    @endif
		           	</td>
	            </tr>
	        	<tr>
	        		<th>Package Name</th>
	        		<td>{{ $package->name }}</td>
	        	</tr>
	        	<tr>
		            <th>Price</th>
		            <td>${{ $package->price }}</td>
		        </tr>
	        	<tr>
		            <th>Storage Capacity</th>
		            <td>{{ $package->capacity }} GB</td>
		        </tr>
	        	<tr>
		            <th>Recurring Type</th>
		            <td>{{ $package->type }}</td>
		        </tr>

	        	<tr>
		            <th>Show On Front</th>
		            <td>{{ $package->showOnFront }}</td>
		        </tr>
		        <tr>
		            <th>Description</th>
		            <td>{{ $package->description }}</td>
		        </tr>
		        @if(Auth::user()->role == 'admin')
	        	<tr>
		            <th>Actions</th>
		           	<td>
		           		<a href="{{ route('package.edit', $package->id) }}">
                            <i class='fa fa-edit' aria-hidden="true"></i>
                        </a>
                        <form action="{{ route('package.destroy', $package->id) }}" method="post" class="form-delete">
                        @csrf
                        @method('DELETE')
                            <button type="submit" class="btn-delete"  onclick="return confirm('Are you sure you want to delete this package?');">
                                <i class="fa fa-trash-o"></i>
                            </button>
                        </form>
		           	</td>
	         	</tr>
	         	@endif
	      	</tbody>
	    </table>
  	</div>
</div>

@endsection