@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-20 ">
                <div class="panel panel-default panel-bg">
                    <div class="panel-heading">Kundenadministration</div>
                    <div class="panel-body user-container">
                        <ul class="nav nav-tabs" style="cursor: pointer">
                            @if(in_array(6, $buttons->toArray()))
                              <li class="active segmentchoose" data-name="companiesegment"><a id="linkcompaniesegment" onclick="setUserAdministrationCookie('companiesegment')">Kunden</a></li>
                              <li class="segmentchoose" data-name="companieobjectsegment"><a id="linkcompanieobjectsegment" onclick="setUserAdministrationCookie('companieobjectsegment')">Kundenobjekte</a></li>
                            @endif
                        </ul>
                        <br>
                        @if(in_array(6, $buttons->toArray()))
                            <div id="companiesegment" class="segment @if(in_array(15, $buttons->toArray())) hidden @endif">
                                <div class="row">
                                    <div class="col-md-12">
                                        <button class="btn btn-primary" data-toggle="modal"
                                                data-target="#newKunde">
                                            Neuer Kunde
                                        </button>
                                        <br><br>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12" id="usertable">
                                        {!! $companies !!}
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if(in_array(6, $buttons->toArray()))
                            <div id="companieobjectsegment" class="segment @if(in_array(15, $buttons->toArray())) hidden @endif">
                                <div class="row">
                                    <div class="col-md-12">
                                        <button class="btn btn-primary" data-toggle="modal"
                                                data-target="#newKundeObjekt">
                                            Neues Kundenobjekt
                                        </button>
                                        <br><br>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12" id="companieobjecttable">
                                        {!! $companieobjects !!}
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

        <div id="deleteKundeModal" class="modal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header bg-danger">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h5 class="modal-title">Kunde löschen</h5>
                    </div>
                    <div class="modal-body">
                        <p>Sind Sie sicher, dass Sie den Kunden und alle seine Objekte löschen möchten?</p>
                    </div>
                    <div class="modal-footer">
                        <input type="hidden" id="deleteKundeID">
                        <button type="button" class="btn btn-danger" onclick="deleteThisKunde()">Löschen</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
                    </div>
                </div>
            </div>
        </div>
        <div id="deleteKundeObjektModal" class="modal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header bg-danger">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h5 class="modal-title">Kunden-Objekt löschen</h5>
                    </div>
                    <div class="modal-body">
                        <p>Sind Sie sicher, dass Sie das Objekt des Kunden löschen möchten?</p>
                    </div>
                    <div class="modal-footer">
                        <input type="hidden" id="deleteKundeObjektID">
                        <button type="button" class="btn btn-danger" onclick="deleteThisKundeObjekt()">Löschen</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
                    </div>
                </div>
            </div>
        </div>

        <div id="newKunde" class="modal" tabindex="-1" role="dialog">
            <div class="modal-dialog" 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">Neuer Kunde</h5>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6">
                                <label for="name">Kundenname:</label>
                                <input type="text" class="form-control" id="name">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="number">Kundennummer:</label>
                                <input type="text" class="form-control" id="number">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="street">Straße/Hausnummer:</label>
                                <input type="text" class="form-control" id="street">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="plz">Postleitzahl:</label>
                                <input type="number" class="form-control" id="plz">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="city">Stadt:</label>
                                <input type="text" class="form-control" id="city">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="contactname1">Kunde Ansprechpartner:</label>
                                <input type="text" class="form-control" id="contactname1">
                            </div>

                            <div class="col-md-6">
                                <label for="contactname2">Rechnungswesen Ansprechpartner:</label>
                                <input type="text" class="form-control" id="contactname2">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="kundeSendMail1">Sende Einsatzbericht an Ansprechpartner:</label>
                                <input type="checkbox" class="form-control" id="kundeSendMail1" value=1 name="kundeSendMail1">
                            </div>
                            <div class="col-md-6">
                                <label for="kundeSendMail2">Sende Einsatzbericht an Rechnungswesen:</label>
                                <input type="checkbox" class="form-control" id="kundeSendMail2" value=1 name="kundeSendMail2">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="phone1">Telefon-Ansprechpartner:</label>
                                <input type="text" class="form-control" id="phone1">
                            </div>
                            <div class="col-md-6">
                                <label for="phone2">Telefon-Rechnungswesen:</label>
                                <input type="text" class="form-control" id="phone2">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <label for="email1">Email-Ansprechpartner:</label>
                                <input type="email" class="form-control" id="email1">
                            </div>
                            <div class="col-md-6">
                                <label for="email2">Email-Rechnungswesen:</label>
                                <input type="email" class="form-control" id="email2">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success" id="newcompanies">Kunde anlegen</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
                    </div>
                </div>
            </div>
        </div>
        <div id="newKundeObjekt" class="modal" tabindex="-1" role="dialog">
            <div class="modal-dialog" 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">Neues Kundenobjekt</h5>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6">
                                <label for="objectname">Objektname:</label>
                                <input type="text" class="form-control" id="objectname">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="objectchain">Kunde:</label>
                                <select name="objectchain" id="objectchain" class="form-control">
                                    @foreach($chains as $chain)
                                        <option value="{{$chain->id}}">{{$chain->title}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="objectstreet">Straße/Hausnummer:</label>
                                <input type="text" class="form-control" id="objectstreet">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="objectplz">Postleitzahl:</label>
                                <input type="number" class="form-control" id="objectplz">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="objectcity">Stadt:</label>
                                <input type="text" class="form-control" id="objectcity">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="objectcontactname">Ansprechpartner vor Ort:</label>
                                <input type="text" class="form-control" id="objectcontactname">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="objectphone">Ansprechpartner vor Ort Telefon:</label>
                                <input type="text" class="form-control" id="objectphone">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                              <label for="objecttimeFrom">Offen von:</label>
                              <input type="text" class="form-control" id="objecttimeFrom">
                              <label for="objecttimeTo">Offen bis:</label>
                              <input type="text" class="form-control" id="objecttimeTo">
                          </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success" id="newcompanieobjects">Kundenobjekt anlegen</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
                    </div>
                </div>
            </div>
        </div>

            <div id="editKunde" class="modal" tabindex="-1" role="dialog">
                <div class="modal-dialog" 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">Bearbeite Kunde</h5>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundeName">Kundenname:</label>
                                    <input type="text" class="form-control" id="editKundeName">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editNumber">Kundennummer:</label>
                                    <input type="text" class="form-control" id="editNumber">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundeStreet">Straße/Hausnummer:</label>
                                    <input type="text" class="form-control" name="editKundeStreet" id="editKundeStreet">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundePlz">Postleitzahl:</label>
                                    <input type="number" class="form-control" name="editKundePlz" id="editKundePlz">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundeCity">Stadt:</label>
                                    <input type="text" class="form-control" id="editKundeCity" name="editKundeCity">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editcontactname1">Kunde-Ansprechpartner:</label>
                                    <input type="text" class="form-control" id="editcontactname1" name="editcontactname1">
                                </div>
                                <div class="col-md-6">
                                    <label for="editcontactname2">Rechnungswesen-Ansprechpartner:</label>
                                    <input type="text" class="form-control" id="editcontactname2" name="editcontactname2">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundeSendMail1">Sende Einsatzbericht an Ansprechpartner:</label>
                                    <input type="checkbox" class="form-control" id="editKundeSendMail1" value=1 name="editKundeSendMail1">
                                </div>
                                <div class="col-md-6">
                                    <label for="editKundeSendMail2">Sende Einsatzbericht an Rechnungswesen:</label>
                                    <input type="checkbox" class="form-control" id="editKundeSendMail2" value=1 name="editKundeSendMail2">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundePhone1">Telefon-Ansprechpartner:</label>
                                    <input type="text" class="form-control" id="editKundePhone1" name="editKundePhone1">
                                </div>
                                <div class="col-md-6">
                                    <label for="editKundePhone2">Telefon-Rechnungswesen:</label>
                                    <input type="text" class="form-control" id="editKundePhone2" name="editKundePhone2">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundeEmail1">Email-Ansprechpartner:</label>
                                    <input type="email" class="form-control" id="editKundeEmail1" name="editKundeEmail1">
                                </div>
                                <div class="col-md-6">
                                    <label for="editKundeEmail2">Email-Rechnungswesen:</label>
                                    <input type="email" class="form-control" id="editKundeEmail2" name="editKundeEmail2">
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="hidden" name="editKundeId" id="editKundeId"/>
                            <button type="button" class="btn btn-success" id="editcompanies">Änderung Kunde speichern</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
                        </div>
                    </div>
                </div>
            </div>
            <div id="editKundeObjekt" class="modal" tabindex="-1" role="dialog">
                <div class="modal-dialog" 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">Bearbeite Kundenobjekt</h5>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundenObjektName">Objektname:</label>
                                    <input type="text" class="form-control" name="editKundenObjektName" id="editKundenObjektName">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundenObjektChain">Kunde:</label>
                                    <select name="editKundenObjektChain" id="editKundenObjektChain" class="form-control">
                                        @foreach($chains as $chain)
                                            <option value="{{$chain->id}}">{{$chain->title}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundenObjektStreet">Straße/Hausnummer:</label>
                                    <input type="text" class="form-control" id="editKundenObjektStreet" name="editKundenObjektStreet">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundenObjektPlz">Postleitzahl:</label>
                                    <input type="number" class="form-control" id="editKundenObjektPlz" name="editKundenObjektPlz">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundenObjektCity">Stadt:</label>
                                    <input type="text" class="form-control" id="editKundenObjektCity" name="editKundenObjektCity">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundenObjektContactname">Ansprechpartner vor Ort:</label>
                                    <input type="text" class="form-control" id="editKundenObjektContactname" name="editKundenObjektContactname">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="editKundenObjektPhone">Ansprechpartner vor Ort Telefon:</label>
                                    <input type="text" class="form-control" id="editKundenObjektPhone" name="editKundenObjektPhone">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                  <label for="editKundenObjektTimeFrom">Offen von:</label>
                                  <input type="time" class="form-control" id="editKundenObjektTimeFrom" name="editKundenObjektTimeFrom">
                                  <label for="editKundenObjektTimeTo">Offen bis:</label>
                                  <input type="time" class="form-control" id="editKundenObjektTimeTo" name="editKundenObjektTimeTo">
                              </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="hidden" name="editKundenObjektId" id="editKundenObjektId"/>
                            <button type="button" class="btn btn-success" id="editcompanieobjects">Änderung Kundenobjekt speichern </button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
                        </div>
                    </div>
                </div>
            </div>
    {!! $alert !!}
@endsection