@extends('layouts.main')
@section('title')
    {{ $title }}
@endsection

@section('content')
    <div class="flex grid">
        <div class="grid--item">
            <div class="grid--item--heading">
                <p class="bold">Your honeycombs</p><img src={{asset("images/honeycomb-black.png")}}></img>
            </div>
            <div class="grid--item--content">
                <table class="grid--item--content--table small">
                    <thead>
                        <tr>
                            <th>
                                Honeycomb name
                            </th>
                            <th>
                                Created by
                            </th>
                            <th>
                                Due Date
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @if (isset($honeycombs) && !empty($honeycombs->toArray()))
                            @foreach ($honeycombs as $honeycomb)
                                <tr>
                                    <td class="black">
                                        <a class="black small" href="#">{{ $honeycomb->name }}
                                        </a>

                                    </td>
                                    {{-- @if (!is_string($honeycomb->createdBy))
                                    {{dump((array)$honeycomb)}} --}}
                                    <td>{{ $honeycomb->createdBy}}</td>
                                    {{-- @else
                                    <td>Alex Lingris</td>
                                    @endif --}}
                                    <td>25/10/25</td>
                                </tr>
                            @endforeach
                        @else
                            <td rowspan="4" colspan="3">
                                You have no honeycombs
                            </td>
                        @endif

                    </tbody>
                </table>

                <div class="grid--item--end">
                    <a href="/honeycombs" class="primary small honeycombs">All Honeycombs <img
                            src={{asset("images/honeycomb-black.png")}}></a>
                </div>
            </div>
        </div>
        <div class="grid--item">
            <div class="grid--item--heading">
                <p class="bold">Your honeycombs</p><img src={{asset("images/honeycomb-black.png")}}></img>
            </div>
            {{-- <div class="grid--item--content">
                    <ul>
                        @foreach ($tasks as $task)
                            <a href="#">
                                <li class="black">{{ $task->taskName }}</li>
                            </a>
                        @endforeach
                    </ul>
                </div> --}}
        </div>
        <div class="grid--item">
            <div class="grid--item--heading">
                <p class="bold">Your honeycombs</p><img src={{asset("images/honeycomb-black.png")}}></img>
            </div>
            <div class="grid--item--content">
                <table>
                    {{-- @foreach ($tasks as $task)
                            <tr>
                                <a href="#">
                                    <td class="black">{{ $task->taskName }}</td>
                                </a>
                            </tr>
                        @endforeach --}}
                </table>
            </div>
        </div>
        <div class="grid--item">
            <div class="grid--item--heading">
                <p class="bold">Your honeycombs</p><img src={{asset("images/honeycomb-black.png")}}></img>
            </div>
            <div class="grid--item--content">
                {{-- <ul>
                        @forelse ($tasks as $task)
                            <a href="#">
                                <li class="black">{{ $task->taskName }}</li>
                            </a>

                            @empty
                                No honeycombs found
                        @endforeach
                    </ul> --}}
            </div>
        </div>
    </div>
    </div>
    </main>
@endsection