@extends('admin.layout.master')

@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">eBay Listing Add</h1>
            </div><!-- /.col -->

        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid">

  @foreach (['danger', 'warning', 'success', 'info'] as $msg)
            @if(Session::has('alert-' . $msg))

            <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
                <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
            </p>
            @endif
        @endforeach
        <div class="row">

            <!-- left column -->
            <div class="col-md-9">
                <!-- general form elements -->
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('admin.ebay-product-listing-add') }}" id="frm_search" method="get">
                            <div class="row mb-2">

                                <div class="col-2">
                                    <label for="form-label">Product Code</label>
                                    <input type="text" name="ProductCode" id="ProductCode" value="{{ !empty($ProductCode) ? $ProductCode : '' }}" class="form-control" placeholder="Search Product Code">
                                </div>

                                <div class="col-4">
                                    <button class="btn btn-success " type="submit" style="margin-top: 30px !important;">Search</button>
                                    <a class="btn btn-warning" href="{{ route('admin.ebay-product-listing-add') }}" style="margin-top: 30px !important;">Reset</a>
                                     <a class="btn btn-primary" href="{{ route('admin.ebay-product-listings') }}" style="margin-top: 30px !important;">Back</a>
                                </div>

                            </div>
                        </form>
                    </div>
                </div>
                @if(!empty($productData))
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('admin.edit-ebay-product') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="isadd" id="isadd" value="1" class="form-control" >

                        <input type="hidden" name="editProductCode" id="editProductCode" value="{{ $productData->productcode ?? '' }}" class="form-control" >
                        <input type="hidden" name="ebay_itemid" id="ebay_itemid" value="{{ $productData->ebay_itemid ?? '' }}" class="form-control" >
                        <div class="row mb-2">
                            <div class="col-12">
                                <label for="form-label">Name</label>
                                <input type="text" name="editName" id="editName" value="{{ $productData->name ?? '' }}" class="form-control" placeholder="Please Enter Name">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label for="form-label">Description</label>
                                    <textarea class="form-control" rows="4" id="description" name="description" placeholder="Enter Description ..." spellcheck="false">{{ $productData->description ?? '' }}</textarea>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="form-label">Product Image</label>
                                    <img onerror="this.onerror=null;this.src='https://s3.us-central-1.wasabisys.com/partswarehouse/photos/NO_PRODUCT_IMAGE-0.jpg'" id="productimage1" style="height:120px;" class="img-fluid rounded-start d-none d-md-block d-lg-block mb-2" alt="..." src="{{ $productData->image_url ?? 'https://s3.us-central-1.wasabisys.com/partswarehouse/photos/NO_PRODUCT_IMAGE-0.jpg' }}">
                                    <input type="file" name="productimage_file" id="productimage_file" class="form-control-file mt-2" accept="image/*">
                                    <input type="hidden" name="productimage" id="productimage" value="{{ $productData->image_url ?? '' }}">
                                </div>
                            </div>
                        </div>
                        <div class="text-left">
                            <a href="{{ route('admin.ebay-product-listings') }}" class="btn btn-default" data-dismiss="modal">Back</a>
                            <button type="submit" class="btn btn-primary" id="editUpdateBtn">Submit</button>
                        </div>
                        </form>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<script>
    $(function () {
  CKEDITOR.replace('description');
      $('#categoryAddForm').validate({
        ignore:"",
          rules: {
            name: {
                  required: true
              },

          },
          messages: {
            name: {
                  required: "Please enter a Name",
              },

          },
          errorElement: 'span',
          errorPlacement: function (error, element) {
              error.addClass('invalid-feedback');
              element.closest('.form-group').append(error);
          },
          highlight: function (element, errorClass, validClass) {
              $(element).addClass('is-invalid');
          },
          unhighlight: function (element, errorClass, validClass) {
              $(element).removeClass('is-invalid');
          }
      });
    });
</script>
 <script>
    // Show preview when file is selected
    $('#productimage_file').on('change', function(e) {
        const [file] = this.files;
        if (file) {
            const reader = new FileReader();
            reader.onload = function(evt) {
                $('#productimage1').attr('src', evt.target.result);
            };
            reader.readAsDataURL(file);
        }
    });
</script>
@endsection