@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','clients')
      <p class="text-right" style="width: 100%;">
        <a style="margin: 19px;" href="{{ route('clients.create')}}" class="btn btn-primary">+</a>
      </p>  
      @endcan
                 






      <h1 class="display-3">Klienci</h1>   
    
      <div class="table-responsive">   
        <table class="table table-hover">
          <thead>
            <tr>  
              <td><div  class="d-inline-block">Nazwa</td>
              
              <td ><div class="d-none d-sm-inline-block">Miejscowość</div></td>
              <td ><div class="d-none d-sm-inline-block">Nip</div></td>
              
              <td  colspan = 2>Akcje</td>
            </tr>
        </thead>
          <tbody>
     
             @foreach($clients as $client) 
              <tr>
               
                <td><div id="substrnazwa_{{$client->id}}" class="d-inline-block text-truncate substrnazwa" style="max-width: 130px;">{{$client->name}}</div></td>       
                <!--<td><a href="/clients/{{$client->id}}">{{strlen($client->name) < 30 ? $client->name : substr($client->name,0,30)}}..</a></td>-->
                <td><div class="d-none d-sm-inline-block">{{$client->city}}</div></td>
               
                <td><div class="d-none d-sm-inline-block">{{$client->nip_code}}{{$client->nip}}</div></td>
                <td>
                    @can('can-edit','clients')
                    <a href="{{ route('clients.edit',$client->id)}}" class="btn btn-primary"><i class="fas fa-edit"></i></a>
                    @endcan
                </td>
                <td class="">
                    @can('can-delete','clients')
                    <form action="{{ route('clients.destroy', $client->id)}}" method="post">
                      @csrf
                      @method('DELETE')
                      <button class="btn btn-danger" type="submit" name="action" value="/clients" onClick = "return ConfirmDelete('{{ $client->name }} ');"><i class="fas fa-trash"></i></button>
                    </form>
                    @endcan
                </td>
              </tr>
            @endforeach
          </tbody>
       
        </table>
      </div> 
  </div> 
  </div>

<script type="text/javascript">
  
    
    jQuery(".substrnazwa").click(function($){
        //console.log(this.id);
        
        jQuery('#'+this.id).toggleClass('text-truncate', 'd-none' );
        //jQuery(".text-truncate").remove();
        //jQuery(".text-truncate").addClass('d-none');
        //$('.d-inline-block').addClass('d-none');
    });


</script>


   @endauth

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


@endsection