{{--
    Copyright (c) 2024 Duncan McQuat
    All rights reserved.
--}}

@extends('admin.layout', ['title' => 'Flags'])
@include('admin.navbar')
@section('content')
<div id="itemTableWrapper">
    @if (session('error'))
    <div class="alert alert-danger">
        {{ session('error') }}
    </div>
    @endif
    @if ($errors->any())
    <div class="alert alert-info">
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    <table class="table table-bordered" id="itemTable">
        <tr>
            <th>Item</th>
            <th>Comment</th>
            <th>User</th>
            <th>Created</th>
            <th>Actions</th>
        </tr>
        @foreach ($flags as $flag)
        <tr>

            <td>{{ json_decode($flag->item()->select(['name'])->get(), true)[0]['name'] }}</td>
            <td>{{ $flag['comment'] }}</td>
            <td>{{ $flag['user'] }}</td>
            <td>{{ Carbon\Carbon::parse($flag['date'])->toFormattedDateString() }}</td>
            <td>
                <button class="btn btn-outline-primary flagEditButtons" data-bs-toggle="modal" data-bs-target="#flagEditModal" value="{{$flag['id']}}">Edit</button>
            </td>
        </tr>
        @endforeach
    </table>
</div>
<div class="modal fade" id="flagEditModal" tabindex="-1" aria-labelledby="flagEditModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="flagEditModalLabel"></h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="flagEditForm" action="" method="POST">
                    @method('patch')
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Comment</label>
                        <input type="text" name="comment" class="form-control" id="flagEditComment">
                    </div>
                </form>
            </div>
            @isset ($flag)
            <div class="modal-footer">
                <form method="POST" id="flagDeleteForm" class="me-auto">
                    @method('delete')
                    @csrf
                    <button type="submit" class="btn btn-outline-danger">Delete</button>
                </form>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Discard</button>
                <button form="flagEditForm" type="submit" class="btn btn-primary" data-bs-dismiss="modal">Save</button>
            </div>
            @endisset
        </div>
    </div>
</div>
@endsection
@section('js')
@vite(['resources/js/admin/flags.ts'])
@endsection