@extends('layouts/contentNavbarLayout')

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

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

<div class="row">
    <div class="col-md-12">
    <ul class="nav nav-pills flex-column flex-md-row mb-3">
      @php
        $session = @Session::has('admin')?'admin':'business';
      @endphp
      <li class="nav-item"><a class="nav-link active" href="#"><i class="bx bx-user me-1"></i> List</a></li>
      <li class="nav-item"><a class="nav-link" href="{{url('/'.$session.'/create-category')}}"><i class="bx bx-message-square-add me-1"></i> Add</a></li>
      <!--<li class="nav-item"><a class="nav-link" href="{{url('pages/account-settings-connections')}}"><i class="bx bx-link-alt me-1"></i> Connections</a></li>-->
    </ul>
  </div>
</div>
<!-- Basic Bootstrap Table -->
@include('content.notification.notification')
<div class="card">
  <form>

  </form>
  <div class="card-body">
    <div class="table-responsive text-nowrap">
      <table class="table">
        <thead>
          <tr>
            <th>@sortablelink('name', 'Name')</th>
            <th>@sortablelink('description', 'Description')</th>
            <th>Icon Color</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody class="table-border-bottom-0">
          @if(count($data)>0)
            @foreach ($data as $d)
              <tr>
                <td>{{$d->name}}</td>
                <td>{{$d->description}}</td>
                <td><span style="background-color: {{$d->color}}; padding: 10px 30px; border-radius: 10px; color: white; width: 100%;"><i class="{{$d->icon}}"></i></span></td>
                <td>
                  <div class="dropdown">
                    <button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
                    <div class="dropdown-menu">
                      <a class="dropdown-item" href="/{{$session}}/update-category/{{$d->hash}}"><i class="bx bx-edit-alt me-1"></i> Edit</a>
                      <!--<a class="dropdown-item" href="{{ url('/'.\Session::get('rol').'/create-coupon/') }}"><i class="bx bx-layout me-1"></i> Add Coupon</a>-->
                      <a class="dropdown-item" href="{{ url('/delete/ca/'.$d->hash) }}"><i class="bx bx-trash me-1"></i> Delete</a>
                    </div>
                  </div>
                </td>
              </tr>
            @endforeach
          @else
            {{ "No hay nada" }}
          @endif
        </tbody>
      </table>
      <div class="container"><div class="col-12" id="paginator">{!! $data->appends(request()->query())->render() !!}</div></div>
    </div>
  </div>
</div>
<!--/ Basic Bootstrap Table -->
@endsection