<style>
    body {
        background-image: url('/images/login.jpg');
        background-size: cover;
    }
    input, button { border: black 1px solid }
</style>
<p><font color="#FF0000">TEMPORARY FORM REPLACE THIS BEFORE PUSHING TO PROD</font></p>
<form method="POST" action="{{ route('bookmarks.create-category') }}">
    @csrf
    <table>
        <tr>
            <td><label for="name"><strong>Name:</strong></label></td>
            <td><input name="name" type="text" id="name"></td>
        </tr>
        <tr>
            <td><label for="shuffled"><strong>Shuffle?</strong></label></td>
            <td><input type="checkbox" name="shuffled" class="switch-input" value="1" {{ old('shuffled') ? 'checked="checked"' : '' }}/></td>
        </tr>
    </table>

    <button type="submit">Submit</button>
</form>

<a href="{{ route('bookmarks') }}"><img src="/images/buttons/elwiwi.png"> el wiwi</a>
