@extends('app')
@section('title') Discount Coupons @stop
@section('extra_script')
		<!-- Date Picker -->
		 <!-- <script src="{{ asset('datepicker/jquery-1.10.2.js') }}"></script> -->
		  <script src="{{ asset('datepicker/jquery-ui.js') }}"></script>
		  <script>
		  $(function() {
			  $('#datatables-1').DataTable( {
					destroy: true,			        
					 "columnDefs": [
					                { "orderable": false, "targets": 0 },
					                { "orderable": false, "targets": 4 },
					                { "orderable": false, "targets": 9 }
					              ],
					"order": [[ 1, "asc" ]]
			  } );
		    $( "#datepicker1, #datepicker2,#e_datepicker1,#e_datepicker2").datepicker({
		      changeMonth: true,
		      changeYear: true,
		      dateFormat: "dd/mm/yy"
		    });
		  });		  
		  </script>		
@endsection   
@section('content') 
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
          <h2 class="page-title">Discount Coupons</h2>
          
          <!-- Zero Configuration Table -->
          <div class="panel">
            <div class="panel-body">
              <div class="">
                <ul class="nav nav-tabs ul-edit responsive">
                    @if(isset($data['coupon']->name))                    	
                  		<li class="">
                	@else
                		<li class="active">
                	@endif 
                  <a data-toggle="tab" href="#tab-activity"><i class="fa fa-ticket"></i>&nbsp;
                    Coupons ( {{ count($data['coupons']) }} )</a></li>
                  <li class=""><a data-toggle="tab" href="#tab-add"><i class="fa fa-plus"></i>&nbsp;
                    Add Coupon</a></li>
                @if(isset($data['coupon']->name))
                  <li class="active"><a data-toggle="tab" href="#tab-edit"><i class="fa fa-edit"></i>&nbsp;
                  {{ $data['coupon']->name }}  Edit</a></li>
                @endif
                </ul>
                <div class="tab-content" id="generalTabContent">
       <!-- ------------------------------------------------------------------------------------------------- -->         
                 @if(isset($data['coupon']->name))
                  <div class="tab-pane fade" id="tab-activity">
                @else
                  <div class="tab-pane fade active in" id="tab-activity">
                @endif                     
                   <div class="row block">
                      <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="table-responsive" style="overflow:scroll;">
                          <form role="form" class="form-horizontal">
                              <table width="100%" cellspacing="0" class="table table-striped table-bordered dataTable" id="datatables-1" role="grid" aria-describedby="datatables-1_info" style="width: 100%;">
                                <thead>
                                  <tr role="row">
                                    <th class="no-sort" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 288px;" aria-label="Coupon Image: activate to sort column ascending">Coupon Image</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 446px;" aria-label="Coup0n Name: activate to sort column ascending">Coupon Name</th>                                    
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 93px;" aria-label="Vendor: activate to sort column ascending">Vendor</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 446px;" aria-label="Hotspot Name: activate to sort column ascending">Hotspot</th>
                                    <th class="no-sort" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 189px;" aria-label="Discount: activate to sort column ascending">Discount</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 189px;" aria-label="Score: activate to sort column ascending">Eligibility Score</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 189px;" aria-label="Start Date: activate to sort column ascending">Start Date</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 189px;" aria-label="End Date: activate to sort column ascending">End Date</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 230px;" aria-label="Notes: activate to sort column ascending">Notes</th>
                                    <th class ="no-sort" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 230px; text-align: center;" aria-label="" >Actions</th>
                                  </tr>
                                </thead>
                            @if(count($data['coupons']) > 10)
                                <tfoot>                                
                                  <tr>
                                    <th rowspan="1" colspan="1">Coupon Image</th>
                                    <th rowspan="1" colspan="1">Coupon Name</th>
                                    <th rowspan="1" colspan="1">Vendor</th>
                                    <th rowspan="1" colspan="1">Hotspot</th>
                                    <th rowspan="1" colspan="1">Discount</th>
                                    <th rowspan="1" colspan="1">Eligibility Score</th>
                                    <th rowspan="1" colspan="1">Start Date</th>
                                    <th rowspan="1" colspan="1">End Date</th>
                                    <th rowspan="1" colspan="1">Notes</th>
                                    <th rowspan="1" colspan="1" style= "text-align: center;">Actions</th>
                                  </tr>
                                </tfoot>
                             @endif
                                <tbody>
                                 								@foreach($data['coupons'] as $coupon)
								
									@if($newrows == "odd")
										<tr role="row" class="odd">
																		
									@else
										<tr role="row" class="even">
																			@endif	
                                  
                                    <td class="sorting_1"><img style="height:26px; width:126px" src="{{asset('assets/images/coupons/'.$coupon->image)}}" /></td>
                                    <td>{{ $coupon->name }}</td>
                                    <td>{{ $coupon->vendor['name'] }}</td>
                                    <td>{{ $coupon->hotspot['name'] }}</td>
                                    <td>{{ $coupon->discount." ".$coupon->discount_type }}</td>
                                    <td>{{ $coupon->eligibility_score }}</td>
                                    <td><span class="hidden">{{ date('Y/m/d',strtotime($coupon->start_date)) }}</span>{{ date('d/m/Y',strtotime($coupon->start_date)) }}</td>
                                    <td><span class="hidden">{{ date('Y/m/d',strtotime($coupon->end_date)) }}</span>{{ date('d/m/Y',strtotime($coupon->end_date)) }}</td>
                                    <td>{{ $coupon->desc }}</td>
                                    <td style= "text-align: center;">
                                    <a class="btn-info" title="Edit" href="{{ url('admin/coupon/'.$coupon->id) }}"><i class="fa fa-edit"></i></a>&nbsp;&nbsp;
                                    <a class="btn-danger" title="Delete" href="{{ url('admin/couponDelete/'.$coupon->id) }}"><i class="fa fa-trash-o"></i></a>								    
                                    </td>
                                  </tr>
                                 @endforeach 
                                </tbody>
                              </table>                            
                            </div>
                          </form>
                        </div>
                      </div>                      
                    </div>            
                                 
     <!-- -------------------------------------------------------------------------------------------------------------------- -->