@extends('layout')

@section('main')
@php
    $buckets = [ 'buckets' => [[
        'uuid' => 'djdj333j',
        'name' => 'llkjj lk',
        'tags' => [
            'test3', 'test2', 'test1'
        ]
    ],[
        'uuid' => 'djdj333j',
        'name' => 'flwhfjwh lkehjkh ',
        'tags' => [
            'test3', 'test2', 'test1'
        ]
    ]]];
@endphp

<div class="container is-fluid">
    <h2 class="title is-4 is-spaced mt-6 mb-1">
        Buckets
        <a class="button is-small ml-3" href="/bucket/create">
            Create
            <span class="icon">
                <svg aria-hidden="true">
                    <use xlink:href="/symbol-defs.svg#icon-add-circle"></use>
                </svg>
            </span>
        </a>
    </h2>
    <hr class="mt-2" />
    <buckets></buckets>
</div>

@push('scripts')
    <script type="text/javascript" src="/js/home.js"></script>
    <script type="text/javascript" defer>
        riot.mount('buckets', {!! json_encode($buckets) !!});
    </script>
@endpush

@endsection