@extends('layouts.main')

@section('content')
<h2>{{$title}}</h2>
<form method="POST" action="{{route('market_place_products.update',$marketProduct->id)}}" class="col-md-6" enctype="multipart/form-data">
    @csrf
    @method('PUT')
    <label for="market_category_id">Category</label>
    <select name="market_category_id" id="market_category_id" class="form-control">
        @foreach($categories as $category)
            <option value="{{$category->id}}" {{ $category->id==$marketProduct->market_category_id ? 'selected':'' }} >{{$category->name}}</option>
        @endforeach
    </select>

    <label for="name">Name</label>
    <input type="text" class="form-control" name="name" value="{{ $marketProduct->name }}">
 
    <label for="description" class="form-label">Description</label>
    <textarea id="tiny" name="description">{!! $marketProduct->description !!}</textarea>          
    
    <label for="unit_price">Price</label>
    <input type="number" class="form-control" name="unit_price" value="{{ $marketProduct->unit_price }}">

    <label for="unit_of_measure">Unit of measure</label>
    <input type="text" class="form-control" name="unit_of_measure" value="{{ $marketProduct->unit_of_measure }}">

    <label for="status">Status</label>
    <select name="pdtstatus" id="pdtstatus" class="form-control">
        <option value="active">Active</option>
        <option value="inactive">Inactive</option>
    </select>
    <label for="image">Image</label> <br>
    <input type="file" name="image">

    <hr>
    <button class="btn btn-dark" type="submit">Save changes</button>
</form>    
@endsection

@push('scripts')

<script>
    $(document).ready(function() {
        $('#market_category_id').chosen();
    });
</script>

    <script src="https://cdn.tiny.cloud/1/{{env('TINYMICEKEY')}}/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>

    <script src="https://cdn.jsdelivr.net/npm/@tinymce/tinymce-jquery@2/dist/tinymce-jquery.min.js"></script>

    <script>
      $('textarea#tiny').tinymce({
        height: 200,
        menubar: false,
        plugins: [
          'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview',
          'anchor', 'searchreplace', 'visualblocks', 'fullscreen',
          'insertdatetime', 'media', 'table', 'code', 'help', 'wordcount'
        ],
        toolbar: 'undo redo | blocks | bold italic backcolor | ' +
          'alignleft aligncenter alignright alignjustify | ' +
          'bullist numlist outdent indent | removeformat | help'
      });

      $(document).on('focusin', function(e) {
        if ($(e.target).closest(".tox-tinymce, .tox-tinymce-aux, .moxman-window, .tam-assetmanager-root").length) {
            e.stopImmediatePropagation();
        }
        });
    </script>

@endpush