@extends('app')
@section('title') Packages and Offers @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": 3 },
					                { "orderable": false, "targets": 8 },
					                { "orderable": false, "targets": 9 },
					                { "orderable": false, "targets": 11 }
					              ],
					"order": [[ 1, "asc" ]]
			  } );


			  
			 @if(!old('add_offer'))
				  $("#add-offer-box").hide();
			 @endif
			 @if(!old('edit_offer'))
					$("#edit-offer-box").hide();
				 	@if(!empty($data['offer']))
				 		$("#offerdelete").hide();
			 		@endif			 
			@endif
			  
		    $( ".datepicker" ).datepicker({
		      changeMonth: true,
		      changeYear: true,
		      dateFormat: "dd/mm/yy"			  
		    });
		    $("#yesrad").click(function(){
			    $("#add-offer-box").show();
			});
			$("#norad").click(function(){
			    $("#add-offer-box").hide();
			});	

			$("#edit_yesrad").click(function(){
			    $("#edit-offer-box").show();
			    @if(!empty($data['offer']))
			 		$("#offerdelete").show();
		 		@endif	
			});
			$("#edit_norad").click(function(){
		    $("#edit-offer-box").hide();
		    @if(!empty($data['offer']))
		 		$("#offerdelete").hide();
	 		@endif	
		});		
		  });	  
		  
		  </script>	
@endsection   
@section('content') 
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
          <h2 class="page-title"> Packages and Offer Deals</h2>
          
          <!-- Zero Configuration Table -->
          <div class="panel">
            <div class="panel-body">
              <div class="">
                <ul class="nav nav-tabs ul-edit responsive">
                    @if(isset($data['package']->name))                    	
                  		<li class="">
                	@else
                		<li class="active">
                	@endif                     
                  <a data-toggle="tab" href="#tab-activity"><i class="fa fa-certificate"></i>&nbsp;
                    Packages & Offers   ( {{ count($data['packages']) }} & {{ $data['offer_cnt'] }} )</a></li>
                  <li class=""><a data-toggle="tab" href="#tab-add"><i class="fa fa-plus"></i>&nbsp;
                    Add Package</a></li>
                   @if(isset($data['package']->name))
                	<li class="active"><a data-toggle="tab" href="#tab-edit"><i class="fa fa-edit"></i>&nbsp;
                  	{{ $data['package']->name }} - Edit</a></li>
                   @endif
                </ul>
                <div class="tab-content" id="generalTabContent">
       <!-- ------------------------------------------------------------------------------------------------- -->     
                @if(isset($data['package']->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="sorting_asc" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 150px;" aria-sort="ascending" aria-label="Package Image: activate to sort column ascending">Package Image</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 200px;" aria-label="Package Name: activate to sort column ascending">Package Name</th>                                    
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 200px;" aria-label="Operator: activate to sort column ascending">Operator</th>
                                    <th class="no-sort" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 200px;" aria-label="Hotspot Name: activate to sort column ascending">Hotspot</th> 
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 250px !important;" 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: 250px;" 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: 250px;" aria-label="End Date: activate to sort column ascending">App Expiry Date</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 200px;" aria-label="Notes: activate to sort column ascending">Notes</th>
                                    <th class="no-sort" tabindex="0" rowspan="1" colspan="1" style="width: 100px; text-align: center;" >Package Actions</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 150px;" aria-label="Offer Image: activate to sort column ascending">Offer Image</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 200px;" aria-label="Offer Name: activate to sort column ascending">Offer Name</th>                                    
                                    <th class="no-sort" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 100px;" aria-label="Discount: deactivate to sort column ascending">Discount</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 250px;" aria-label="Valid To: activate to sort column ascending">Offer - Valid From</th> 
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 250px;" aria-label="Valid From: activate to sort column ascending">Offer - Valid To</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 250px;" aria-label="App Expiry: activate to sort column ascending">Offer - App Expiry</th>                                    
                                  </tr>
                                </thead>
                            @if(count($data['packages']) > 10)
                                <tfoot>                                
                                  <tr>
                                    <th rowspan="1" colspan="1">Package Image</th>
                                    <th rowspan="1" colspan="1">Package Name</th>
                                    <th rowspan="1" colspan="1">Operator</th>
                                    <th rowspan="1" colspan="1">Hotspot</th>
                                    <th rowspan="1" colspan="1">Start Date</th>
                                    <th rowspan="1" colspan="1">End Date</th>
                                    <th rowspan="1" colspan="1">App Expiry Date</th>
                                    <th rowspan="1" colspan="1">Notes</th>
                                    <th rowspan="1" colspan="1" style= "text-align: center;" >Package Actions</th>
                                    <th rowspan="1" colspan="1">Offer Image</th>
                                    <th rowspan="1" colspan="1">Offer Name</th>
                                    <th rowspan="1" colspan="1">Discount</th>
                                    <th rowspan="1" colspan="1">Offer - Valid From</th>
                                    <th rowspan="1" colspan="1">Offer - Valid To</th>
                                    <th rowspan="1" colspan="1">Offer - App Expiry</th>
                                  </tr>
                                </tfoot>
                             @endif
                                <tbody>
                                 								@foreach($data['packages'] as $package)
								
									@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/packages/'.$package->image)}}" /></td>
                                    <td>{{ $package->name }}</td>
                                    <td>{{ $package->operator['name'] }}</td>                                   
									<td>
										@if(count($package->packageHotspots) == 0 )
											NIL
										@else									
											<select class="form-control" style="width:150px;">	    
												@foreach($package->packageHotspots as $hotspot)
													<option>{{ $hotspot->name }}</option>	
												@endforeach									
											</select>
										@endif
										
									</td>                                   
                                    <td><span class="hidden">{{ date('Y/m/d',strtotime($package->validity_from)) }}</span>{{ date('d-m-Y',strtotime($package->validity_from)) }}</td>
                                    <td><span class="hidden">{{ date('Y/m/d',strtotime($package->validity_to)) }}</span>{{ date('d-m-Y',strtotime($package->validity_to)) }}</td>
                                    <td><span class="hidden">{{ date('Y/m/d',strtotime($package->expiry_date_on_app)) }}</span>{{ date('d-m-Y',strtotime($package->expiry_date_on_app)) }}</td>
                                    <td>{{ $package->desc }}</td>
                                    <td style= "text-align: center;">
                                    <a class="btn-info" title="Edit" href="{{ url('admin/package/'.$package->id) }}"><i class="fa fa-edit"></i></a>&nbsp;&nbsp;
                                    <a class="btn-danger" title="Delete" href="{{ url('admin/package/delete/'.$package->id) }}"><i class="fa fa-trash-o"></i></a>								    
                                    </td>
                                    @if(!empty($package->offer))
                                    <td class="sorting_1"><img style="height:26px; width:126px" src="{{asset('assets/images/offers/'.$package->offer['image'])}}" /></td>
                                    <td>{{ $package->offer['name'] }}</td>
                                    <td>{{ $package->offer['offer_value'].$package->offer['type'] }}</td>
                                    <td><span class="hidden">{{ date('Y/m/d',strtotime($package->offer['validity_from'])) }}</span>{{ date('d-m-Y',strtotime($package->offer['validity_from'])) }}</td>
                                    <td><span class="hidden">{{ date('Y/m/d',strtotime($package->offer['validity_to'])) }}</span>{{ date('d-m-Y',strtotime($package->offer['validity_to'])) }}</td>
                                    <td><span class="hidden">{{ date('Y/m/d',strtotime($package->offer['expiry_date_on_app'])) }}</span>{{ date('d-m-Y',strtotime($package->offer['expiry_date_on_app'])) }}</td> 
                                    @else 
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    @endif                             
                                  </tr>
                                 @endforeach 
                                </tbody>
                              </table>                              
                            </div>
                          </form>
                        </div>
                      </div>                      
                    </div>            
                                 
     <!-- -------------------------------------------------------------------------------------------------------------------- -->