@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">Benutzeradministration</div>
                    <div class="panel-body user-container">
                        <ul class="nav nav-tabs" style="cursor: pointer">
                            @if(in_array(15, $buttons->toArray()))
                                <li class="active segmentchoose" data-name="usersegment"><a>Benutzer</a></li>
                            @endif
                            @if(in_array(6, $buttons->toArray()))
                                <li class="segmentchoose" data-name="companiesegment"><a>Kunden</a></li>
                                <li class="segmentchoose" data-name="companieobjectsegment"><a>Kundenobjekte</a></li>
                            @endif
                            @if(in_array(7, $buttons->toArray()))
                                <li class="segmentchoose" data-name="objectsegment"><a>HBC / Firmen</a></li>
                            @endif
                            @if(in_array(24, $buttons->toArray()))
                                <li class="segmentchoose" data-name="ptsegment"><a>Mitglieder</a></li>
                            @endif
                            @if(in_array(22, $buttons->toArray()))
                                <li class="segmentchoose" data-name="ptsegment"><a>Mitglied PT</a></li>
                            @endif
                            @if(in_array(8, $buttons->toArray()))
                                <li class="segmentchoose" data-name="bafsegment"><a>Bring a Friend</a></li>
                            @endif
                        </ul>
                        <br>
                        @if(in_array(15, $buttons->toArray()))
                            <div id="usersegment" class="segment">
                                <div class="row">
                                    <div class="col-md-12">
                                        <a href="users/create" class="btn btn-primary">
                                            Neuer Benutzer
                                        </a>
                                        <br><br>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="text" placeholder="Benutzer suchen..." id="userSearch" name="userSearch"
                                               class="form-control"
                                        >
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12" id="usertable">
                                        {!! $table !!}
                                    </div>
                                </div>
                            </div>
                        @endif
                        @if(in_array(6, $buttons->toArray()))
                            <div id="companiesegment" class="segment @if(in_array(15, $buttons)) 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)) hidden @endif">
                                <div class="row">
                                    <div class="col-md-12">
                                        <button class="btn btn-primary" data-toggle="modal"
                                                data-target="#newKundenObject">
                                            Neues Kundenobjekt
                                        </button>
                                        <br><br>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12" id="usertableobject">
                                        {!! $companieobjects !!}
                                    </div>
                                </div>
                            </div>
                        @endif
                        @if(in_array(24, $buttons->toArray()))
                            <div id="customersegment" class="segment
@if(in_array(15, $buttons->toArray()) || in_array(6, $buttons->toArray())  || in_array(7, $buttons->toArray()))) hidden @endif">
                                <div class="row">
                                    <div class="col-md-12">
                                        @if(in_array(25, $buttons->toArray()))
                                            <a href="{{url('customer/create')}}" class="btn btn-primary">
                                                Mitglied anlegen
                                            </a>
                                            <br><br>
                                        @endif
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="text" placeholder="Mitglied suchen..." id="customerSearch" name="customerSearch"
                                               class="form-control"
                                        >
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12" id="pttable">
                                        {!! $customertable !!}
                                    </div>
                                </div>
                            </div>
                        @endif
                        @if(in_array(8, $buttons->toArray()))
                            <div id="bafsegment"
                                 class="segment @if(in_array(15, $buttons->toArray()) || in_array(6, $buttons->toArray())  || in_array(7, $buttons->toArray())  || in_array(24, $buttons->toArray())  || in_array(22, $buttons->toArray())) hidden @endif">
                                <div class="row">
                                    <div class="col-md-12" id="bafarea">
                                        {!! $baf !!}
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="deleteUserModal" 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">Benutzer löschen</h5>
                </div>
                <div class="modal-body">
                    <p>Sind Sie sicher, dass Sie den Benutzer löschen möchten?</p>
                </div>
                <div class="modal-footer">
                    <input type="hidden" id="deleteUserID">
                    <button type="button" class="btn btn-danger" id="deleteUserBtn">Benutzer löschen</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
                </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>
                    <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="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">
                            <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="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="editKundeSendMail2">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="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