@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">
                    <h4>Übergabe bestätigen</h4>
                </div>
                <div class="panel-body user-container">
                    <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>
                    <h4> Folgende Gegenstände wurden übergeben</h4>
                    <ul>
                        @foreach($giveAwayItems as $giveAwayItem)
                        <li>{{$giveAwayItem->name.' - '.$giveAwayItem->article_number}}</li>
                        @endforeach
                    </ul>
                          <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>
                        <input type="hidden" value="{{ implode(',', array_column($giveAwayItems, 'id')) }}" id="giveAwayItems">
                        <input type="button" onclick="saveAccept()" class="btn btn-primary" value="Übernahme bestätigen">
                      </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection