@extends('admin.layout.master')

@section('content')
<style>
    select2-container--default {
        min-height: 104px !important;
}
.table-container {
    overflow: auto; height: 400px;
}
.products-datatable > tbody > tr > td.PIN { width: 70px !important; }
.products-datatable > tbody > tr > td.SKU { width: 70px !important; }
.products-datatable > tbody > tr > td.Manufacturer { width: 70px !important; }
.products-datatable > tbody > tr > td.Name { min-width: 260px !important; }
.no-sort::after { display: none!important; }
.no-sort::before { display: none!important; }

</style>
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <h1 class="m-0">Products</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Products</li>
                </ol>
            </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="text-right mb-2">
        <a href="{{ route('admin.fnla-and-ltbo') }}" class="btn btn-info">FNLA/LTBO</a>
        <a href="{{ route('admin.product-details') }}" class="btn btn-info">Product Details</a>
        <a href="#" class="btn btn-success">+ Add</a>

    </div>
        <div class="card">
            <div class="card-body">
                <form action="{{ route('admin.product') }}" 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="sku" id="sku" value="{{ $sku }}" class="form-control" placeholder="Search Product Code">
                        </div>
                        <div class="col-2">
                            <label for="form-label">Name</label>
                            <input type="text" name="name" id="name" value="{{ $name }}" class="form-control" placeholder="Search Name">
                        </div>
                        <div class="col-2 form-group">
                            <label for="form-label">Manufacturer</label>
                            <select class="form-control select2 getManufacturer" name="manufacturer" id="manufacturer" style="width: 100%;height: 100%;">
                                <option value="">Loading...</option>
                            </select>
                        </div>
                        <div class="col-2 form-group">
                            <label for="form-label">Vertical</label>
                            <select class="form-control select2 getVertical" name="vertical" id="vertical" style="width: 100%;height: 100%;">
                                <option value="">Loading...</option>
                            </select>
                        </div>

                        <div class="col-2">
                            <button class="btn btn-success " type="submit" style="margin-top: 30px !important;">Submit</button>
                            <a class="btn btn-warning" href="{{ route('admin.product') }}" style="margin-top: 30px !important;">Reset</a>


                            <button type="button" class="btn btn-info dropdown"
                                data-toggle="dropdown" data-offset="-52" aria-expanded="false" style="margin-top: 30px !important;">
                                <i class="fas fa-bars"></i>
                            </button>
                            <div class="dropdown-menu" role="menu" style="">
                                <a href="#"  id="showColumnModalBtn" class="dropdown-item">Manage Display Columns</a>
                            </div>



                        </div>

                    </div>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <div class="table-responsive ">
                    <table class="table table-bordered products-datatable">
                        <thead class="thead-dark">
                            <tr>

                                @foreach ($columns_list as $c)
                                <th class="noSearch">{{ $c }}</th>
                                @endforeach
                                <th data-orderable="false" class="noSearch no-sort">Action</th>

                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>
