<form>
  <div class = "flex d-flex">
  <div class="form-group mb-3">
    <label for="recipient-name" class="col-form-label">Item:</label>
    <input type="text" class="form-control" wire:model='item' >
    @error('item') <span class = "text-danger">{{$message}}</span>@enderror
  </div>
  <div class="form-group mb-3">
    <label for="recipient-name" class="col-form-label">Ip:</label>
    <input type="text" class="form-control " wire:model='ip' >
    @error('ip') <span class = "text-danger">{{$message}}</span>@enderror
  </div>
  
  <div class="form-group mb-3">
    <label for="recipient-name" class="col-form-label">Login:</label>
    <input type="text" class="form-control @error('login') is-invalid @enderror" wire:model='login'>
    @error('login') <span class = "text-danger">{{$message}}</span>@enderror
  </div>
  <div class="form-group mb-3">
    <label for="recipient-name" class="col-form-label">Password:</label>
    <input type="text" class="form-control @error('passwd') is-invalid @enderror" wire:model='passwd'>
    @error('passwd') <span class = "text-danger">{{$message}}</span>@enderror
  </div>
</div>
  <div class= "">
      <button wire:click.prevent='store()'class="btn btn-secondary btn-block">Save</button>
      <button wire:click.prevent='cancelItem()' class="btn btn-danger ">Cancel</button>
  
  </div>
  
</form>