@extends('layouts.dashboard')

@section('content')
@if(session()->has('success'))
  <div class="alert alert-success alert-dismissible fade show close-notification" role="alert">
    {{session()->get('success')}}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
  </div>
@endif
<div class="row">
  <div class="col-12 col-sm-12">
    <div class="card nexa-border-light">
      <div class="card-header nexa-bg-light nexa-border-light">
        <h6 class="font-weight-bold mb-0">Lista kategorii</h6>
      </div>
      <div class="card-body">
        <div class="table-responsive">
          @if ($categories->count() === 0)
          <p class="text-center lead">Brak kategorii</p>
          @else
          <form method="POST" action="{{ url('/dashboard/category/search') }}" id="search-form">
            @csrf
            <div class="form-group position-relative">
              <input type="text" class="form-control" placeholder="Szukaj" name="search">
              <div class="btn-search position-absolute">
                <a href="#" class="nexa-light"><i class="lnr lnr-magnifier" onclick="event.preventDefault(); document.getElementById('search-form').submit();"></i></a>
              </div>
            </div>
          </form>
          <table class="table table-bordered" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>Id</th>
                <th>Nazwa kategorii</th>
                <th>Uproszczona nazwa kategorii w pasku URL</th>
                <th colspan="3">Akcja</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
              <th>Id</th>
              <th>Nazwa kategorii</th>
              <th>Uproszczona nazwa kategorii w pasku URL</th>
              <th colspan="3">Akcja</th>
              </tr>
            </tfoot>
            <tbody>
              @foreach ($categories as $category)
              <tr>
                <td>{{$category->id}}</td>
                <td>
                  <span data-toggle="tooltip" title="<img src='{{asset('storage/category/'.$category->thumbnail)}}' width='130' height='137'/>" class="cursor-context-menu">{{$category->name}}</span>
                </td>
                <td>{{$category->simplified_name}}</td>
                <td class="text-center"><a href="{{url('/dashboard/category/'.$category->id)}}" class="btn btn-outline-primary">Zobacz</a></td>
                <td class="text-center"><a href="{{url('/dashboard/category/'.$category->id.'/edit')}}" class="btn btn btn-outline-info">Edytuj</a></td>
                <td class="text-center">
                  <form action="{{url('/dashboard/category/'.$category->id)}}" method="post">
                    @csrf
                    {{method_field('DELETE')}}
                    <button type="submit" class="btn btn-outline-danger" onclick="return confirm('Wybrany element zostanie przeniesiony do kosza.')">Usuń</button>
                  </form>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
          @endif
        </div>
      </div>
      <div class="row">
        <div class="col-12 col-sm-12 d-flex justify-content-center">
          {{$categories->links()}}
        </div>
      </div>
    </div>
  </div>
</div>
@endsection