@extends("admin.layouts.app")
@section("styles")
    <link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/jquery-nestable/jquery.nestable.css"
          rel="stylesheet" type="text/css"/>

@endsection
@section("content")
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-list font-green"></i>
                        <span class="caption-subject font-green bold uppercase">Colors for the Item {{$item->nickname}}</span>
                    </div>
                    <div class="actions">
                        <a href="{{route("admin.items.colors.create",$item)}}" class="btn btn-primary">
                            <i class="fa fa-plus"></i> Create </a>
                    </div>
                </div>
                <div class="portlet-body">
                    <div class="table-scrollable">
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th> Color </th>
                                <th> @lang("constants.title") </th>
                                <th class="text-center"> @lang("constants.is_active") </th>
                                <th> @lang("constants.options") </th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($item_colors as $item_color)
                                <tr>
                                    <td>
                                        <button type="button" style="background-color:{{$item_color->color->color}}" class="btn btn-circle">&nbsp;</button>
                                    </td>
                                    <td>
                                        {{$item_color->color->name}}
                                    </td>

                                    <td class="text-center">
                                        <a href="#" data-type="is_active" data-class="Color" data-id="{{$item_color->id}}" id="{{$item_color->id}}" class="attribute is-active">@if ($item_color->is_active) <i class="fa fa-check text-success fs15 pr5"></i> @else <i class="fa fa-times text-danger fs15 pr5"></i> @endif</a>
                                    </td>

                                    <td>
                                        <a href="{{route("admin.items.colors.images.index",[$item,$item_color->id])}}" class="btn btn-outline btn-sm purple" title="Images"><i class="fa fa-image"></i> Images</a>
                                    </td>
                                </tr>
                            @empty
                            @endforelse
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="8">
                                    {!! $item_colors->links()!!}
                                </td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        @endsection