<div class="modal fade" id="editProductModal">
    <div class="modal-dialog  modal-xl">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title editName"></h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <form action="{{ route('admin.editProducts') }}" id="editProductsForm" method="post">
        <div class="modal-body">
            @csrf
            <input type="hidden" name="editProductCode" id="editProductCode" value="" class="form-control" >
                <div class="card-body">

                    <div class="row mb-2">
                        <!-- <div class="col-4">
                            <label for="form-label">SKU</label>
                            <input type="text" name="editSku" id="editSku" value="" class="form-control" placeholder="Please Enter SKU">
                        </div> -->
                        <div class="col-12">
                            <label for="form-label">Name</label>
                            <input type="text" name="editName" id="editName" value="" 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"></textarea>
                            </div>
                            <fieldset style="padding:15px; border: 2px solid #dee2e6!important;">
                                <legend style="width:7% !important;">SEO</legend>

                                <div class="form-group">
                                    <label for="form-label">Title</label>
                                    <input type="text" name="Title" id="Title" value="" class="form-control" placeholder="Please Enter Title">
                                </div>

                                <div class="form-group">
                                    <label for="form-label">URL Text</label>
                                    <input type="text" name="URL_Text" id="URL_Text" value="" class="form-control" placeholder="Please Enter URL Text">
                                </div>


                                <div class="form-group">
                                    <label for="form-label">Meta Description</label>
                                    <textarea class="form-control" id="MetaDescription" rows="4" name="MetaDescription" placeholder="Enter MetaDescription ..." spellcheck="false"></textarea>
                                </div>

                                <div class="form-group">
                                    <label for="form-label">Meta Keywords</label>
                                    <input type="text" name="MetaKeywords" id="MetaKeywords" value="" class="form-control" placeholder="Please Enter MetaKeywords">
                                </div>
                            </fieldset>





                            <div class="form-group mt-4 row">
                                <div class="custom-control custom-checkbox col-3">
                                    <input name="RemoveSurcharge" class="custom-control-input RemoveSurcharge" type="checkbox" value="1" id="customCheckbox3">
                                    <label for="customCheckbox3" class="custom-control-label">RemoveSurcharge</label>
                                </div>
                                <div class="custom-control custom-checkbox col-2">
                                    <input name="Hidden" class="custom-control-input Hidden" type="checkbox" value="1" id="customCheckbox4">
                                    <label for="customCheckbox4" class="custom-control-label">Hidden</label>
                                </div>
                                <div class="custom-control custom-checkbox col-2">
                                    <input name="Prop65" class="custom-control-input Prop65" type="checkbox" value="1" id="customCheckbox5">
                                    <label for="customCheckbox5" class="custom-control-label">Prop65</label>
                                </div>
                                <div class="custom-control custom-checkbox col-3">
                                    <input name="Discontinued" class="custom-control-input Discontinued" type="checkbox" value="1" id="customCheckbox6">
                                    <label for="customCheckbox6" class="custom-control-label">Discontinued</label>
                                </div>
                            </div>
                        </div>

                        <div class="col-4">
                            <div class="form-group" style="height:120px;">
                                <label for="form-label">Product Image</label>
                                <img onerror="this.onerror=null;this.src=&quot;https://s3.us-central-1.wasabisys.com/partswarehouse/photos/NO_PRODUCT_IMAGE-0.jpg&quot;" id="productimage1" style="max-height:100%; max-width:100%;" class="img-fluid rounded-start d-none d-md-block d-lg-block " alt="...">
                            </div>
                            <div class="form-group">
                             <div class="form-group">
                                <label for="parent_product">Superseded By</label>
                                <select name="superseded_by" id="parent_product" class="form-control" ></select>
                            </div>
                            </div>
                            <div class="form-group" style="margin-top:45px;">
                                <label for="form-label">Manufacturer</label>
                                <select class="form-control select2 getManufacturer" id="editManufacturer" name="editManufacturer" style="width: 100%;height: 100%;">
                                    <option value="">Select Manufacturer</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="form-label">Vertical</label>
                                <select class="form-control select2 getVertical" id="editVertical" name="editVertical" style="width: 100%;height: 100%;">
                                    <option value="">Select Vertical</option>
                                </select>
                            </div>
                            <!-- <div class="form-group">
                                <label for="form-label">Vendor Code</label>
                                <select class="form-control select2 getVendorCode" id="editVendorCode" name="editVendorCode" style="width: 100%;height: 100%;">
                                    <option value="">Select Vendor Code</option>
                                </select>
                            </div> -->
                            <div class="form-group">
                                <label for="form-label">Pricing Type</label>
                                <select class="form-control select2 getPricingType" name="PricingType" id="PricingType" style="width: 100%;height: 100%;">
                                    <option value="">Select Pricing Type</option>
                                    <option value="MAP">MAP</option>
                                    <option value="MANUAL">MANUAL</option>
                                </select>

                            </div>

                            <div class="form-group" id="TypeBasedPrice">
                                <label for="form-label">Price</label>
                                <input type="text" name="TypeBasedPrice" id="TypeBasedPriceFill" value="" class="form-control" placeholder="Please Enter Price">
                            </div>

                            <div class="form-group">
                                <div class="form-group">
                                    <label for="form-label">HasPhoto</label>
                                    <input type="number" name="HasPhoto" id="HasPhoto" value="" class="form-control" placeholder="Please Enter HasPhoto">
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="form-group">
                                    <label for="form-label">Brands (Comma Separated List)</label>
                                    <input type="text" name="Brands" id="Brands" value="" class="form-control" placeholder="Please Enter Brands">
                                </div>
                            </div>

                            
                            <!-- <div class="form-check m-1">
                                <input type="checkbox" class="form-check-input ensureOneChecked" id="Merchant_Feed_Exclude" name="Flags" value="x" onclick="ensureOneChecked(this)">
                                <label class="form-check-label" for="Merchant_Feed_Exclude">Merchant Feed Exclude</label>
                            </div>

                            <div class="form-check m-1">
                                <input type="checkbox" class="form-check-input ensureOneChecked" id="Flag_for_Fraud" name="Flags" value="f" onclick="ensureOneChecked(this)">
                                <label class="form-check-label" for="Flag_for_Fraud"> Flag for Fraud</label>
                            </div>

                            <div class="form-check m-1">
                                <input type="checkbox" class="form-check-input ensureOneChecked" id="Domestic_Only" name="Flags" value="d" onclick="ensureOneChecked(this)">
                                <label class="form-check-label" for="Domestic_Only"> Domestic Only (Decks)</label>
                            </div>

                            <div class="form-check m-1">
                                <input type="checkbox" class="form-check-input ensureOneChecked" id="Dropship_When_Possible" name="Flags" value="3" onclick="ensureOneChecked(this)">
                                <label class="form-check-label" for="Dropship_When_Possible"> Dropship When Possible</label>
                            </div> -->

                        </div>
                    </div>
                </div>
        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-primary" id="editUpdateBtn">Update</button>
        </div>
    </form>
      </div>
    </div>
