@extends('layouts.app')

@section('content')
<div class="admin my-3">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h1>Categories</h1>
            </div>
        </div>
        <div class="row mb-5">
            <div class="col-12">
                <h2>Add new Category</h2>
                <form method="post" action="{{route('categories.store')}}" enctype="multipart/form-data">
                    @csrf
                    <label for="category">
                        Category Name
                        <input type="text" name="category" class="form-control" />
                    </label>
                    <label for="description">
                        Category Description
                        <textarea name="descripiton" id="description" cols="30" rows="10" class="form-control"></textarea>
                    </label>
                    <label for="meta_title">
                        Meta Title
                        <input type="text" name="meta_title" class="form-control">
                    </label>
                    <label for="meta_description">
                        Meta Description
                        <input type="text" name="meta_description" class="form-control">
                    </label>
                    <input type="file" name="file" class="form-control">
                    <button type="submit">Create</button>
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <h2>Current categories</h2>
            </div>
            @if($categories)
                @foreach ($categories as $category)
                    <div class="col-sm-3">
                        <a href="#">{{$category->name}}</a>
                        <form method="post" class="delete_form" action="{{route('categories.destroy', $category->id)}}">
                            @method('DELETE')
                            @csrf
                            <button type="submit" class="btn btn-danger">Delete</button>
                        </form>
                        <a href="{{route('categories.edit', $category->id)}}" class="btn btn-warning">Edit the category</a>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
</div>

@endsection