@extends('layouts/contentNavbarLayout')

@section('title', 'Tables - Basic Tables')

@section('content')
<h4 class="py-3 mb-4">
  <span class="text-muted fw-light"></span>Used Coupons
</h4>

<!-- Basic Bootstrap Table -->
<div class="card">
  <form>

  </form>
  <div class="card-body">
    <div class="table-responsive text-nowrap">
      <table class="table">
        <thead>
          <tr>
            <!--<th>Id</th>-->
            <th>@sortablelink('created', 'Sent')</th>
            <th>@sortablelink('updated', 'Read')</th>
            <th>@sortablelink('title', 'Title')</th>
            <th>Image</th>
            <th>@sortablelink('typeValue', 'Type')</th>
            <th>@sortablelink('state', 'Used')</th>
            <th>@sortablelink('user_lastName', 'Name')</th>
            <th>@sortablelink('user_phone', 'Phone')</th>
            <th>@sortablelink('user_email', 'Email')</th>
          </tr>
        </thead>
        <tbody class="table-border-bottom-0">
          @if(count($coupons)>0)
            @foreach ($coupons as $d)
              <tr>
                <!--<td>{{$d->hash}}</td>-->
                <td>{{$d->created}}</td>
                <td>
                  @if ($d->created == $d->updated)
                    -
                  @else
                    {{$d->updated}}
                  @endif
                </td>
                <td>{{$d->title}}</td>
                <td>
                  <ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
                    <li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up">
                      <img src="{{ $d->image }}" alt="Avatar" class="rounded-circle">
                    </li>
                  </ul>
                </td>
                <td>{{$d->typeValue}}</td>
                <td><span class="badge bg-label-primary me-1">{{$d->used}}</span></td>
                <td>{{$d->user_lastName}}, {{$d->user_name}}</td>
                <td>{{$d->user_phone}}</td>
                <td>{{$d->user_email}}</td>
              </tr>
            @endforeach
          @else
            {{ "No hay nada" }}
          @endif

        </tbody>
      </table>
    </div>
    <div class="container"><div class="col-12" id="paginator">{!! $coupons->appends(request()->query())->render() !!}</div></div>
  </div>
</div>

@endsection