</div>
<div class="modal fade" id="showColumnModal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Manage Display Columns</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <form action="#" method="post" id="dataPefForm">
        <div class="modal-body">
            @csrf
            <input type="hidden" name="modelName" value="Product">
            <div class="table-container">
                <table class="table">

                    @foreach ($columns_list as $ckey => $c)
                        <tr>
                            <th width="60%">{{ $c }}</th>
                            <td align="left"><input type="checkbox" class="userDataPefchk" name="userDataPef[]" value="{{ $ckey }}" id="" @if(empty($dataPreference)) checked @elseif(in_array(($ckey),$dataPreference)) checked @endif></td>
                        </tr>

                    @endforeach
                </table>
            </div>
        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary" id="updateDataPreference">Update</button>
        </div>
    </form>
      </div>
    </div>
</div>



<div class="modal fade" id="get-order-detailids">
    <div class="modal-dialog modal-md">
        <div class="modal-content">

            <div class="modal-header">
                <h3 class="modal-title">Product Details</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body" id="getOrderDetails" style=" max-height: calc(100vh - 143px); overflow-y: auto;">
                <div id="getOrderDetailsData">
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="get-product-logs">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">

            <div class="modal-header">
                <h3 class="modal-title">Product Update Logs</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body" id="getProductLogs" style=" max-height: calc(100vh - 143px); overflow-y: auto;">
                <div id="getProductLogsData">

                </div>
            </div>
        </div>
    </div>
</div>

    <script>

    </script>

