@extends('admin.layout.default')
@section('content')

<div class="row">
    <div class="col-md-12 p-0">
        <div class="actionButtons pull-left">
            <a href="edit/{{ $event->id }}/{{ $event->title }}" class="btn btn-sm btn-default pull-left">
                <i class="fa fa-chevron-left"></i> Regresar
            </a>
        </div>
        <ol class="breadcrumb pull-right hidden-phone">
            <li><a href="/"><i class="fa fa-home"></i> Home</a></li>
            <li><a href="{{ $base }}">Galerías</a></li>
            <li class="active">imagenes</li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-md-12 p-0 m-t-10">
        <div class="panel panel-inverse">
            <div class="panel-heading">
                <div class="panel-heading-btn">
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                </div>
                <h4 class="panel-title">Imágenes</h4>
            </div>
            <div class="panel-body">
                <table id="table_event-images" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th width="10"></th>
                            <th width="30">ID</th>
                            <th width="30">Imagen</th>
                            <th width="80">Status</th>
                            <th width="60">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($gallery as $image)
                        <tr data-id="{{ $image->id }}" id="article_{{ $image->id }}" class="orderable">
                            <td class="draggable">
                                {{ $image->priority }}
                            </td>
                            <td>
                                {{ $image->id }}
                            </td>
                            <td>
                                <a href="/admin/images/edit/{{ $image->id }}/{{ $image->slug }}">
                                    <div class="previewImage" style="background-image: url({{ $image->image }})"></div>
                                </a>
                            </td>
                            <td>
                                <span class="label {{ $image->status }}">{{ $image->status }}</span>
                            </td>
                            <td>
                                <a href="/admin/images/edit/{{ $image->id }}/{{ $image->slug }}" class="btn btn-success btn-icon btn-circle btn-sm">
                                    <i class="fa fa-edit"></i>
                                </a>
                                <a href="/admin/images/delete/{{ $image->id }}" class="btn btn-danger btn-icon btn-circle btn-sm btnDelete">
                                    <i class="fa fa-times"></i>
                                </a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection