@extends('layouts.admin')

@section('title', 'Create 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">Create Product</li>
        </ol>
    </nav>

    <h1>Create 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.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        <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') }}">
            @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') == $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') }}">
            @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('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') is-invalid @enderror" id="featured" name="featured" {{ old('featured') ? 'checked' : '' }} value="1">
            <label class="form-check-label" for="featured">Featured Product</label>
            @error('featured')
                <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') ? 'checked' : '' }} value="1">
            <label class="form-check-label" for="new_product">New Product</label>
            @error('new_product')
                <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="1" step="1" class="form-control @error('sellingunit') is-invalid @enderror" id="sellingunit" name="sellingunit" value="{{ old('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') }}">
            @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') }}">
            @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') }}">
            @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" class="form-control @error('stock') is-invalid @enderror" id="stock" name="stock" value="{{ old('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') ? 'checked' : '' }} value="1">
            <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') }}">
            @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') }}">
            @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') }}">
            @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') }}">
            @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') }}">
            @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') }}">
            @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') }}">
            @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') }}">
            @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') }}</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') }}</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') }}</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') }}</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">
            <button type="submit" class="btn btn-primary">Save Product</button>
            <a href="{{ route('admin.products.index') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>

 <script>
$(document).ready(function() {
  $('#content').summernote();
  $('#summary').summernote();
  $('#content_2').summernote();
  $('#content_3').summernote();  
});
</script>
<!--script src="https://cdn.tiny.cloud/1/o35nrvszar8z284zvothcsrb3ffnhkvvq3e3za5ilc6en51r/tinymce/7/tinymce.min.js" referrerpolicy="origin"></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>
@endsection