@extends('layouts.admin', ['title' => 'آپشن‌ها'])

@section('content')

@section('css')
<link rel="stylesheet" href="/css/farbtastic.css" type="text/css" />
@stop

	<h3>مدیریت آپشن‌ها ({{ $product->title }})</h3>
	<a href="/admin/products">بازگشت</a>
	<hr />
  
	<a href="/admin/option/products/{{ $product->id }}/add" class="btn btn-success"><span class="glyphicon glyphicon-plus"></span> آپشن جدید</a>
	</p>

	<div class="row">
		<div  class="col-xs-12">
			@if(count($data)==0)
			<div class="alert alert-info" role="alert">
			  اطلاعاتی برای نمایش دادن وجود ندارد.
			</div>
			@else
			<table class="table table-striped">
				<tr>
					<th style="width:150px;">عملیات</th>
					<th>گروه</th>
					<th>عنوان</th>
					<th>قیمت (تومان)</th>
					<th>کد رنگ</th>
					<th>IRC</th>
					<th>موجودی</th>
					<th>تعداد</th> 
					<th>وزن</th>
					<th>پرداخت</th>
				</tr>
				@foreach($data as $item)
					<tr>
						<td>
						  <a href="/admin/option/products/{{ $product->id }}/delete/{{ $item->id }}" onclick="return confirm('آیا میخواهید آیتم مورد نظر حذف شود؟');" class="confirm-delete btn btn-danger btn-sm" >حذف</a>
						  <a href="/admin/option/products/{{ $product->id }}/edit/{{ $item->id }}" class="btn btn-primary btn-sm"  >ویرایش</a>
						</td>
						<td>{{ $item->group }}</td>
						<td>{{ $item->title }}</td>
						<td>{{ $item->amount }}</td>
						<td>{{ $item->color_code }}</td>
						<td>{{ $item->irc }}</td>
						<td>{{ $item->availability ? 'بلی' : '-' }}</td> 
						<td>{{ $item->item_count }}</td>
						<td>{{ $item->weight }}</td>
						<td>
							{{ $item->payment_online ? '[آنلاین]' : ' ' }}
							{{ $item->payment_card ? '[کارت به کارت]' : ' ' }}
							{{ $item->payment_place ? '[محل]' : ' ' }}
							{{ $item->payment_credit ? '[اعتباری ]' : ' ' }}
						</td>
					</tr>

				@endforeach
			</table>

			<div style="text-align: center;">
			  {!! $data->render(); !!}
			  </div>

			@endif
		</div>
		<div  class="col-xs-6">
			<div id="dvData">

			</div>
		</div>
	</div> 
@stop


@section('javascript')
<script type="text/javascript" src="/js/farbtastic.js"></script>

<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {
	//$('#demo').hide();
	$('#picker').farbtastic('.color-selector');
  });
 </script>

@stop