@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 Voucher Codes</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>
                                    <a href="{{ url('/admin/voucherused/1') }}">Used ({{count($is_used)}})</a>
                                    <a href="{{ url('/admin/voucherused/2') }}">Un-used({{count($is_not_used)}})</a>
                                </div>

                                <div class="text-left pg">
                                    {{$dd->links('partials.pagination')}}
                                </div>
                            </div>
                            <form id="selected_all" action="{{route('voucherTrashSelected2')}}" method="post">
                                @csrf
                                <input type="hidden" name="selected" id="selected">
                                <button class="btn bg-black waves-effect waves-light" disabled="disabled" type="submit">Delete</button>
                                <a href="{{ url('/admin/voucher/create') }}" class="btn btn-primary">Generate Voucher</a>
                            </form>
                            <form id="selected_all" action="{{route('voucherExport')}}" method="post">
                                @csrf
                                <input type="hidden" name="selected" id="selectedcoupon">
                                <button class="btn bg-black waves-effect waves-light" disabled="disabled" type="submit">Export</button>
                            </form>
                            <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>Code</th>
                                    <th>Vendor</th>
                                    <th>Used By</th>
                                    <th>Created At</th>
                                    <th>Action</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><b>{{$ui->voucher_code}}</b></td>
											<td>
												@if(!empty($ui->vendor_id))
													<a href="{{ url('/') }}/admin/users/edit/{{ $ui->vendor_id }}"> {{ get_vendor_name($ui->vendor_id) }}</a>
												@endif
											</td>
											<td>
												@if($ui->user)
													<a href="{{route('adminUsEdit', $ui->user->id)}}"> {!! Str::limit($ui->user->username) !!}
													</a>
												@else
													<span style="color: red;">Un-used</span>
												@endif
											</td>
											<td>
												{{$ui->created_at->diffForHumans()}}
											</td>
											<td>
												<a title="Delete Support" onclick="confirmAction(event)" href="{{route('voucherTrashSelected', $ui->id)}}" type="submit" class="btn bg-teal waves-effect">
														<i class="material-icons">delete</i>
													</a>
											</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