@extends('layout/template')

@section('content')
    <a href="/g/new" class="btn btn-outline-success" style="float: right;">New Gallery</a>
    <h1>Gallery</h1>
    <div style="clear: both; margin-bottom: 10px;"></div>
        <div class="col-md-12">
            <table class="table table-striped">
                <tr>
                    <th>#</th>
                    <th>Preview</th>
                    <th>Name</th>
                    <th>Create Date</th>
                    <th></th>
                </tr>
                @foreach($galleries as $gallery)
                    <tr>
                        <td>{{ $gallery->id }}</td>
                        <td style="padding-top:5px;padding-bottom: 5px;">
                            @if($gallery->main_image == null)
                                <img src="/images/lens-3114729_1920.jpg" height="87px;">
                                @else
                                <img src="/{{ $tenant->url }}/{{ $gallery->url }}/{{ $gallery->main_image }}/file?size=small" height="87px;">
                                @endif

                        </td>
                        <td>{{ $gallery->name }}</td>
                        <td>{{ $gallery->gallery_create_time }}</td>
                        <td>
                            <div class="dropdown">
                                <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Actions
                                </button>
                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                    <a class="dropdown-item" href="/g/{{$gallery->url}}/upload">Upload Images</a>
                                    <a class="dropdown-item" href="/g/{{$gallery->url}}">Bilder</a>
                                    <a class="dropdown-item" href="#">Delete</a>
                                </div>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </table>
        </div>




@endsection