@extends('admin.layouts.app')
<style>
    tr:nth-child(even) {
        background-color: #f2f2f2;
    }
</style>
@section('title')
    <div class="mr-auto">
        <h3 class="m-subheader__title m-subheader">Your Prizes</h3>
        <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
        </ul>
    </div>
    <div>
        <a href="{{ url('admin-area/prizes/create') }}" class="btn m-btn--pill btn-brand">
            <i class="flaticon-plus"></i> Cadastrar Your Prizes
        </a>
    </div>
@endsection
@section('content')
    <div class="row">
        <div class="col-xl-12">
            <div class="m-portlet__body">
                <div class="m_datatable m-datatable m-datatable--default m-datatable--scroll m-datatable--loaded" id="m_datatable_latest_orders" style="">
                    <table class="m-datatable__table" id="example" style="display: block;">
                        <thead class="m-datatable__head">
                        <tr class="m-datatable__row">
                            <th  style="width: 10%; text-align: center" class="m-datatable__cell">ID</th>
                            <th  style="width: 15%; text-align: center" class="m-datatable__cell">Imagem</th>
                            <th  style="width: 15%; text-align: center" class="m-datatable__cell">Title</th>
                            <th  style="width: 35%; text-align: center" class="m-datatable__cell">Description</th>
                            <th  style="width: 15%; text-align: center" class="m-datatable__cell">Pontos</th>
                            <th  style="width: 15%; text-align: center" class="m-datatable__cell">Preço</th>
                            <th  style="width: 10%; text-align: center" class="m-datatable__cell">Ações</th>
                        </tr>
                        </thead>
                        <tbody class="m-datatable__body mCustomScrollbar _mCS_9 mCS-autoHide">
                        @foreach($prizes as $prize)
                            <tr data-row="0" class="m-datatable__row m-datatable__row--even">
                                <td style="width: 10%; text-align: center" class="m-datatable__cell">{{ $prize->id }}</td>
                                <td style="width: 15%; text-align: center" class="m-datatable__cell"><img src="{{ url('images/' . $prize->slug . $prize->image) }}" alt=""></td>
                                <td style="width: 15%; text-align: center" class="m-datatable__cell">{{ $prize->title }}</td>
                                <td style="width: 35%; text-align: center" class="m-datatable__cell">{{ $prize->description }}</td>
                                <td style="width: 15%; text-align: center" class="m-datatable__cell">{{ $prize->point }}</td>
                                <td style="width: 15%; text-align: center" class="m-datatable__cell">{{ $prize->price }}</td>
                                <td style="width: 10%; text-align: center" class="m-datatable__cell">
                                    <a href="{{ url('admin-area/prizes/' . $prize->id . '/edit') }}" class="m-portlet__nav-link btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill" title="Informações"><i class="m-menu__link-icon flaticon-edit"></i></a>
                                    {{--<button id="{{ $line->id }}" type="button" data-url="{{ url('/admin-area/linhas/' . $line->id) }}" data-token="{{ csrf_token() }}" class="delete-sweet m-portlet__nav-link btn m-btn m-btn--hover-danger m-btn--icon m-btn--icon-only m-btn--pill" title="Deletar"><i class="m-menu__link-icon flaticon-delete-1"></i></button>--}}
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection