@extends('layouts.app')

@section('content')
<div class="container">
    <div class="panel panel-default panel-bg">
        <div class="panel-heading">Vertrags-Bündellung</div>
        <div class="panel-body">
            <a href="{{ route('createOwner') }}"><i class="fa fa-plus"></i></a>
            <table class="table">
                <thead>
                    <tr>
                        <th>Nr</th>
                        <th>Name</th>
                        <th>Verantwortlicher Mitarbeiter</th>
                        <th>Aktion</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($contractownwers as $contractownwer)
                    <tr>
                        <td>{{$contractownwer->id}}</td>
                        <td>{{$contractownwer->name}}</td>
                        <td>{{$contractownwer->user->name}}</td>
                        <td>
                          <a href="{{ route('createOwner') }}">
                            <i class="fas fa-pencil-alt" aria-hidden="true"></i>
                          </a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <div class="panel panel-default panel-bg">
        @if($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
        @endif
        <div class="panel-heading">Verträge</div>
        <div class="panel-body">
            <a href="{{ route('createContract') }}"><i class="fa fa-plus"></i></a>
            <table class="table">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Startdatum</th>
                        <th>Enddatum</th>
                        <th>Vertragsdauer in Wochen</th>
                        <th>Preis</th>
                        <th>Erneuerungsdatum</th>
                        <th>Erneuerungspreis</th>
                        <th>Aktion</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($contracts as $contract)
                    <tr @if($contract->contract_status == 0) style="color: green" @elseif($contract->contract_status == 1) style="color: orange" @elseif($contract->contract_status == 2 || $contract->contract_status == 3) style="color: red" @endif>
                        <td>{{$contract->name}}</td>
                        <td>{{$contract->start_date}}</td>
                        <td>{{$contract->end_date}}</td>
                        <td>{{$contract->duration}}</td>
                        <td>{{$contract->contract_value}}</td>
                        <td>{{$contract->renewal_date}}</td>
                        <td>{{$contract->renewal_amount}}</td>
                        <td>
                            <div class="btn-group">
                                <a href="{{ route('viewContract', $contract->id) }}" class="btn btn-success btn-sm">Details</a>
                                <button type="button" class="btn btn-danger btn-sm" onclick="showDeleteContractModal({{$contract->id}})">Löschen</button>
                                <button type="button" class="btn btn-danger btn-sm" onclick="showCancelContractModal({{$contract->id}})">Kündigen</button>
                                <a href="{{ route('editContract', $contract->id) }}" class="btn btn-warning btn-sm">Ändern</a>
                                <button type="button" class="btn btn-success btn-sm" onclick="showPostPoneContractModal({{$contract->id}})">Verlängern</button>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
<div id="deleteContractModal" 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" id="delContractTitle">Bitte bestätigen, dass die diesen Vertrag löschen wollen!</h4>
            </div>
            <div class="modal-body">
                <label for="del_reason">Bitte geben Sie eine Begründung an</label>
                <input type="text" class="form-control" name="del_reason" id="del_reason">

            </div>
            <div class="modal-footer">
                <input type="hidden" name="delContractId" id="delContractId"/>
                <button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
                <input type="submit" class="btn btn-success" onclick="delContract()" value="Ablehnen" />
            </div>
        </div>
    </div>
</div>

<div id="cancelContractModal" 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" id="delContractTitle">Bitte bestätigen, dass die diesen Vertrag kündigen wollen!</h4>
                <span>Dies ist nur eine systeminterne markierung - Eine vertragsgemäße Kündigung muss händisch durchgeführt werden</span>
            </div>
            <div class="modal-body">
                <label for="can_reason">Bitte geben Sie eine Begründung an</label>
                <input type="text" class="form-control" name="can_reason" id="can_reason">
                <label for="can_date">Bitte geben Sie das Vertragsende</label>
                <input type="date" class="form-control" name="can_date" id="can_date">

            </div>
            <div class="modal-footer">
                <input type="hidden" name="canContractId" id="canContractId"/>
                <button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
                <input type="submit" class="btn btn-success" onclick="canContract()" value="Ablehnen" />
            </div>
        </div>
    </div>
</div>
<div id="postPoneContractModal" tabindex="-1" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header bg-warning">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title" id="ponContractTitle">Bitte bestätigen, dass die diesen Vertrag verlängern wollen!</h4>
                <span>Dies ist nur eine systeminterne markierung - Eine vertragsgemäße Verlängerung muss händisch durchgeführt werden oder kann automatisch erfolgen</span>
            </div>
            <div class="modal-body">
                <label for="pon_date">Bitte geben Sie die neue Kündigungsfrist an</label>
                <input type="date" class="form-control" name="pon_date" id="pon_date">

            </div>
            <div class="modal-footer">
                <input type="hidden" name="ponContractId" id="ponContractId"/>
                <button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
                <input type="submit" class="btn btn-success" onclick="ponContract()" value="Ablehnen" />
            </div>
        </div>
    </div>
</div>