@extends('Layouts.admin')
@section('content')
    <div class="container-fluid">

        <div class="row clearfix">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="card">
                    <div class="header">
                        <h2>All Bundles</h2>
                        <ul class="header-dropdown m-r--5">
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                    <i class="material-icons">more_vert</i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="body">
                        <div class="table-responsive">
                            <div class="clearfix">

                                @if(\Session::has('info'))
                                <div class="alert alert-success">
                                    {{\Session::get('info')}}
                                </div>
                                @endif

                                <div class="d_s_action">
                                    <a class="active">All ({{count($dd1)}})</a>
                                </div>

                                <div class="text-left pg">
                                    {{$dd->links('partials.pagination')}}
                                </div>
                            </div>
                            <table class="table table-hover dashboard-task-infos">

                                <thead>
                                <tr>
                                    <th width="5%">
                                        <div id="checkie_id">
                                           <form autocomplete="off">
                                               <!--<input class="filled-in sp" type="checkbox" id="b-select" />-->
                                               <label for="b-select" style="line-height: 0;padding: 0;height: 12px;"></label>
                                           </form>
                                          </div>
                                    </th>
                                    <th>#</th>
                                    <th>Username</th>
                                    <th>Bundle</th>
                                    <th>Subscribed On</th>
                                    <th>Expired On</th>
                                </tr>
                                </thead>
                                <tbody>
                                                                @if(count($dd1) > 0)
									@foreach($dd as $ui)
										<tr>
											<td width="5%">
												<div id="checkie_id">
													<form autocomplete="off">
													<!--<input class="filled-in sp" type="checkbox" id="b-{{$ui->id}}" name="{{$ui->id}}" />-->
													<label for="b-{{$ui->id}}"></label>
													</form>
												</div>
												</td>
											<td>{{$counter++}}</td>
											<td><a href="{{route('adminUsEdit', $ui->user_id)}}"><b>{{ \App\User::find($ui->user_id)->username}}</b></a></td>
											<td>
											    {{ \App\Bundle::find($ui->bundle_id)->name }} Days
											</td>
											<td>
											    {{ Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $ui->subscribed_on)->format('d-m-Y') }}
											</td>
											<td>
											    {{ Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $ui->expired_on)->format('d-m-Y') }}
											</td>

										</tr>
									@endforeach
                                @endif

                                </tbody>
                            </table>
                            <div class="clearfix">
                                <div class="text-left pg">
                                    {{$dd->links('partials.pagination')}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- #END# Browser Usage -->
        </div>
    </div>
@stop

@section('scripts')
    <script>

        $('#s_d_i').on('click', function (event) {

            var re = confirm('Are you sure you want to perform this action ?');
            if(re == true){
                return true
            } else{
                event.preventDefault();
            }
        });

        function confirmAction (event) {

            var re = confirm('Are you sure you want to perform this action ?');
            if(re == true){
                return true
            } else{
                event.preventDefault();
            }
        }

        $('#selected').val = '';
        $('#selectedcoupon').val = '';
        $(".filled-in.sp").on('change', function() {
            var favorite = [];
            $.each($("tbody input[type='checkbox']:checked"), function () {
                favorite.push($(this).attr('name'));
            });
            if (favorite.length > 0) {
                $('.btn.bg-black.waves-effect.waves-light').attr('disabled', false);
                $('#selected').val(favorite);
                $('#selectedcoupon').val(favorite);
            } else {
                $('.btn.bg-black.waves-effect.waves-light').attr('disabled', true);
            }
        });
		
		
		$('#b-select').click(function(event) {
            if(this.checked) {
                // Iterate each checkbox
                $(':checkbox').each(function() {
                    this.checked = true;
                });
            } else {
                $(':checkbox').each(function() {
                    this.checked = false;
                });
            }
        });
		
		
		$('#b-select').click(function(event) {
            if(this.checked) {
                // Iterate each checkbox
                $(':checkbox').each(function() {
                    this.checked = true;
                });
            } else {
                $(':checkbox').each(function() {
                    this.checked = false;
                });
            }
        });
    </script>
@stop