@extends('dashboard.inc.layout')
@section('title', 'ბანერები')
@section('content')
<div class="page-title">
    <div class="title_left">
        <h3>ბანერები</h3>
    </div>
</div>
<div class="clearfix"></div>
@include('dashboard.inc.message')
@include('dashboard.inc.errors')
<div class="content-cont">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <a href="{{ Route('dashboard.banners.create') }}" class="btn btn-dark"><i class="fa fa-plus"></i> {{ trans('dashboard.create') }}</a>
                </div>
                <div class="x_content">
                    @if($items->count())
                    <table class="table main-table table-striped table-hover">
                        <thead>
                            <tr>
                                <th class="text-center column-title" width="30px"><i class="fa fa-sort" aria-hidden="true"></i></th>
                                <th class="text-center column-title" width="50px">ID</th>
                                <th class="text-center column-title" width="50px">{{ trans('dashboard.table_published') }}</th>
                                <th class="column-title">{{ trans('dashboard.table_title') }}</th>
                                <th class="column-title">{{ trans('dashboard.table_created') }}</th>
                                <th class="column-title"></th>
                            </tr>
                        </thead>
                         <tbody id="sortable" data-target="{{ Route('dashboard.banners.sort') }}">
                            @foreach($items as $key => $item)
                            <tr data-id="{{$item->id}}">
                                <td>
                                    <div class="btn btn-default btn-sm handle">
                                        <i class="fa fa-list" aria-hidden="true"></i>
                                    </div>
                                </td>
                                <td class="text-center">
                                    {{ $item->id }}
                                </td>
                                <td class="text-center">
                                    <input type="checkbox" value="published" data-name="ბანერი" data-target="{{ Route('dashboard.banners.action', ['id' => $item->id, 'action' => 'published']) }}" class="js-switch action" @if($item->published) checked @endif />
                                </td>
                                <td>
                                    <a href="{{ Route('dashboard.banners.edit', $item->id) }}" class="title" title="{{ trans('dashboard.table_edit') }}">
                                        @if($item->img)
                                        <img src="{{asset('uploads/'.$item->img)}}" alt="" class="title_img" />
                                        @endif
                                        {{ $item->details->first()->title }}</a>
                                </td>
                                <td>
                                    <i class="fa fa-clock-o" aria-hidden="true"></i> {{ Carbon::parse($item->created_date)->format(config('cms.default_date_format')) }}
                                </td>
                                <td align="right">
                                    <a href="{{ Route('dashboard.banners.edit', $item->id) }}" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i> </a>
                                    <a href="{{ Route('dashboard.banners.destroy', $item->id) }}" class="delete_conf btn btn-danger btn-sm"><i class="fa fa-trash-o"></i> </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    @else
                    <div class="alert alert-info">
                        ბანერები ვერ მოიძებნა
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div><!--  content container -->
@stop