@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="panel panel-default panel-bg">
            <div class="panel-heading">Stundenzettel</div>
            <div class="panel-body courses-container">
                <div id="success_div" class="text-center text-success hidden"></div>
                <div class="row">
                    <div class="col-md-12">
                        <h3>Hallo {{Auth::user()->name}}</h3>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-12">
                        <ul class="nav nav-tabs" style="cursor: pointer">
                            @if(in_array(2, $buttons->toArray()))
                                <li><a href="{{url('/')}}">Stundenzettel</a></li>
                            @endif
                            @if(in_array(1, $buttons->toArray()))
                                <li><a href="{{url('fftimesheet')}}">HBC Stundenzettel</a></li>
                            @endif
                            @if(in_array(23, $buttons->toArray()))
                                <li class="active"><a>PT Stundenzettel</a></li>
                            @endif
                        </ul>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-3">
                        <label for="customerAutocomplete">Mitglied:</label>
                        <input type="text" class="form-control input-lg" id="ptCustomerAutocomplete" name="ptCustomerAutocomplete" placeholder="Suche...">
                        <input type="hidden" id="customer_id" name="customer_id" class="" required>
                        <input type="hidden" id="pt_contract_id" name="pt_contract_id" class="" required>
                    </div>
                    <br>
                    <div class="col-md-2">
                        <button class="btn btn-success btn-lg" onclick="getUserInfo()">Suchen</button>
                    </div>
                    <div class="col-md-3">
                        <button class="btn btn-default btn-lg" onclick="openPTCorrectionModal()">Korrektur <i class="fas fa-pencil-alt" aria-hidden="true"></i></button>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-12" id="ptcontent">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="ptCorrectionModal" class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog wide" role="document">
            <div class="modal-content">
                <div class="modal-header bg-success">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h5 class="modal-title">Korrektur</h5>
                </div>
                <div class="modal-body" id="ptCorrectionModalBody">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" onclick="savePTCorrection()">Speichern</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
                </div>
            </div>
        </div>
    </div>
@endsection