<script type="text/javascript">
  var table ="";
  var dataPreference = "{{ $dataPreferencejson }}";

    $(function () {

        getManufacturer("{{ $manufacturer }}");
        function getManufacturer(selval){
            $('.getManufacturer').prop('disabled', true);
            $.ajax({
                type: 'get',
                url: "{{ route('admin.getManufacturer') }}",
                data: [],
                dataType: "json",
                success: function(resultData) {
                    $('.getManufacturer').prop('disabled', false);
                    $(".getManufacturer").select2('destroy').empty().select2({theme: 'bootstrap4',data: resultData}).val(selval).trigger("change");
                 }
            });
        }

        getVertical("{{ $vertical }}");
        function getVertical(selval){
            $('.getVertical').prop('disabled', true);
            $.ajax({
                type: 'get',
                url: "{{ route('admin.getVertical') }}",
                data: [],
                dataType: "json",
                success: function(resultData) {
                    $('.getVertical').prop('disabled', false);
                    $(".getVertical").select2('destroy').empty().select2({theme: 'bootstrap4',data: resultData}).val(selval).trigger("change");
                }
            });
        }

        $('.select2').select2({
      theme: 'bootstrap4'
    });
     table = $('.products-datatable').DataTable({
            searching: false,
            processing: true,
            serverSide: true,
            "autoWidth" : false,
            ajax: {
                url: "{{ route('admin.getProducts') }}",
                type: "get",
                data: function (data) {
                    delete data.columns;
                    data.search_sku = "{{ $sku }}";
                    data.search_name = "{{ $name }}";
                    data.search_manufacturer = "{{ $manufacturer }}";
                    data.search_vendor_code = "{{ $vendor_code }}";
                    data.search_vertical = "{{ $vertical }}";
                }
            },
            columns: [

                    
                    {
                        data: null,
                        render: function ( data, type, row ) {
                            var newName = data.Name;
                            newName = newName.replaceAll(/"/g, '||');
                            return '<button type="button" class="btn btn-primary btn-sm btnEditProducts m-1" data-Hidden="'+ data.Hidden +'" data-Prop65="'+ data.Prop65 +'" data-Discontinued="'+ data.Discontinued +'" data-Brands="'+ data.Brands +'" data-HasPhoto="'+ data.HasPhoto +'"  data-pin="'+ data.PIN +'" data-product-code="'+ data.ProductCode +'" data-sku="'+ data.SKU +'" data-flags="'+ data.Flags +'" data-parent-product="'+ data.Parent +'" data-name="'+ newName +'" data-manufacturer="'+ data.Manufacturer +'" data-vertical="'+ data.Vertical +'" data-vendorcodes=""><i class="fa fa-edit"></i></button><button type="button" class="btn btn-primary btn-sm btnViewProducts m-1" data-pinids="'+data.ProductCode+'"><i class="fa fa-eye"></i></button><button type="button" class="btn btn-primary btn-sm btnLogsProducts m-1" data-pinids="'+data.ProductCode+'">Logs</button>';
                        },
                        orderable: false
                    }
                    ],
            "columnDefs": [ {
                        "targets": 0,
                        "orderable": false
                        }, { targets: '_all', width:'25px' }, { visible: false, targets: JSON.parse(dataPreference) } ],


        });

    });

    $('.filterSubmit').click(function(){
        alert('adsas');
        table.ajax.reload();
    });
    $('#showColumn').click(function(){
        alert('adsas');
        var remaining_column = [0,1,2,3,4,5]
        table.columns([3,4]).visible(false);
    });
    $('#updateDataPreference').click(function () {
        $('#updateDataPreference').text('Wait...');
        $('#updateDataPreference').prop('disabled', true);
        $.ajax({
            method: 'POST',
            url: "{{ route('admin.dataPreferenceSave') }}",
            data: $('#dataPefForm').serialize(),
            success: function (data) {
                var columHide = [];
                var columShow = [];
                $('.userDataPefchk').each(function () {
                    columShow.push($(this).val());
                    if (!$(this).is(':checked')) {
                        columHide.push($(this).val());
                    }
                });
                table.columns(columShow).visible(true);
                table.columns(columHide).visible(false);
                table.columns.adjust().draw();
                $('#updateDataPreference').text('Update');
                $('#updateDataPreference').prop('disabled', false);
                $('#showColumnModal').modal('hide');
            }
        });
    });

    $(document).on('click', '.btnEditProducts', function(){
        var editPin = $(this).attr('data-pin');
        var editProductCode = $(this).attr('data-product-code');
        var editSku = $(this).attr('data-sku');
        var editName = $(this).attr('data-name');
        editName = editName.replaceAll('||', '"');
        var editManufacturer = $(this).attr('data-manufacturer');
        var editVertical = $(this).attr('data-vertical');
        var editVendorCode = $(this).attr('data-vendorcodes');
        var editFlags = $(this).attr('data-flags');
        var editParentProductCode = $(this).attr('data-parent-product');

         // Uncheck all first
        $('input.ensureOneChecked').prop('checked', false);
        if(editFlags) {
            var flagsArr = editFlags.split('');
            flagsArr.forEach(function(flag) {
            $('input[type="checkbox"][value="'+flag+'"]').prop('checked', true);
            });
        }
        $('input[type="checkbox"][value="'+editFlags+'"]').prop('checked', true);

        var editHidden = $(this).attr('data-Hidden');
        var editProp65 = $(this).attr('data-Prop65');
        var editDiscontinued = $(this).attr('data-Discontinued');
        var editHasPhoto = $(this).attr('data-HasPhoto');
        var editBrands = $(this).attr('data-Brands');

        if(editHidden == 'Y'){
            $('.Hidden').prop('checked', true);
        }

        if(editProp65 == 'Y'){
            $('.Prop65').prop('checked', true);
        }

        if(editDiscontinued == 'Y'){
            $('.Discontinued').prop('checked', true);
        }


        // if(editFlags == 'x'){
        //     $('#Merchant_Feed_Exclude').prop('checked', true);
        // }else if(editFlags == 'f'){
        //     $('#Flag_for_Fraud').prop('checked', true);
        // }else if(editFlags == 'd'){
        //     $('#Domestic_Only').prop('checked', true);
        // }else if(editFlags == '3'){
        //     $('#Dropship_When_Possible').prop('checked', true);
        // }

        $('#HasPhoto').val(editHasPhoto);
        $('#Brands').val(editBrands);
        $('#editProductCode').val(editProductCode);
        $('#editPin').val(editPin);
        $('#editSku').val(editSku);
        $('#editName').val(editName);
        $('.editName').html(editName);

        $('#editManufacturer').val(editManufacturer);
        $('#editVertical').val(editVertical);
        $('#editVendorCode').val(editVendorCode);

        $('#editManufacturer').select2({
      theme: 'bootstrap4',dropdownParent: $('#editProductModal')
    });
        $('#editVertical').select2({
      theme: 'bootstrap4',dropdownParent: $('#editProductModal')
    });
        $('#editVendorCode').select2({
      theme: 'bootstrap4',dropdownParent: $('#editProductModal')
    });

    // Initialize Parent Product Select2 with AJAX POST + image
    var CSRF_TOKEN = "{{ csrf_token() }}";
    $('#parent_product').select2({
        ajax: {
            type: 'POST',
            url: '{{ route("admin.product-search") }}',
            dataType: 'json',
            delay: 250,
            data: function(params) {
                return {
                    _token: CSRF_TOKEN,
                    search: params.term
                };
            },
            processResults: function(response) {
                return { results: response };
            }
        },
        placeholder: 'Search product',
        minimumInputLength: 3,
        templateResult: formatState,
        templateSelection: formatSelection,
        allowClear: true,
         theme: 'bootstrap4',
         dropdownParent: $('#editProductModal')
    });


    function formatState(opt) {
        if (!opt.id) return opt.text.toUpperCase();
        var $opt = $(
            '<div class="row">' +
            '<div class="col-3">' +
            '<img src="https://s3.us-central-1.wasabisys.com/partswarehouse/photos/' + opt.id + '-1.jpg" ' +
            'onerror="this.onerror=null;this.src=\'https://s3.us-central-1.wasabisys.com/partswarehouse/photos/NO_PRODUCT_IMAGE-0.jpg\'" width="60px">' +
            '</div>' +
            '<div class="col-9">' + opt.text + '</div>' +
            '</div>'
        );
        return $opt;
    }
    function formatSelection(opt) {
        // Show "Name (SKU)" after selection
        if (!opt.id) return opt.text;
        return opt.text + ' (' + opt.id + ')';
    }


    // Prefill Parent Product by SKU only
    $("#parent_product").empty();
    if (editParentProductCode) {
        $.ajax({
            type: 'POST',
            url: '{{ route("admin.product-search") }}',
            data: {
                _token: CSRF_TOKEN,
                search: editParentProductCode
            },
            success: function(response) {
                if (response.length) {
                    var product = response[0]; // first match
                    var option = new Option(product.text, product.id, true, true);
                    $('#parent_product').append(option).trigger('change');
                }
            }
        });
    }

        getProductDetailsData(editProductCode);

        $('#editProductModal').modal('show');
        $("#editUpdateBtn").prop("disabled", true);



    });


 $('#editUpdateBtn').click(function(){
        $(this).text('Updating...');
        $(this).prop('disabled', true);
        $('#editProductsForm').submit();
    });
    $('#showColumnModalBtn').click(function(){
        $('#showColumnModal').modal('show');
    });

    $('#TypeBasedPrice').hide();

    $(".getPricingType").on("change", function() {

        var priceType = $(this).val();

            if(priceType != ""){
                $('#TypeBasedPrice').show();
            }else{
                $('#TypeBasedPrice').hide();
            }
    });

    $(document).on('click', '.btnViewProducts', function(){

        $('#getOrderDetails').html('Loading...');
        var id = $(this).attr('data-pinids');
        var url = "{{ route('admin.pin-detailids', ['id' => ':id']) }}";
        url = url.replace(':id', id);
        $('#getOrderDetails').load(url)
        $('#get-order-detailids').modal('show')

    });

    $(document).on('click', '.btnLogsProducts', function(){

        $('#getProductLogs').html('Loading...');
        var id = $(this).attr('data-pinids');
        var url = "{{ route('admin.product-update-logs', ['id' => ':id']) }}";
        url = url.replace(':id', id);
        $('#getProductLogs').load(url)
        $('#get-product-logs').modal('show')

    });


    function getProductDetailsData(editProductCode){

        $.ajax({
            method: 'GET',
            url: "{{ route('admin.getProductDetailsData') }}",
            data: { ProductCode:editProductCode },
            dataType: "json",
            success: function (data) {

                $("#editUpdateBtn").removeAttr('disabled');
                $('#description').val(data.productData.Description);
                CKEDITOR.replace('description');
                $('#URL_Text').val(data.URL_Text);
                $('#Title').val(data.Title);
                $('#MetaDescription').val(data.MetaDescription);
                $('#MetaKeywords').val(data.MetaKeywords);

                $('.getPricingType').val(data.productData.PricingType).trigger('change');
                $('#TypeBasedPriceFill').val(data.productData.SalePrice);

                $("#productimage1").attr("src",'https://s3.us-central-1.wasabisys.com/partswarehouse/photos/'+data.imageCode+'-2.jpg');

                if(data.productData.HasPhoto == 1){
                    $(".HasPhoto").prop("checked", true);
                }else{
                    $(".HasPhoto").prop("checked", false);
                }

                if(data.productData.RemoveSurcharge == 'Y'){
                    $(".RemoveSurcharge").prop("checked", true);
                }else{
                    $(".RemoveSurcharge").prop("checked", false);
                }
            }
        });

    }
  </script>


@endsection