@extends('layouts.admin', ['title' => 'هدیه خرید'])

@section('content')

	<h3>مدیریت هدیه‌های خرید</h3>
	<hr />
	  
	<div class="row">
		<div  class="col-md-6">

			<h4>بازه جدید</h4>
				 
					<form action="{{ url('admin/free-sample/add')}}" method="post" >
						@csrf

						<div class="form-group">
							<label for="from">از قیمت (تومان)</label>
							<input type="number" class="form-control" id="from" name="from" value="{{ old('from')?? $fromInit }}" >
							<span class="error">{{ $errors->first('from') }}</span>
                        </div>  
                        
                        <div class="form-group">
							<label for="to">تا قیمت (تومان)</label>
							<input type="number" class="form-control" id="to" name="to" value="{{ old('to') }}" >
							<span class="error">{{ $errors->first('to') }}</span>
                        </div>  
                        
                        <div class="form-group">
							<label for="rate">ضریب هدیه</label>
                            <input type="text" class="form-control" id="rate" name="rate" value="{{ old('rate')??1 }}" > 
							<span class="error">{{ $errors->first('rate') }}</span>
						</div>  

						<div class="form-group">
							<input type="checkbox" name="active" id="active" value="true" />
							<label for="active">وضعیت فعال</label>
							<span class="error">{{ $errors->first('active') }}</span>
						</div> 

						<button type="submit" class="btn btn-primary">ذخیره</button>
						<a href="/admin" class="btn btn-default">بازگشت</a>

						<p class="success">{{ session('message') }}</p>
						<p class="error">{{ session('error') }}</p>
					</form>
				 
			@if(count($data)==0)
			<div class="alert alert-info" role="alert">
			  اطلاعاتی برای نمایش دادن وجود ندارد.
			</div>
			@else
			<table class="table table-striped">
				<tr>
					<th>عملیات</th>
					<th>از قیمت</th> 
					<th>تا قیمت</th>
					<th>ضریب</th>
					<th>وضعیت</th>
				</tr>

				@foreach($data as $item)
					<tr>
						<td>
						  <a href="/admin/free-sample/delete/{{ $item->id }}" onclick="return confirm('آیا میخواهید آیتم مورد نظر حذف شود؟');" class="confirm-delete btn btn-danger btn-sm" >حذف</a>
						  <a href="/admin/free-sample/edit/{{ $item->id }}" class="btn btn-primary btn-sm"  >ویرایش</a> 
						</td>
						<td>{{ $item->from }}</td>   
						<td>{{ $item->to }}</td>   
						<td>{{ $item->rate }}</td>   
						<td>{{ $item->active ? 'فعال' : 'غیر فعال' }}</td>  
					</tr>
				@endforeach
			</table>

		 
			@endif
		</div>
		<div  class="col-md-6">
			
			<h4>محصول جدید</h4>

			<form action="{{ url('admin/free-sample/add-product')}}" method="post" >
				@csrf

				<div class="form-group">
					<label for="from">محصول</label>
					<select name="product_id" id="product_id" class="form-control" >
						<option selected >انتخاب کنید...</option>
						@foreach ($products as $item)
							<option value="{{ $item->id }}" >{{ $item->title }}</option>							
						@endforeach
					</select> 
					<span class="error">{{ $errors->first('product_id') }}</span>
				</div>  
				 
				<div class="form-group">
					<label for="rate_product">ضریب ارزش هدیه</label>
					<input type="text" class="form-control" id="rate_product" name="rate_product" value="{{ old('rate_product')??1 }}" > 
					<span class="error">{{ $errors->first('rate_product') }}</span>
				</div>  
				<div class="form-group">
					<label for="percent">درصد تخفیف خرید <small>(تخفیف ۱۰۰درصد = کالا رایگان است)</small> </label>
					<input type="number" class="form-control" id="percent" name="percent" max="100" min="0" value="{{ old('percent')??100 }}" > 
					<span class="error">{{ $errors->first('percent') }}</span>
				</div>  
				<div class="form-group">
					<label for="sort">ترتیب (مقدار کوچکتر = بالاترین)</label>
					<input type="text" class="form-control" id="sort" name="sort" value="{{ old('sort')??1 }}" > 
					<span class="error">{{ $errors->first('sort') }}</span>
				</div>  
  
				<button type="submit" class="btn btn-primary">ذخیره</button>
				<a href="/admin" class="btn btn-default">بازگشت</a>

				<p class="success">{{ session('message') }}</p>
				<p class="error">{{ session('error') }}</p>

				<div>
					<p>
						<small>اگر مقدار تخفیف کالا روی ۱۰۰ درصد تنظیم شود به ازای کسر امتیاز کالا به صورت رایگان در اختیار کاربر قرار خواهد گرفت.</small>
					<br>
					<small>در صورت تنظیم درصد پایین تر از ۱۰۰ کالا به ازای کسر امتیاز با تخفیف مشخص شده در اختیار کاربر قرار خواهد گرفت.</small>
					 
					</p>
				</div>
			</form>
 
			@if(count($dataProduct)==0)
			<div class="alert alert-info" role="alert">
			  اطلاعاتی برای نمایش دادن وجود ندارد.
			</div>
			@else
			<table class="table table-striped">
				<tr>
					<th>عملیات</th>
					<th>محصول</th>  
					<th>ضریب</th> 
					<th>تخفیف (٪)</th> 
					<th>ترتیب</th> 
				</tr>

				@foreach($dataProduct as $item)
					<tr>
						<td style="width: 150px;">
							<a href="/admin/free-sample/product/edit/{{ $item->id }}" class="btn btn-primary btn-sm" >ویرایش</a>
							<a href="/admin/free-sample/delete-product/{{ $item->id }}" onclick="return confirm('آیا میخواهید آیتم مورد نظر حذف شود؟');" class="confirm-delete btn btn-danger btn-sm" >حذف</a>
						</td>
						<td>{{ getProductTitleWithIdsHash($item->ids_hash) }}</td>    
						<td>{{ $item->rate }}</td>     
						<td>{{ $item->percent }}</td>     
						<td>{{ $item->sort }}</td>    
					</tr>
				@endforeach
			</table>
			@endif

		</div>
	</div>

	<div class="modal fade" tabindex="-1" id="addModal" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog modal-lg" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="gridSystemModalLabel">انتخاب کالا به همراه آپشن</h4>
            </div>
            <div class="modal-body">
			   <form action="/admin/free-sample/add-product-options" method="POST" id="form-add-product-with-option">
					@csrf
					<div id="modalBodyContent"></div> 
				</form>
            </div>
            <div class="modal-footer">
                <div class="row"> 
                     <div class="col-md-5">
                         
                     </div>
                    <div class="col-md-7">
                        <button type="button" class="btn btn-default" data-dismiss="modal">بستن</button>
                        <button type="submit" form="form-add-product-with-option" class="btn btn-primary">تایید</button>
                    </div>
                </div> 
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
	</div><!-- /.modal -->


