@extends('admin._layouts.master')

@section('content')

    @include('admin._partials.search')

    <div class="box">
        <div class="box-header">
            <h3 class="box-title">@transUcFirst('admin.sections.restaurant.service-fee-types')</h3>
            <div class="pull-right box-tools">
                <a href="{!! mRoute('trashed') !!}" class="btn btn-slim btn-warning"><i class="fa fa-trash-o"></i>&nbsp; @transUc('ui.deletables.recycle_bin')
                </a>
                <a href="{!! mRoute('create') !!}" class="btn btn-slim btn-success"><i class="fa fa-plus"></i>&nbsp; @transUc('ui.index.create')</a>
            </div>
        </div>
        <div class="box-body no-padding table-responsive">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>#</th>
                    <th>@transUc('models.generic.name')</th>
                    <th>@transUc('models.transaction.type')</th>
                    <th>@transUc('generic.amount')</th>
                    <th></th>
                </tr>
                </thead>
                <tbody class="sortable" data-sortable-url="{{ route('admin.sorting', 'service-fee') }}">
                @foreach($rows as $row)
                    <tr data-id="{{ $row->id }}" data-click-url="{{ mRoute('edit',  $row->id) }}">
                        <td class="handle">
                            <span> <i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i></span>
                            &nbsp;{!! $row->id !!}
                        </td>
                        <td>{{ $row->name }}</td>
                        <td>@transUc('models.service_fee_type.types.' . $row->type)</td>
                        <td>{{ $row->amount }}</td>
                        <td style="width: 33px;">
                            <button class="btn btn-slim btn-danger deletable" data-url="{{ mRoute('destroy',  $row->id) }}">
                                <i class="fa fa-times"></i>
                            </button>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

@endsection