@extends('layout.base')

@section('content')
<h1>Extra's</h1>

<p><a href="{{ route('extra.create') }}" type="button" class="btn btn-primary">Add extra</a></p>

<table class="table table-hover">
    <thead class="thead-dark">
    <tr>
        <th>Name</th>
        <th>Price</th>
        <th>Per</th>
        <th>Icon</th>
        <th width="5%"></th>
    </tr>
    </thead>
    <tbody>
    @foreach($extras as $extra)
        <tr>
            <td>{{ $extra->name }}</td>
            <td>&euro; {{ $extra->price }}</td>
            <td>{{ $extra->per }}</td>
            <td>{!! $extra->icon !!}</td>
            <td>
                <div class="btn-group" role="group">
                    <a href="{{ route('extra.edit', $extra->id) }}"
                        class="btn btn-success btn-sm">To adjust</a>
                    <a href="{{ route('extra.delete', $extra->id) }}"
                        class="btn btn-success btn-sm btn-danger"><i class="fa fa-trash-alt"></i></a>
                </div>
            </td>
        </tr>
    @endforeach
    </tbody>
</table>
@endsection