@stop

@section('javascript')

<script>
	var arrayOptions = {
		{!! $arrayOptions !!} 
	};

	jQuery("#product_id").change(function(){
		var currID = jQuery(this).val();
		var currTitle = jQuery('#product_id option:selected').text();

		var data = arrayOptions[currID];
		var indexCheckBox = 0;
		var indexCheckBoxGroup = 0;
		
		if (typeof data !== 'undefined') 
		{ 
			jQuery("#modalBodyContent").html("");
			var htmlTemp = `
			<label  >${currTitle}</label>
			<input type="hidden" name="hovOpProductId" value="${currID}" />
			<div class="row">
				<div class="col-md-3">
					<input type="text" class="form-control pNumR" value="" name="hovRate" placeholder="ضریب" />
				</div>
				<div class="col-md-3">
					<input type="text" class="form-control pNumR" value="" name="hovPercent" placeholder="درصد تخفیف" />
				</div>
				<div class="col-md-6">
					<label >
						<input type="checkbox" name="chkhovWithoutOption" value="true">    
						کالای بدون آپشن را هم شامل شود
					</label> 
				</div>   
			</div> 
			`;

			Object.keys(data).forEach(function(k){ 
				htmlTemp += `
				<hr/>
				<h4>${k}</h4> 
				`;

				indexCheckBoxGroup++;

				Object.keys(data[k]).forEach(function(k2){ 
					var typeTTT="اجباری";
					if(data[k][k2].multiselect == true)
						typeTTT="اختیاری";

					indexCheckBox++;

					htmlTemp += ` 
					<input type="${data[k][k2].multiselect == true ? 'checkbox' : 'radio'}" value="true" name="crhovOptions[${data[k][k2].id}]" class="checkboxOptionProducts" id="chk${indexCheckBox}" />
					<label for="chk${indexCheckBox}">${data[k][k2].title} (${typeTTT})</label> 
					`; 
				}); 
			});
			
			jQuery("#modalBodyContent").html(htmlTemp);
			jQuery("#addModal").modal();
		}
	});

</script>

@endsection