@extends('layouts.admin')
@section('content')
    @push('page-title')
        Edit {{ $category->name }} Category - Admin
    @endpush
    <section class="pageHero">
        <div class="container">
            <div class="inner">
                <div class="row">
                    <div class="col-md-8">
                        <h1>Edit {{ $category->name }} Category</h1>
                    </div>
                    <div class="col-md-4 d-flex justify-content-end">
                        <a href="{{ route('admin.categories.index') }}" class="solidGoldBtn">All Categories</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @if($errors->any())
        <div class="flex flex-row alert alert-danger">
            <ul>
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <section class="pageMain">
        <div class="container">
            <div class="inner">
                <div class="row">
                    <div class="col-12">
                        <form action="{{ route('admin.categories.store') }}" method="post" enctype="multipart/form-data">
                            @csrf
                            @method('push')
                            <div class="row">
                                <div class="col-12">
                                    <label for="">Name *</label>
                                    <input type="text" name="name" id="name" value="{{ old('name', $category->name) }}" required>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <label for="">Description *</label>
                                    <textarea name="description" id="description" cols="30" rows="10" class="tinyEditor">{{ old('description', $category->description) }}</textarea>
                                </div>
                                <script>
                                    tinymce.init({
                                        selector: '.tinyEditor',
                                        setup: function(editor){
                                            editor.on('init', function(){
                                                editor.setContent('{!! $category->description !!}');
                                            });
                                        }
                                    })
                                </script>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <label for="">Current Image</label>
                                    <img style="display: block; height: 100px; margin: 0; width: 100px;" class="img-fluid" src="{{ Storage::url($category->image) }}">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <label for="">Image *</label>
                                    <input type="file" name="image" id="image">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <button type="submit" class="solidGoldBtn">Update</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection