@extends('layouts.admin')

@section('title', 'Edit Product')

@section('content')
<div class="container">
    <!-- Drobečková navigace -->
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.products.index') }}">Products</a></li>
            <li class="breadcrumb-item active" aria-current="page">Edit Product</li>
        </ol>
    </nav>

    <h1>Edit Product</h1>

    @if (session('status'))
    <div class="alert alert-success alert-dismissable fade show" role="alert">
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        {{ session('status') }}
    </div>
    @endif

    <form action="{{ route('admin.products.update', $product->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <div class="mb-3">
            <label for="title" class="form-label">Title</label>
            <input type="text" class="form-control @error('title') is-invalid @enderror" id="title" name="title" value="{{ old('title', $product->title) }}">
            @error('title')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="subcategory" class="form-label">Subcategory</label>
            <select class="form-select @error('subcategory') is-invalid @enderror" id="subcategory" name="subcategory">
                <option value="">Select Subcategory</option>
                @foreach ($subcategories as $subcategory)
                    <option value="{{ $subcategory->id }}" {{ old('subcategory', $product->subcategory_id) == $subcategory->id ? 'selected' : '' }}>
                        {{ $subcategory->title }}
                    </option>
                @endforeach
            </select>
            @error('subcategory')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="code" class="form-label">Code</label>
            <input type="text" class="form-control @error('code') is-invalid @enderror" id="code" name="code" value="{{ old('code', $product->code) }}">
            @error('code')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="items_status" class="form-label">Item Status</label>
            <input type="number" min="0" step="1" class="form-control @error('items_status') is-invalid @enderror" id="items_status" name="items_status" value="{{ old('item_status', $product->items_status) }}">
            @error('items_status')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3 form-check">
            <input type="checkbox" class="form-check-input @error('featured_product') is-invalid @enderror" id="featured" name="featured" {{ old('featured', $product->featured) ? 'checked' : '' }}>
            <label class="form-check-label" for="featured_product">Featured Product</label>
            @error('featured_product')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3 form-check">
            <input type="checkbox" class="form-check-input @error('new') is-invalid @enderror" id="new" name="new" {{ old('new', $product->new) ? 'checked' : '' }}>
            <label class="form-check-label" for="new">New Product</label>
            @error('new')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="sellingunit" class="form-label">Selling Unit</label>
            <input type="number" min="0" step="1" class="form-control @error('sellingunit') is-invalid @enderror" id="sellingunit" name="sellingunit" value="{{ old('sellingunit', $product->sellingunit) }}">
            @error('sellingunit')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="barcode" class="form-label">Barcode</label>
            <input type="text" class="form-control @error('barcode') is-invalid @enderror" id="barcode" name="barcode" value="{{ old('barcode', $product->barcode) }}">
            @error('barcode')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <!--div class="mb-3">
            <label for="price" class="form-label">Price</label>
            <input type="text" class="form-control @error('price') is-invalid @enderror" id="price" name="price" value="{{ old('price', $product->price) }}">
            @error('price')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="price_srp" class="form-label">Price SRP</label>
            <input type="text" class="form-control @error('price_srp') is-invalid @enderror" id="price_srp" name="price_srp" value="{{ old('price_srp', $product->price_srp) }}">
            @error('price_srp')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div-->

        <div class="mb-3">
            <label for="stock" class="form-label">Stock</label>
            <input type="number" min="0" step="1" class="form-control @error('stock') is-invalid @enderror" id="stock" name="stock" value="{{ old('stock', $product->stock) }}">
            @error('stock')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <input type="checkbox" class="form-check-input @error('promotion_available') is-invalid @enderror" id="promotion_available" name="promotion_available" {{ old('promotion_available', $product->promotion_available) ? 'checked' : '' }}>
            <label for="promotion_available" class="form-label">Promotion Available</label>
            @error('promotion_available')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="without_packaging_height" class="form-label">Without Packaging Height</label>
            <input type="text" class="form-control @error('without_packaging_height') is-invalid @enderror" id="without_packaging_height" name="without_packaging_height" value="{{ old('without_packaging_height', $product->without_packaging_height) }}">
            @error('without_packaging_height')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="without_packaging_width" class="form-label">Without Packaging Width</label>
            <input type="text" class="form-control @error('without_packaging_width') is-invalid @enderror" id="without_packaging_width" name="without_packaging_width" value="{{ old('without_packaging_width', $product->without_packaging_width) }}">
            @error('without_packaging_width')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="without_packaging_depth" class="form-label">Without Packaging Depth</label>
            <input type="text" class="form-control @error('without_packaging_depth') is-invalid @enderror" id="without_packaging_depth" name="without_packaging_depth" value="{{ old('without_packaging_depth', $product->without_packaging_depth) }}">
            @error('without_packaging_depth')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="without_packaging_weight" class="form-label">Without Packaging Weight</label>
            <input type="text" class="form-control @error('without_packaging_weight') is-invalid @enderror" id="without_packaging_weight" name="without_packaging_weight" value="{{ old('without_packaging_weight', $product->without_packaging_weight) }}">
            @error('without_packaging_weight')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="with_packaging_height" class="form-label">With Packaging Height</label>
            <input type="text" class="form-control @error('with_packaging_height') is-invalid @enderror" id="with_packaging_height" name="with_packaging_height" value="{{ old('with_packaging_height', $product->with_packaging_height) }}">
            @error('with_packaging_height')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="with_packaging_width" class="form-label">With Packaging Width</label>
            <input type="text" class="form-control @error('with_packaging_width') is-invalid @enderror" id="with_packaging_width" name="with_packaging_width" value="{{ old('with_packaging_width', $product->with_packaging_width) }}">
            @error('with_packaging_width')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="with_packaging_depth" class="form-label">With Packaging Depth</label>
            <input type="text" class="form-control @error('with_packaging_depth') is-invalid @enderror" id="with_packaging_depth" name="with_packaging_depth" value="{{ old('with_packaging_depth', $product->with_packaging_depth) }}">
            @error('with_packaging_depth')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="with_packaging_weight" class="form-label">With Packaging Weight</label>
            <input type="text" class="form-control @error('with_packaging_weight') is-invalid @enderror" id="with_packaging_weight" name="with_packaging_weight" value="{{ old('with_packaging_weight', $product->with_packaging_weight) }}">
            @error('with_packaging_weight')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="summary" class="form-label">Summary</label>
            <textarea class="form-control @error('summary') is-invalid @enderror" id="summary" name="summary" rows="3">{{ old('summary', $product->summary) }}</textarea>
            @error('summary')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="content" class="form-label">Content</label>
            <textarea class="form-control @error('content') is-invalid @enderror" id="content" name="content" rows="5">{{ old('content', $product->content) }}</textarea>
            @error('content')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="content_2" class="form-label">Content 2</label>
            <textarea class="form-control @error('content_2') is-invalid @enderror" id="content_2" name="content_2" rows="5">{{ old('content_2', $product->content_2) }}</textarea>
            @error('content_2')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="content_3" class="form-label">Content 3</label>
            <textarea class="form-control @error('content_3') is-invalid @enderror" id="content_3" name="content_3" rows="5">{{ old('content_3', $product->content_3) }}</textarea>
            @error('content_3')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="images" class="form-label">Images</label>
            <input type="file" class="form-control @error('images.*') is-invalid @enderror" id="images" name="images[]" multiple>
            @error('images.*')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
        
        <div class="mb-3">
            <label class="form-label">Current Images</label>
            <div class="row">
                @foreach ($product->images as $image)
                    <div class="col-md-3 mb-3" style="border:none;" id="image-{{ $image->id }}">
                        <div class="card"style="border:none;">
                            <img src="{{ url($image->src) }}" class="card-img-top" alt="Image"><br>                           
                            <button type="button" class="btn btn-danger" id="deleteImageBtn" data-image="{{ $image->id }}">Remove Image</button>                                
                        </div>
                    </div>
                @endforeach
            </div>
        </div>

        <div class="mb-3">
            <button type="submit" class="btn btn-primary">Update Product</button>
            <a href="{{ route('admin.products.index') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>

<!--script src="https://cdn.tiny.cloud/1/o35nrvszar8z284zvothcsrb3ffnhkvvq3e3za5ilc6en51r/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script-->
 <script>
$(document).ready(function() {
  $('#content').summernote();
  $('#summary').summernote();
  $('#content_2').summernote();
  $('#content_3').summernote();  
});
</script>
<script>
    /*tinymce.init({
        selector: '#summary',
        menubar: false,
        plugins: 'advlist autolink lists link image charmap preview anchor',
        toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat',
        height: 400
    });
    tinymce.init({
        selector: '#content, #content_2, #content_3',
        menubar: false,
        plugins: 'advlist autolink lists link image charmap preview anchor',
        toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat',
        height: 200
    });*/

    $('#subcategory').select2({
        theme: 'bootstrap4',
        placeholder: 'Select Subcategory',
        allowClear: true
    });
</script>

<script>
    $(document).ready(function() {
        $(document).on('click', '#deleteImageBtn', function() {
            var imageId = $(this).data('image');
            var deleteUrl = '{{ route('admin.products.deleteImage', ['product' => $product->id, 'image' => '__imageId__']) }}';
            deleteUrl = deleteUrl.replace('__imageId__', imageId);

            if (confirm('Are you sure you want to remove this image?')) {
                $.ajax({
                    url: deleteUrl, // URL s produktem a obrázkem
                    type: 'POST',  // Simulace DELETE metody
                    data: {
                        _token: '{{ csrf_token() }}',
                        _method: 'DELETE'  // Simulace DELETE metody
                    },
                    success: function(response) {
                        // Odstranění obrázku a tlačítka z UI
                        $('#image-' + imageId).remove();
                        alert('Image removed successfully.');
                    },
                    error: function(xhr) {
                        alert('An error occurred while removing the image.');
                    }
                });
            }
        });
    });
</script>



@endsection