@extends('adminlte::page')

@section('title', 'Modificar categoría')

@section('content_header')
    <h1>Dashboard</h1>
@endsection

@section('content')
    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">Modificar categoría</h3>
        </div>

        <form autocomplete="off" action="{{ Route('categoryModified') }}" method="POST" id="form-category"
            enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="idCategory" value="{{ $category->id }}">
            <div class="card-body">
                <div class="form-group">
                    <label for="name">Nombre:</label>
                    <input type="text" class="form-control @error('name') is-invalid @enderror" id="name"
                        name="name" placeholder="Ingresa el nombre" value="{{ old('name') ?? $category->display_name }}" minlength="3"
                        maxlength="25" pattern="^\S.*" required>
                    <span id="error-name" class="text-danger"></span>
                    @if ($errors->has('name'))
                        <span class="text-danger">{{ $errors->first('name') }}</span>
                    @endif
                </div>

                <div class="form-group">
                    <label for="description">Descripción:</label>
                    <textarea name="description" id="description" class="form-control @error('description') is-invalid @enderror"
                        rows="3" minlength="10" maxlength="200" placeholder="Ingresa una descripcion" pattern="^\S.*"
                        style="resize: none;" required>{{ old('description') ?? $category->description }}</textarea>
                    <span id="counter">0/200</span>
                    <span id="error-description" class="text-danger"></span>
                    @if ($errors->has('description'))
                        <span class="text-danger">{{ $errors->first('description') }}</span>
                    @endif
                </div>

                <div class="form-group">
                    <label for="slug">Etiqueta:</label>
                    <input readonly type="text" class="form-control @error('slug') is-invalid @enderror" id="slug"
                        name="slug" value="{{ old('slug') ?? $category->slug }}" minlength="5" maxlength="25" pattern="^\S.*" required>
                    <span id="error-slug" class="text-danger"></span>
                    @if ($errors->has('slug'))
                        <span class="text-danger">{{ $errors->first('slug') }}</span>
                    @endif
                </div>

                @if (isset($subcategory))
                    <div class="form-group">
                        <label for="image" class="form-label">Imagen (opcional):</label>
                        <input type="file" class="form-control" id="image" name="image" accept="image/*">
                        <small>Deja en blanco si quieres que se conserve la anterior</small>
                        <small>Tipo de archivo: imagen | Extensiones permitidas: jpeg, png, jpg | max: 2MB</small>
                        <small>Dimensiones recomendadas: 0px X 0px</small>
                        <span id="error-image" class="text-danger"></span>
                        @if ($errors->has('image'))
                            <span class="text-danger">{{ $errors->first('image') }}</span>
                        @endif
                    </div>
                @endif


                @if (isset($parents))
                    {{-- Subcategory --}}
                    <div class="form-group mt-3" id="categorySelect">
                        <label for="subcategory">Categoría padre</label>
                        <select class="form-control @error('subcategory') is-invalid @enderror" id="subcategory"
                            name="subcategory">
                            @foreach ($parents as $parent)
                                <option value="{{ $parent->id }}" @selected(old('subcategory') ?? $category->iam_category_id == $parent->id)>
                                    {{ $parent->display_name }}
                                </option>
                            @endforeach
                        </select>
                        @if ($errors->has('subcategory'))
                            <span class="text-danger">{{ $errors->first('subcategory') }}</span>
                        @endif
                    </div>
                @endif

                <div class="card-footer mt-3">
                    <input type="submit" class="btn btn-warning" id="submitBrand" value="Modificar">
                </div>
        </form>
    </div>
@endsection

@section('js')
    @vite('resources/js/categories/validationsCategory.js')
@endsection