@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 == 'new')
                            <h4>Neuer PN</h4>
                        @else
                            <h4>Existierender PN</h4>
                        @endif
                    </div>
                    <div class="panel-body user-container">
                        @if(!empty($admin) && $admin)
                            @if($mode == 'new')
                                <a href="../users" class="btn btn-primary">Zurück</a>
                            @else
                                <a href="../../users" class="btn btn-primary">Zurück</a>
                            @endif
                        @else
                            <a href="../../" 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 == 'new')
                            <form action="../users" method="POST">
                                {{ csrf_field() }}
                                <label for="name">
                                    Kundenname
                                </label>
                                <input type="text" id="name" name="name" class="form-control" value="{{ old('name') }}"
                                       required>
                                <label for="email">
                                    Email
                                </label>
                                <input type="email" id="email" name="email" class="form-control"
                                       value="{{ old('email') }}" required>
                                <label for="credits">
                                    Credits
                                </label>
                                <input type="number" id="credits" name="credits" class="form-control"
                                       required>
                                <label for="laufzeit">
                                    Laufzeit
                                </label>
                                <input type="number" id="laufzeit" name="laufzeit" class="form-control"
                                       required>

                                <br>
                                <input type="submit" class="btn btn-primary" value="PN speichern">
                            </form>
                        @else
                            <form id="updateUserForm" action="../../users/{{$user->id}}" method="POST">
                                {{ csrf_field() }}

                                <input name="_method" type="hidden" value="PUT">

                                <label for="name">
                                    Benutzername
                                </label>
                                <input type="text" id="name" name="name" class="form-control" value="{{$user->name}}"
                                       required>
                                <label for="email">
                                    Email
                                </label>
                                <input type="email" id="email" name="email" class="form-control"
                                       value="{{$user->email}}" required>
                                @if($admin)
                                    <label for="status">
                                        Angestelltenstatus
                                    </label>
                                    <select name="status" id="status" class="form-control">
                                        <option value="0" selected>
                                            festangestellter Mitarbeiter
                                        </option>
                                        <option value="1" >freier
                                            Mitarbeiter
                                        </option>
                                    </select>
                                    @if($user->frei == 1)
                                        <label for="hour">Stundensatz (in €)</label>
                                        <input type="number" class="form-control" name="hour" id="hour" value="{{$user->stundensatz}}">
                                    @endif
                                @endif
                                <br>
                                <label for="connected">AskDante</label><br>
                                @if(!empty($connected))
                                    @if($connected->spaeter)
                                        <a href="/askdante/login/{{$user->id}}" class="btn btn-primary" id="connected">Verbinden</a>
                                    @else
                                      @if($connected->locked)
                                        <div class="row">
                                            <div class="col-md-6">
                                                Gesperrt für Askdante
                                            </div>
                                        </div>
                                    @else
                                        <div class="row">
                                            <div class="col-md-6">
                                                {{'Verbunden mit '.$connected->email}}
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <a class="btn btn-xs btn-danger" data-toggle="modal"
                                                   data-target="#connectionDeleteModal">Verbindung trennen</a>
                                            </div>
                                        </div>
                                        <input type="hidden" class="hidden" value="{{$user->id}}" id="useridfield">
                                        @endif
                                    @endif
                                @else
                                    <a href="/askdante/login/{{$user->id}}" class="btn btn-primary" id="connected">Verbinden</a>
                                @endif
                                <br>
                                <br>
                                <input class="pointerCursor" type='checkbox' name='changePassword' id='changePassword'
                                       value="yes"/> <label for="changePassword" class="pointerCursor">Passwort
                                    ändern</label>
                                <div id="password_div" class="hidden">
                                    <label for="password">
                                        Passwort
                                    </label>
                                    <input type="password" id="password" name="password" class="form-control">
                                    <label for="confirm_password">
                                        Passwort bestätigen
                                    </label>
                                    <input type="password" id="password_confirmation" name="password_confirmation"
                                           class="form-control">
                                </div>
                                <br>
                                <input type="submit" class="btn btn-primary" value="Änderungen speichern">
                            </form>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

<div id="connectionDeleteModal" tabindex="-1" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header bg-danger">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Verbindung trennen</h4>
            </div>
            <div class="modal-body">
                <p>Möchten Sie die Verbindung zu AskDante wirklich trennen?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
                <input type="submit" class="btn btn-danger" onclick="deleteAskDanteConnection()" value="Trennen"/>
            </div>
        </div>
    </div>
</div>