@extends('layouts.main')

@section('title')
    {{ $title }}
@endsection

@section('content')
    <div class="flex">
        <div class="grid--item">
            <div class="grid--item--heading">

                <p class="bold">Honeycombs assigned to you
                </p>
                <div>
                    <img src={{asset("images/arrow-right-black.png")}}></img>
                    <img src={{asset("images/beekeper-black.png")}}></img>
                </div>
            </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($assignedToMe) && !empty($assignedToMe->toArray()))
                            @foreach ($assignedToMe as $honeycomb)
                                <tr>
                                    <td class="blue">
                                        <a class="blue small" href="honeycombs/{{$honeycomb->id}}">{{ $honeycomb->name }}
                                        </a>

                                    </td>
                                    <td>{{ $honeycomb->createdBy->name->value}}</td>
                                    <td>25/10/25</td>
                                </tr>
                            @endforeach
                        @else
                            <td rowspan="4" colspan="3">
                                You have no honeycombs
                            </td>
                        @endif

                    </tbody>
                </table>
            </div>
        </div>
        <div class="grid--item">
            <div class="grid--item--heading">

                <p class="bold">
                    Honeycombs created by you
                </p>
                <div>
                    <img src={{asset("images/beekeper-black.png")}}></img>
                    <img src={{asset("images/arrow-right-black.png")}}></img>
                </div>
            </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="blue">
                                        <a class="blue small" href="#">{{ $honeycomb->name }}
                                        </a>

                                    </td>
                                    <td>{{ $honeycomb->createdBy->name->value}}</td>
                                    <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/new" class="primary small add">Create new Honeycomb <img
                            src="{{asset("images/add-black.png")}}"></a>
                </div>
            </div>
        </div>
    </div>
@endsection