@extends('layouts.app')
@section('content')
<script>
  function ConfirmDelete(no)
  {
  var x = confirm("Czy napewno usunąć rekord "+no);
  if (x)
    return true;
  else
    return false;
  }
</script>

@auth

  <div class="col-sm-12">
    
    @if(session()->get('success'))
      <div class="alert alert-success">
        {{ session()->get('success') }}  
      </div>
    @endif
    @if(session()->get('error'))
      <div class="alert alert-danger">
        {{ session()->get('error') }}  
      </div>
    @endif
  
    <div class="row ">
      @can('can-edit','clientkinds')
      <p class="text-right" style="width: 100%;">
        <a style="margin: 19px;" href="{{ route('clientkinds.create')}}" class="btn btn-primary">+</a>
      </p> 
      @endcan 

    <h1 class="display-3">Rodzaje klientów</h1>   
    
      <div class="table-responsive">   
        <table class="table table-hover">
          <thead>
            <tr>  
              <td><div  class="d-inline-block">Nazwa</td>
              <td  colspan = 2>Akcje</td>
            </tr>
        </thead>
          <tbody>
     
             @foreach($clientkinds as $clientkind) 
              <tr>
               
                <td><div id="substrnazwa_{{$clientkind->id}}" class="d-inline-block text-truncate substrnazwa" style="max-width: 130px;">{{$clientkind->name}}</div></td>       

                <td>
                    @can('can-edit','clientkinds')
                    <a href="{{ route('clientkinds.edit',$clientkind->id)}}" class="btn btn-primary"><i class="fas fa-edit"></i></a>
                    @endcan
                </td>
                <td class="">
                    @can('can-delete','clientkinds')
                    <form action="{{ route('clientkinds.destroy', $clientkind->id)}}" method="post">
                      @csrf
                      @method('DELETE')
                      <button class="btn btn-danger" type="submit" name="action" value="/clientkinds" onClick = "return ConfirmDelete('{{ $clientkind->name }} ');"><i class="fas fa-trash"></i></button>
                    </form>
                    @endcan
                </td>
              </tr>
            @endforeach
          </tbody>
       
        </table>
      </div> 
  </div> 
  </div>

@endauth

  @guest
    <div class="alert alert-danger" role="alert">
      Nie masz uprawnien do oglądania tej strony  
    </div>
  @endguest


@endsection