@extends('backend.layouts.app')

@section('content')

<!--<script src="{{ asset('expand_theme/css/coupon.css') }}"></script>-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">

<script>
	// When the browser is ready...
	$(function() {

		$(".edit_form").validate({
		});
		$(".add_form").validate({
		});
	});
	
	function deleteapplies(coupon_id) {
		if (confirm('Are you sure you want to delete?')) {
			$.ajax({
				type: "GET",
				url: "{{ URL::to('coupon/delete') }}" + "/" + coupon_id,
				success: function(message) {
					window.location.href = "{{ URL::to('coupons') }}";
				}
			});
		}
	}
</script>

<style>
.panel-heading {
	padding: 0;
}
.panel-heading ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.panel-heading li {
	float: left;
	border-right:1px solid #bbb;
	display: block;
	padding: 14px 16px;
	text-align: center;
}
.panel-heading li:last-child:hover {
	background-color: #ccc;
}
.panel-heading li:last-child {
	border-right: none;
}
.panel-heading li a:hover {
	text-decoration: none;
}

.table.table-bordered tbody td {
	vertical-align: baseline;
}
</style>

	<div class="col-md-8 col-md-offset-2">
		<h2 class="text-center">ALL COUPONS</h2>
		<br />
		<div class="panel panel-default">
			<div class="panel-heading">
				<ul>
					<li><i class="fa fa-file-text-o"></i> ALL COUPONS</li>
					<a href="{{ url('coupons/add')}}" data-toggle="modal"><li>Add a New</li></a>
				</ul>
			</div>

			<div class="panel-body">
				<table class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th>Coupon Name</th>
							<th>Coupon Code</th>
							<th>One Time Coupon</th>
							<th>Eligible Program</th>
							<th>Coupon Amount</th>
							<th>Applies</th>
							<th>Usage</th>
							<th>Actions</th>
						</tr>
						{{ csrf_field() }}
					</thead>
					<tbody>
						@foreach ($coupons as $coupon)  
						<tr class="item{{$coupon->coupon_id}}">
						<td>{{$coupon->coupon_name}}</td>
						<td>{{$coupon->coupon_code}}</td>
						<td>
													<span class="label label-warning">{{  $isOneTime }}</span>
						</td>
						
						
						<td>@if($coupon->coupon_all_programs == 1)

						 
									{{'ALL'}}
						
						@else
						
							{{ implode("," , (array)$coupon->coupon_eligible) }}
						
						@endif
						</td>
						

						<td>
						@if($coupon->coupon_percent == 'null')
							
							{{$coupon->coupon_percent}}
								{{$coupon->coupon_amount}}
								
						@else($coupon->coupon_amount == 'null')
						{{$coupon->coupon_percent}}
						{{$coupon->coupon_amount}}
								
							
						@endif
						</td>
						<td>{{$coupon->coupon_applies_to}}</td>
						<td>{{$coupon->coupon_usage}}</td>

						<td>       
							<a data-toggle="modal"  href="{{ url('coupon/edit',$coupon->coupon_id)}}">  <i class="fa fa-fw fa-edit" data-toggle="tooltip" data-placement="top" title="Edit"></i> </a> 
							<a id="delete_mgp" href="javascript:deleteapplies({{ $coupon->coupon_id }});" > <i class="fa fa-trash" data-toggle="tooltip" data-placement="top" title="Delete"></i></a>

						</td>
					</tr>
					@endforeach
				</tbody>
			</table>
		</div><!-- /.panel-body -->
	</div><!-- /.panel panel-default -->
</div><!-- /.col-md-8 -->

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
@stop