@extends('layouts.backoffice')

@include('layouts.backofficePartials.modelNav')

@section('content')

    @if(isset($items) && count($items))
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>#</th>
                    <th>Name</th>
                    <th>Code</th>
                    <th>RGB</th>
                    <th>Color Hex</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                @foreach($items as $item)
                    <tr>
                        <td>{{$item->id}}</td>
                        <td>{{$item->name}}</td>
                        <td>{{$item->code}}</td>
                        <td>{{$item->r}} {{$item->g}} {{$item->b}}</td>
                        <td><div style="float:left;width:35px;height:35px;background-color: #{{$item->hex}}">&nbsp;</div> #{{$item->hex}} </td>
                        <td>
                            <form class="form-inline" action="{{url($modelNav['destroy'].$item->id)}}" method="post">
                                <a href="{{url($modelNav['edit'].$item->id)}}" class="btn btn-success">Edit</a>
                                <div class="form-group">
                                {{ csrf_field() }}
                                <button href="#" data-confirm="{{trans('site.confirm_delete')}}" name="destroy" class="btn btn-danger btn-delete">Delete</button>
                                </div>
                            </form>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @else
        {{trans('backoffice.no_records')}}
    @endif
@endsection
@section('pagination')
    @if(isset($items) && count($items))
        {{ $items->links() }}
    @endif
@endsection