@extends($layout)
@section('content')

@php
    $projects = $relations;
@endphp

{!! $tpl->displayNotification() !!}

<div class="pageheader">
    <div class="pageicon"><span class="fa {{ $tpl->getModulePicture() }}"></span></div>
    <div class="pagetitle">
        <h5>{!! __('label.administration') !!}</h5>
        <h1>{!! __('headlines.edit_user') !!}</h1>
    </div>
</div><!--pageheader-->

<form action="" method="post" class="stdform userEditModal">
        <input type="hidden" name="{{ session('formTokenName') }}" value="{{ session('formTokenValue') }}" />
        <div class="maincontent">
            <div class="row">
                <div class="col-md-7">
                    <div class="maincontentinner">
                    <h4 class="widgettitle title-light">{!! __('label.profile_information') !!}</h4>

                    <label for="firstname">{!! __('label.firstname') !!}</label> <input
                        type="text" name="firstname" id="firstname"
                        value="{{ $values['firstname'] }}" /><br />

                    <label for="lastname">{!! __('label.lastname') !!}</label> <input
                        type="text" name="lastname" id="lastname"
                        value="{{ $values['lastname'] }}" /><br />



                    <label for="role">{!! __('label.role') !!}</label>
                    <select name="role" id="role">

                        @foreach ($roles as $key => $role)
                            <option value="{{ $key }}"
                                @if ($key == $values['role']) selected="selected" @endif>
                                {!! __('label.roles.' . $role) !!}
                            </option>
                        @endforeach

                    </select> <br />

                    <label for="status">{!! __('label.status') !!}</label>
                    <select name="status" id="status" class="pull-left">

                        <option value="a"
                            @if (strtolower($values['status']) == 'a') selected="selected" @endif>
                            {!! __('label.active') !!}
                        </option>

                        <option value="i"
                            @if (strtolower($values['status']) == 'i') selected="selected" @endif>
                            {!! __('label.invited') !!}
                        </option>

                        <option value="0"
                            @if (strtolower($values['status']) === '' || $values['status'] === 0 || $values['status'] === '0') selected="selected" @endif>
                            {!! __('label.deactivated') !!}
                        </option>


                    </select>
                        @if ($values['status'] == 'i')
                        <div class="pull-left dropdownWrapper" style="padding-left:5px; line-height: 29px;">
                            <a class="dropdown-toggle btn btn-default" data-toggle="dropdown" href="{{ BASE_URL }}/auth/userInvite/{{ $values['pwReset'] }}"><i class="fa fa-link"></i> {!! __('label.copyinviteLink') !!}</a>
                            <div class="dropdown-menu padding-md noClickProp">
                                <input type="text" id="inviteURL" value="{{ BASE_URL }}/auth/userInvite/{{ $values['pwReset'] }}" />
                                <button class="btn btn-primary" onclick="leantime.snippets.copyUrl('inviteURL');">{!! __('links.copy_url') !!}</button>
                            </div>
                            <a href="{{ BASE_URL }}/users/editUser/{{ $values['id'] }}?resendInvite=1" class="btn btn-default" style="margin-left:5px;"><i class="fa fa-envelope"></i> {!! __('buttons.resend_invite') !!}</a>
                        </div>
                        @endif
                        <div class="clearfix"></div>




                    <label for="client">{!! __('label.client') !!}</label>
                    <select name='client' id="client">
                        @if ($login::userIsAtLeast('manager'))
                            <option value="0" selected="selected">{!! __('label.no_clients') !!}</option>
                        @endif
                        @foreach ($clients as $clientItem)
                            <option value="{{ $clientItem['id'] }}" @if ($clientItem['id'] == $values['clientId']) selected="selected" @endif>{{ $clientItem['name'] }}</option>
                        @endforeach
                    </select><br/>
                        <br/>

                        <h4 class="widgettitle title-light">{!! __('label.contact_information') !!}</h4>

                        <label for="user">{!! __('label.email') !!}</label> <input
                            type="text" name="user" id="user" value="{{ $values['user'] }}" /><br />

                        <label for="phone">{!! __('label.phone') !!}</label> <input
                            type="text" name="phone" id="phone"
                            value="{{ $values['phone'] }}" /><br /><br />


                        <h4 class="widgettitle title-light">{!! __('label.employee_information') !!}</h4>
                        <label for="jobTitle">{!! __('label.jobTitle') !!}</label> <input
                            type="text" name="jobTitle" id="jobTitle" value="{{ $values['jobTitle'] }}" /><br />

                        <label for="jobLevel">{!! __('label.jobLevel') !!}</label> <input
                            type="text" name="jobLevel" id="jobLevel" value="{{ $values['jobLevel'] }}" /><br />

                        <label for="department">{!! __('label.department') !!}</label> <input
                            type="text" name="department" id="department" value="{{ $values['department'] }}" /><br />



                    <p class="stdformbutton">
                        <input type="submit" name="save" id="save" value="{{ __('buttons.save') }}" class="button" />
                    </p>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="maincontentinner">
                    <h4 class="widgettitle title-light">{!! __('label.project_assignment') !!}</h4>

                    <div class="scrollableItemList">
                        @php
                            $currentClient = '';
                            $i = 0;
                        @endphp
                        @foreach ($allProjects as $row)
                            @php
                                if ($row['clientName'] == null) {
                                    $row['clientName'] = 'Not assigned to client';
                                }
                            @endphp
                            @if ($currentClient != $row['clientName'])
                                @if ($i > 0)
                                    </div>
                                @endif
                                <h3 id='accordion_link_{{ $i }}'>
                                    <a href='#' onclick='accordionToggle({{ $i }});' id='accordion_toggle_{{ $i }}'><i class='fa fa-angle-down'></i> {{ $row['clientName'] }}</a>
                                </h3>
                                <div id='accordion_{{ $i }}' class='simpleAccordionContainer'>
                                @php $currentClient = $row['clientName']; @endphp
                            @endif
                            <div class="item" style="padding:10px 0px;">
                                <input type="checkbox" name="projects[]" id='project_{{ $row['id'] }}' value="{{ $row['id'] }}"
                                    @if (is_array($projects) === true && in_array($row['id'], $projects) === true)
                                        checked='checked'
                                    @endif
                                />
                                <span class="projectAvatar" style="width:30px; float:left; margin-right:10px;">
                                    <img src='{{ BASE_URL }}/api/projects?projectAvatar={{ $row['id'] }}&v={{ format($row['modified'])->timestamp() }}' />
                                </span>

                                <label for="project_{{ $row['id'] }}" style="margin-top:-11px">
                                    <small>{{ $row['type'] }}</small><br />
                                                            {{ $row['name'] }}</label>
                                <div class="clearall"></div>
                            </div>
                            @php $i++; @endphp
                        @endforeach

                    </div>
                    </div>

                </div>
            </div>
        </div>
</form>

@once
@push('scripts')
<script>

    jQuery(".noClickProp.dropdown-menu").on("click", function(e) {
        e.stopPropagation();
    });

    function accordionToggle(id) {

        let currentLink = jQuery("#accordion_toggle_"+id).find("i.fa");

        if(currentLink.hasClass("fa-angle-right")){
            currentLink.removeClass("fa-angle-right");
            currentLink.addClass("fa-angle-down");
            jQuery('#accordion_'+id).slideDown("fast");
        }else{
            currentLink.removeClass("fa-angle-down");
            currentLink.addClass("fa-angle-right");
            jQuery('#accordion_'+id).slideUp("fast");
        }

    }
</script>
@endpush
@endonce

@endsection