@extends('layouts.app')

@section('content')

<div class="row">


  @auth
  <div class="col-sm-12">

    @if(session()->get('success'))
      <div class="alert alert-success">
        {{ session()->get('success') }}  
      </div>
    @endif

  
  <div class="row ">
    <p class="text-right" style="width: 100%;">
      <a style="margin: 19px;" href="{{ route('clients.create')}}" class="btn btn-primary">+</a>
    </p>  
  </div>  
  <form method="GET" >
    <input type="hidden" value="{{request('field')}}" name="field"/>
    <input type="hidden" value="{{request('sort')}}" name="sort"/>

          <div class="row">
            <div class="col-sm-5 form-group">
                <div class="input-group">
                    <input class="form-control" id="search"
                           value="{{ request('search') }}"
                           placeholder="Szukana nazwa" name="search"
                           type="text" id="search"/>
                    <div class="input-group-btn">
                        <button type="submit" class="btn btn-warning">
                            Szukaj
                        </button>
                    </div>
                </div>
            </div>
          </div>  
  </form>   
  </div>       
  <div class="col-sm-12">
    <h1 class="display-3">Kontakty</h1>    
      <div class="table-responsive">   
        <table class="table table-hover">
          <thead>
              <tr>
                <td>
                    <a href="{{url('clients')}}?search={{request('search')}}&field=id&sort={{request('sort','asc')=='asc'?'desc':'asc'}}">
                        ID
                    </a>
                    {{request('field','id')=='id'?(request('sort','asc')=='asc'?'▴':'▾'):''}}
                </td>
                <td>
                  <a href="{{url('clients')}}?search={{request('search')}}&field=name&sort={{request('sort','asc')=='asc'?'desc':'asc'}}">Nazwa
                  </a>
                   {{request('field','name')=='name'?(request('sort','asc')=='asc'?'▴':'▾'):''}}
                </td>
                <td>Nazwa pełna</td>
             
                <td>Vat</td>
                
                <td colspan = 2>Akcje</td>
              </tr>
          </thead>
          <tbody>
     
             @foreach($clients as $client) 

            <tr>
              
                <td>{{$client->id}}</td>
                <td>{{$client->name}}</td>
                <td>{{$client->fullname}}</td>
               
                <td>{{$client->vatcode}}{{$client->vatid}}</td>
                <td>
                    <a href="{{ route('clients.edit',$client->id)}}" class="btn btn-primary">Edytuj</a>
                </td>
                <td>
                    <form action="{{ route('clients.destroy', $client->id)}}" method="post">
                      @csrf
                      @method('DELETE')
                      <button class="btn btn-danger" type="submit">Usuń</button>
                    </form>
                </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div> 
  </div>
  @endauth

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

@endsection