@extends('base')

@section('main')
<div>
    <div>
        <form class="ui form" action="{{ route('tags.store') }}" method="post">
            @csrf
            <div class="field">
                <label>Title</label>
                <input type="text" name="title" placeholder="Title"/>
            </div>
            <button class="ui button" type="submit">Add</button>
        </form>
    </div>
    <table class="ui celled table">
        <thead>
            <tr>
                <th>Title</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            @foreach($tags as $tag)
                <tr>
                    <td>{{ $tag['title'] }}</td>
                    <td>
                        <form action="{{ route('tags.destroy', $tag) }}" method="POST">
                            @csrf
                            @method('DELETE')
                            <button class="ui button negative" type="submit">Delete</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection