@extends('admin.layouts.master')
@section('content')
<style>
  .webui-popover-content .list-group-item{
    padding: 5px 10px;
  }
</style>
<div class="content-header"> 
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Vouchers List</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{asset('/')}}">Home</a></li>
              <li class="breadcrumb-item active"><a href="{{asset(route('voucher'))}}">Voucher</li><a></li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
      @if(session()->has('success'))
          <div class="alert alert-success">
              {{ session()->get('success') }}
          </div>
      @endif
      @if(session()->has('error'))
          <div class="alert alert-danger">
              {{ session()->get('error') }}
          </div>
      @endif
    <section class="content">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
               <a href="{{ route('voucher.add') }}"><button class="btn btn-primary">Add New Voucher</button></a>
            </div>
            <div class="card-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>Voucher Id</th>
                  <th>Voucher</th>
                  <th>Currency</th>
                  <th>Discount</th>
                  <th>Discount Type</th>
                  <th>Duration</th>
                  <th>Expiry Date</th>
                  <th>Used by Customers</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>
                  @foreach($vouchers as $key=>$row)
                      <tr>
                        <td>{{$row->id}}</td>
                        <td>{{$row->discount_code}}</td>
                        <td>{{$row->currency}}</td>
                        <td>{{$row->discount}}</td>
                        <td>{{($row->discount_type)}}</td>
                        <td>{{($row->duration)}}</td>
                        <td>{{$row->expiry_date != "0000-00-00" ? date("d-m-Y",strtotime($row->expiry_date)) : ""}}</td>
                        <td>
                          {{--(count($row->usedbycustomers) ? '<a data-width="300px" class="usedbycustomers" data-placement="left" href="#"> '.count($row->usedbycustomers).' Customers</a>' : 'None')--}}
                          {!!(count($row->usedbycustomers) ? '<a data-width="300px" class="usedbycustomers" data-placement="left" href="'.asset('/admin/voucher-usage').'/'.$row->discount_code.'">View Details</a>' : 'None')!!}
                          @if(false && count($row->usedbycustomers))
                            <div class="webui-popover-content">
                              <ul class="list-group">
                                @foreach ($row->usedbycustomers as $item)
                                <a href="javascript:void(0)" class="list-group-item list-group-item-action" user_id="{{$item->user_id}}">UID# {{$item->user_id}}: <strong>{{$item->name}}</strong>@if($item->total > 1) ({{$item->total}})@endif</a>
                                @endforeach
                              </ul>
                            </div>
                          @endif
                        </td>
                        <td>
                          <a class="label label-danger" href="javascript:" data-toggle="tooltip" title="Delete voucher" onclick="delete_row(this)"><button class="btn-sm btn-danger"><i class="fa fa-trash"></i></button></a>
                          <form action="{{ route('voucher.destroy',$row->id) }}" method="POST">
                            {{ method_field('DELETE') }}
                            {{ csrf_field() }}
                          </form>
                        </td>
                      </tr>
                  @endforeach
                </tbody>
                  
              </table>
            </div>

            <div class="card-body">
              <h3>Constant Voucher</h3>
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>Voucher Id</th>
                  <th>Voucher</th>
                  <th>Currency</th>
                  <th>Discount</th>
                  <th>Discount Type</th>
                  <th>Duration</th>
                  <th>Expiry Date</th>
                </tr>
                </thead>
                <tbody>
                  @if(isset($refer_voucher) && $refer_voucher)
                      <tr>
                        <td>{{$refer_voucher->id}}</td>
                        <td>{{$refer_voucher->discount_code}}</td>
                        <td>{{$refer_voucher->currency}}</td>
                        <td>{{$refer_voucher->discount}}</td>
                        <td>{{($refer_voucher->discount_type)}}</td>
                        <td>{{($refer_voucher->duration)}}</td>
                        <td>{{($refer_voucher->no_of_months)}}</td>
                      </tr>
                    @endif
                </tbody>
                  
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
@endsection


@section('script')
<script>
  /* $(document).ready(function(){
    $('.usedbycustomers').webuiPopover();
  }) */
</script>
@endsection