@extends('layouts.admin-app')
@push('styles')
@endpush
@section('content')
    @include('parts.admin-header')
    <div class="page-body-wrapper sidebar-icon">
        @include('parts.scrollbar')
        <div class="page-body">
            @include('parts.navigation', ['title' => 'Category edit' , 'breadcrumbs' => ['Categories' => route('admin.categories.index'), 'Category edit' => false]])
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <form action="{{route('admin.categories.update', [$category->id])}}" class="needs-validation" novalidate="" method="post">
                                    @csrf
                                    @method('PUT')
                                    <div class="form-row">
                                        <div class="col-md-6 mb-3">
                                            <label for="title">Name</label>
                                            <input type="text" class="form-control" value="{{$category->name}}" id="name" name="name" required="">
                                            <div class="invalid-feedback">
                                                Please write a category name!
                                            </div>
                                            <label for="parent">Select parent category</label>
                                            <select class="form-control" id="parent" name="parent_id">
                                                <option value="0">This is the parent category</option>
                                                @foreach($categories as $parentCategory)
                                                    @if($category->type == $parentCategory->type)
                                                        @if($parentCategory->id == $category->parent_id)
                                                            <option value="{{$parentCategory->id}}" selected>{{$parentCategory->name}}</option>
                                                        @else
                                                            <option value="{{$parentCategory->id}}">{{$parentCategory->name}}</option>
                                                        @endif
                                                    @endif
                                                @endforeach
                                            </select>
                                            <button class="btn btn-primary m-t-25" type="submit">Update</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
<script src="{{asset('assets/js/form-validation-custom.js')}}" ></script>
@endpush