@extends('layouts.admin', ['pageType' => 'products'])
@section('content')
    @include('widgets/admin-error-handling')
    <div class="white-container">
        <form action="/admin/products/{{ $product->id }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <div class="form-group">
                <label for="is_active">Aktív</label>
                <input type="checkbox" id="is_active" name="is_active" {{ old('is_active', $product->is_active) ? 'checked' : '' }}>
            </div>

            <div class="form-group">
                <label for="sku">Cikkszám</label>
                <input type="text" class="form-control" id="sku" name="sku" value="{{ old('sku', $product->sku) }}" disabled>
            </div>
            <div class="form-group">
                <label for="name">Név</label>
                <input type="text" class="form-control" id="name" name="name" value="{{ old('name', $product->name) }}" required>
            </div>
            <div class="form-group">
                <label for="description">Leírás</label>
                <textarea class="form-control" id="description" name="description" rows="4" required>{{ old('description', $product->description) }}</textarea>
            </div>
            <div class="form-group">
                <label for="price">Ár</label>
                <input type="text" class="form-control" id="price" name="price" value="{{ old('price', $product->price) }}" required>
            </div>
            <div class="form-group">
                <label for="old_price">Régi ár</label>
                <input type="text" class="form-control" id="old_price" name="old_price" value="{{ old('old_price', $product->old_price) }}"
                    required>
            </div>
            <div class="form-group">
                <label for="image">Kép</label><br>
                <img style="width:300px;" src="/storage/product_images/{{ $product->id }}.{{ $product->image_extension }}">
                <input type="file" class="form-control-file" id="image" name="image" accept="image/*">
            </div>

            <div class="modal-footer">
                <button type="submit" class="btn submit-button">Módosít</button>
            </div>
        </form>
    </div>
    <script>
        CKEDITOR.replace('description', {
            allowedContent: true,
            height: 400,
        });
    </script>
@endsection