@extends('layout.default')
@section('styles')
    <link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css"/>
@endsection
@section('content')
    <div class="card card-custom">
        <div class="card-header flex-wrap border-0 pt-6 pb-0">
            <div class="card-title">
                <h3 class="card-label">Templates
                    {{--                <div class="text-muted pt-2 font-size-sm">Datatable initialized from HTML table</div>--}}
                </h3>
            </div>
            <div class="card-toolbar">
                <a href="{{ url('/admin/cpabanners/templates/create') }}" class="btn btn-primary font-weight-bolder">
                    <span class="svg-icon svg-icon-light svg-icon-2x">
                        <i style="color: white" class="flaticon2-plus"></i>
                    </span>New Template
                </a>
            </div>
        </div>
        <div class="card-body">
            <table class="table table-separate table-head-custom table-foot-custom table-checkable dataTable dtr-inline" id="kt_datatable">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Description</th>
                    <th>Image</th>
                    <th>Group</th>
                    <th>Format</th>
                    <th>Color</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                @foreach($templates as $template)
                    <tr>
                        <td>{{ $template->id }}</td>
                        <td>{{ $template->name }}</td>
                        <td>{!! $template->description !!}</td>
                        <td><img style="max-height: 150px; max-width: 150px" src="{{ url('/images/cpabanners/' . $template->id . '-' . $template->slug . $template->extension) }}" alt=""></td>
                        <td>{{ $template->group->name }}</td>
                        <td>{{ $template->format->name }}</td>
                        <td>{{ $template->color->name }}</td>
                        <td><span class="label font-weight-bold label-lg label-inline {{ ($template->status == 1) ? ' label-light-success' : 'label-light-danger' }}">{{ ($template->status == 1) ? 'Active' : 'Inactive' }}</span></td>
                        <td>
                            <a href="{{ url('/admin/cpabanners/templates/' . $template->id) }}" class="btn" title="preview"><i class="m-menu__link-icon flaticon-eye"></i></a>
                            <a href="{{ url('/admin/cpabanners/templates/' . $template->id . '/edit') }}" class="btn" title="edit"><i class="m-menu__link-icon flaticon-edit"></i></a>
                            <button onclick="deleteKB(this)" id="{{$template->id}}" type="button" data-url="{{ url('/admin/cpabanners/templates/' . $template->id) }}" data-token="{{ csrf_token() }}" class="btn" title="Delete">
                                <i class="m-menu__link-icon flaticon2-trash"></i>
                            </button>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/datatable.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/sweetdelete.js') }}" type="text/javascript"></script>
@endsection