@extends('layouts.owner')

@section('section-title')
    <h2>Mis eventos</h2>
@endsection

@section('content')
    <main class="eventos">
        <div class="container">
            <div class="row">
                @foreach ($events as $item)
                    <div class="col-xl-4 col-lg-6">
                        <a href="{{ route('owner.dashboard', [$item->id]) }}">
                            <div class="card card-event">
                                <figure>
                                    <img src="{{ $item->image ? url('storage/'.$item->image) : asset('images/preview-default.png') }}" class="card-img-top" alt="{{ $item->name }}">
                                </figure>
                                <div class="card-body">
                                    <h6>{{ $item->name }}</h6>
                                    <p>{{ formatDate($item->dates[0]->date, 'Y-m-d H:i:s', 'd F - g:ia') }}</p>
                                </div>
                            </div>
                        </a>
                    </div>
                @endforeach
            </div>
        </div>

        @if (!count($events))
            <div class="container">
                <div class="jumbotron jumbotron-fluid">
                    <div class="container">
                        <h1 class="text-center">No hay eventos activos</h1>
                    </div>
                </div>
            </div>
        @endif
    </main>
@endsection