@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="panel panel-default panel-bg">
                <div class="panel-heading">
                    @if($mode == 'userGiveAway' || $mode == 'giveAway'  || $mode == 'giveAwayArticle' )
                    <h4>Übergabeprotokoll</h4>
                    @endif
                    @if($mode == 'userGiveBack' || $mode == 'giveBack' || $mode == 'giveBackArticle' )
                    <h4>Rückgabeprotokoll</h4>
                    @endif
                </div>
                <div class="panel-body hidden" id="errorInventoryModalBody">
                </div>
                <div class="panel-body user-container">
                    @if($mode == 'userGiveToOther' )
                  <a href="{{url('inventory/overview')}}" class="btn btn-primary">Zurück</a>
                    @else

                    <a href="{{url('inventory/overview')}}" class="btn btn-primary">Zurück</a>
                    @endif
                    <br><br>
                    <div class="text-center text-success">
                        @if(session('success'))
                        {{session('success')}}
                        @endif
                    </div>
                    <div class="text-center text-danger">
                        @if($errors->any())
                        @foreach($errors->all() as $error)
                        {!! $error !!}
                        <br>
                        @endforeach
                        @endif
                    </div>
                        @if($mode == 'userGiveAway' || $mode == 'userGiveBack')
                          {{ csrf_field() }}
                          <label for="mitarbeiter">Mitarbeiter: </label>
                          <div id="mitarbeiter">{{$user->name}}</div>
                          <input type="hidden" name="authUserName" id="authUserName" value="{{$user->name}}">
                          <input type="hidden" id="userselectforinventoryUserSearch" name="userselectforinventoryUserSearch" class="automaticSearchUser" value="{{$user->id}}">
                        @else
                          {{ csrf_field() }}
                          <label for="mitarbeiter">Mitarbeiter: </label>
                          <input type="text" class="form-control" id="inventoryUserSearch" name="inventoryUserSearch" placeholder="Suche Mitarbeiter...">
                          <input type="hidden" id="userselectforinventoryUserSearch" name="userselectforinventoryUserSearch" class="automaticSearchUser">
                        @endif

                        <input type="hidden" class="form-control" id="mode" name="mode" value="{{$mode}}">
                        <label for="controllingUser">Prüfender Mitarbeiter: </label>
                        <input type="text" class="form-control" id="controllingUser" name="controllingUser" value="{{Auth::user()->name}}" disabled>
                        <input type="hidden" class="form-control" id="controllingUserID" name="controllingUserID" value="{{Auth::user()->id}}">

                        @if($mode == 'giveAwayArticle' || $mode == 'giveBackArticle')
                            <div id="inventoryArticle">{{$inventory->name}} - {{$inventory->inventorynumber}}<</div>
                            <input type="hidden" name="inventorySearchId" id="inventorySearchId" value="{{$inventory->id}}">
                            <input type="hidden" name="inventorySearchName" id="inventorySearchName" value="{{$inventory->name}} - {{$inventory->inventorynumber}}">
                        @else
                            @if($mode == 'userGiveBack' || $mode == 'giveBack' || $mode == 'giveBackArticle'  || $mode == 'userGiveToOther' )
                                <h3>Liste an Gegenständen</h3>
                                <div id="allUserInventory">
                                    @forelse($userArticles as $userArticle)
                                    <label for="userArticleId{{$userArticle->id}}">
                                        {{$userArticle->title}} - {{$userArticle->name}} - {{$userArticle->article_number}}:
                                    </label>
                                    <input type="checkbox" class="form-control" id="userArticleId{{$userArticle->id}}" name="userArticle" value="1">
                                    @empty
                                    <p>Kein Benutzer gewählt oder Benutzer hat keine Gegenstände im Inventar.</p>
                                    @endforelse
                                </div>
                            @else
                                  <input type="hidden" id="inventorySearchId" name="inventorySearchId" class="automaticSearchInventoryId">

                                  <input type="hidden" name="moreArtikleCounter" id="moreArtikleCounter" value="1"><!-- Lesbarer Counter = 2 -->
                                  <div id="allInventories">

                                  </div>
                                  <div id="inventorySearchBox">

                                  </div>
                                  <label for="inventoryArticle">Artikel: </label>
                                  <input type="text" class="form-control" id="inventorySearchNumber" name="inventorySearchNumber" placeholder="Suche (Artikelname)..."/>
                                  <input type="hidden" id="inventorySearchIdNumber" name="inventorySearchIdNumber" class="automaticSearchNumberInventoryId"/>
                                  <label for="inventorySearchNameNumberNr">Anzahl: </label>
                                  <input type="number" name="inventorySearchNameNumberNr"  class="form-control" id="inventorySearchNameNumberNr"/>
                                  <input type="hidden" name="moreArtikleCounterNumber" id="moreArtikleCounterNumber" value="1"><!-- Lesbarer Counter = 2 -->
                                  <label for="inventoryAddNumber">Weiteren Gegenstand übergeben <a id="newInventoryNumber"><i class="fa fa-plus"></i></a></label>
                                  <div id="allInventoriesNumber">

                                  </div>
                                  <div id="inventorySearchBoxNumber">

                                  </div>
                            @endif
                        @endif
                    <hr>

                    @if($mode == 'userGiveBack' || $mode == 'giveBack' || $mode == 'giveBackArticle' )
                    <label for="warehouse">Direkt ins Lager gelegt: </label>
                    <input type="checkbox" class="form-control" id="warehouse" name="warehouse" value="1">
                    @else
                    <label for="inventoryArticle">Artikel mit Artikelnummer: </label>
                    <input type="hidden" class="form-control" id="mode" name="mode" value="{{$mode}}">
                    @endif

                    @if($mode == 'userGiveAway' || $mode == 'giveAway'  || $mode == 'giveAwayArticle' )
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label for="giveAwayOptions">Übergabebestätigung</label><br>
                                <div class="form-check">
                                    <input type="radio" id="giveAwayOptions1" name="giveAwayOptions" class="form-check-input" value="1" checked>
                                    <label class="form-check-label" for="giveAwayOptions1">Vor Ort - Mit Unterschrift</label>
                                </div>
                                <div class="form-check">
                                    <input type="radio" id="giveAwayOptions2" name="giveAwayOptions" class="form-check-input" value="2">
                                    <label class="form-check-label" for="giveAwayOptions2">Per Mail</label>
                                </div></div>
                        </div>
                    </div>
                    @endif
                          <div class="row" id="giveAwayOptions1Signature">
                            <div class="col-lg-12">
                              <div class="form-group">
                                <label for="signature_canvas_1">Unterschrift der Empfängers:</label>
                                <canvas id="signature_canvas_1" style="background-color: white; width: 100%; border: #636b6f solid 1px"></canvas>
                              </div>
                            </div>
                          </div>

                          <div class="row">
                            <div class="col-lg-12">
                              <div class="form-group">
                                <label for="signature_canvas_2">Unterschrift des Übergebers:</label>
                                <canvas id="signature_canvas_2" style="background-color: white; width: 100%; border: #636b6f solid 1px"></canvas>
                              </div>
                            </div>
                          </div>
                        <input type="button" onclick="saveGivaAway()" class="btn btn-primary" value="Artikel übergeben">

                </div>
            </div>
        </div>
    </div>
</div>
@endsection