@extends('layouts.app')
@section('content')

    <!-- UploadVide area start -->
    <div id="UploadVideo" class="wrap-bg">

        <div class="container">
            <h3>Kategoristyring</h3>
            <form method="post" id="add_cat"
                  action="{{ route('bo.categories.add') }}">

                {{ csrf_field() }}
            <div class="row">

                    <div class="form-group col-md-6">
                        <input id="category" name="category" class="form-control" type="text" maxlength="125">
                    </div>
                    <div class="form-group col-md-2">
                        <button type="submit" class="color-two btn-custom ">Tilføje</button>
                    </div>

            </div>
            </form>
            <div class=" table-responsive ">

                <table class="table table-striped table-hover table-bordered mt-4 ">
                    <thead>

                    <tr>
                        <th>Kategorinavn</th>
                        <th style="width: 28%;">Handlinger</th>
                    </tr>
                    </thead>
                    <tbody class="categoriesList">
                    @foreach($categories as $category)
                    <tr >
                        <td><input name="DynamicTextBox" type="text" value="{{$category->title}}" class="form-control"/></td>
                        <td>
                            <button type="button" class="btn btn-success btn-cat-success rcat_u" data-id="{{$category->id}}">Gemme
                            </button>&nbsp;&nbsp;
                            @if($category->videos->count() < 1)
                            <button type="button" class="btn btn-danger remove rcat" data-id="{{$category->id}}">Slet</button>
                                @endif
                        </td>
                    </tr>
                        @endforeach
                    </tbody>

                </table>
            </div>


        </div>
    </div>

    <!-- Upload Video area end -->
@endsection