@extends('admin.layouts.app')

@section('title', __('categories.edit'))

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{ __('categories.edit') }}: {{ $category->name }}</h3>
                    <div class="card-tools">
                        <a href="{{ route('admin.ecommerce.categories.index') }}" class="btn btn-secondary btn-sm">
                            <i class="fas fa-arrow-left"></i> {{ __('categories.back') }}
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.ecommerce.categories.update', $category) }}">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name_en">{{ __('categories.name_en') }} *</label>
                                    <input type="text" class="form-control @error('name.en') is-invalid @enderror"
                                           id="name_en" name="name[en]" value="{{ old('name.en', $category->getName('en')) }}" required>
                                    @error('name.en')
                                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name_ar">{{ __('categories.name_ar') }} *</label>
                                    <input type="text" class="form-control @error('name.ar') is-invalid @enderror"
                                           id="name_ar" name="name[ar]" value="{{ old('name.ar', $category->getName('ar')) }}" required dir="rtl">
                                    @error('name.ar')
                                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="parent_id">{{ __('categories.parent') }}</label>
                                    <select class="form-control" id="parent_id" name="parent_id">
                                        <option value="">{{ __('categories.select_parent') }}</option>
                                        @foreach($categories as $id => $name)
                                            <option value="{{ $id }}" {{ old('parent_id', $category->parent_id) == $id ? 'selected' : '' }}>
                                                {{ $name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="description_en">{{ __('categories.description_en') }}</label>
                                    <textarea class="form-control @error('description.en') is-invalid @enderror" id="description_en" name="description[en]" rows="3">{{ old('description.en', $category->getDescription('en')) }}</textarea>
                                    @error('description.en')
                                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="description_ar">{{ __('categories.description_ar') }}</label>
                                    <textarea class="form-control @error('description.ar') is-invalid @enderror" id="description_ar" name="description[ar]" rows="3" dir="rtl">{{ old('description.ar', $category->getDescription('ar')) }}</textarea>
                                    @error('description.ar')
                                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="image">{{ __('categories.image') }}</label>
                                    <input type="file" class="form-control-file" id="image" name="image" accept="image/*">
                                    <small class="form-text text-muted">{{ __('categories.image_help') }}</small>
                                    @if($category->image)
                                        <div class="mt-2">
                                            <img src="{{ Storage::url($category->image) }}" alt="{{ $category->name }}" class="img-thumbnail" style="max-height: 100px;">
                                            <br>
                                            <small class="text-muted">{{ __('categories.current_image') }}</small>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save"></i> {{ __('categories.save') }}
                                </button>
                                <a href="{{ route('admin.ecommerce.categories.index') }}" class="btn btn-secondary">
                                    {{ __('categories.cancel') }}
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection