@extends('layouts/contentNavbarLayout')

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

@section('content')
<h4 class="py-3 mb-4">
  <span class="text-muted fw-light"></span>Clicks By Coupon
</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_at', 'Clicked')</th>
            <th>@sortablelink('ip', 'Ip')</th>
            <th>@sortablelink('title', 'Title')</th>
            <th>Image</th>
            <th>@sortablelink('typeValue', 'Type')</th>
          </tr>
        </thead>
        <tbody class="table-border-bottom-0">
          @if(count($clicks)>0)
            @foreach ($clicks as $d)
              <tr>
                <!--<td>{{$d->hash}}</td>-->
                <td>{{$d->created}}</td>
                <td>{{$d->ip}}</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>
              </tr>
            @endforeach
          @else
            {{ "No hay nada" }}
          @endif
        </tbody>
      </table>
    </div>
    <div class="container"><div class="col-12" id="paginator">{!! $clicks->appends(request()->query())->render() !!}</div></div>
  </div>
</div>

@endsection