@extends('layouts.app')

@section('content')
<div class="page-content row">
    <!-- Page header -->
    <div class="page-header">
      <ul class="breadcrumb">
        <li><a href="{{ URL::to('dashboard') }}">{{ Lang::get('core.home') }}</a></li>
		<li><a href="{{ URL::to('ebaylistings?return='.$return) }}">{{ $pageTitle }}</a></li>
        <li class="active"> {{ Lang::get('core.detail') }} </li>
      </ul>
	 </div>
 	<div class="page-content-wrapper">
	   	<div class="toolbar-line">
	   		<a href="{{ URL::to('ebaylistings?return='.$return) }}" class="tips btn btn-xs btn-default" title="{{ Lang::get('core.btn_back') }}"><i class="fa fa-arrow-circle-left"></i>&nbsp;{{ Lang::get('core.btn_back') }}</a>
		</div>
		<div class="sbox">
			<div class="sbox-title"> <h4> {{ $pageTitle }} </h4>
			</div>
			<div class="sbox-content">
				@include('ebaylistings/partials/tabs')
				<br />
				<br />
				{!! Form::open(array('name' => 'listonebay', 'class' => 'idsForm', 'url'=>'ebaylistings/list/'.$id.'?return='.$return)) !!}
				<table id="listingTable" class="table table-striped table-bordered" >
					<thead>
						<th></th>
						<th>id</th>
						<th>sku</th>
						<th>name</th>
						<th>eBay Item Number</th>
					</thead>
					<tfoot>
						<td colspan="4">
							{!! Form::select('submissionType',$helper->getListingSubmissionTasks(),null,array('placeholder' => '', 'required' => 'required')) !!}
							<button type="submit" name="submit" class="btn btn-primary btn-sm" ><i class="fa  fa-save "></i> {{ Lang::get('core.sb_save') }}</button>
						</td>
					</tfoot>
				</table>
				{!! Form::close() !!}
			</div>
		</div>
	</div>
</div>
@stop
@push('scripts')
<script>
	$(function() {
		var table = $('#listingTable').DataTable({
			searchDelay: 500,
			processing: true,
			serverSide: true,
			ajax: '{!! URL::to('ebaylistings/listings/'.$id) !!}',
			fields: [ {
				label: "ID:",
				name: "attribute_set_items.id"
			}, {
				label: "SKU:",
				name: "attribute_set_items.sku"
			}, {
				label: "Name:",
				name: "attribute_set_items.name"
			}, {
				label: "eBay Item Number:",
				name: "eaby",
				type: "select"
			}
			],
			columnDefs: [
				{
					targets:   0,
					checkboxes: {
						selectRow: true
					}
				},
				{
					targets:1,
					render: function(data){
						return '<a target="_blank"  href="/attributesets/item/'+data+'/set/1">'+data+'</a>';

					}
				},
				{
					targets: 4,
					render: function (data) {
						if(data){
							@if(config('app.env') === 'production')
								return '<a target="_blank"  href="http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item='+data+'">'+data+'</a>';
							@else
								return '<a target="_blank"  href="http://cgi.sandbox.ebay.com/ws/eBayISAPI.dll?ViewItem&item='+data+'">'+data+'</a>';
							@endif
						}else{
							return ''
						}
					},
				}
			],
			columns: [
				{ data: 'id', name: 'id' },
				{ data: 'id', name: 'attribute_set_items.id' },
				{ data: 'sku', name: 'attribute_set_items.sku' },
				{ data: 'name', name: 'attribute_set_items.name' },
				{ data: 'ebayItemNumber', name:'ebay_products.ebayItemNumber'}
			]
		});
		// Handle form submission event
		$('.idsForm').on('submit', function(e){
			var form = this;
			var rows_selected = table.column(0).checkboxes.selected();
			// Iterate over all selected checkboxes
			$.each(rows_selected, function(index, rowId){
				// Create a hidden element
				$(form).append(
						$('<input>')
								.attr('type', 'hidden')
								.attr('name', 'ids[]')
								.val(rowId)
				);
			});
		});
	});
</script>
@endpush