@extends('layouts.metronic')

@section('title', 'Editar Usuario')

@section('content')
<x-breadcrumb title="Editar usuario">
    <a href="{{ route('tenant-users.index') }}" class="btn m-btn--pill m-btn--air btn-focus">
        <span>
            <i class="la la-arrow-left"></i>
            <span>Voltar</span>
        </span>
    </a>
</x-breadcrumb>

<div class="m-content">
    <div class="row">
        <div class="col-md-3">
            <div class="px-0">
                <p class="text-muted mb-0">
                    Atualize os dados de acesso, perfil e vinculo do usuario. Usuarios de portal
                    devem permanecer associados ao cadastro correto de contratante ou contratada.
                </p>
            </div>
        </div>

        <div class="col-md-9">
            <div class="m-portlet">
                <div class="m-portlet__head">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <span class="m-portlet__head-icon">
                                <i class="la la-user"></i>
                            </span>
                            <h3 class="m-portlet__head-text">{{ $user->name }}</h3>
                        </div>
                    </div>
                </div>

                <form method="POST" action="{{ route('tenant-users.update', $user) }}" class="m-form">
                    @csrf
                    @method('PUT')
                    <div class="m-portlet__body">
                        @php($vinculo = $user->lbodev_getVinculoSummary())

                        <div class="row">
                            <div class="col-lg-6">
                                <h5 class="mb-4">Dados de acesso</h5>

                                <div class="form-group m-form__group">
                                    <label for="name">Nome completo:</label>
                                    <input type="text" id="name" name="name" class="form-control m-input @error('name') is-invalid @enderror" value="{{ old('name', $user->name) }}" required>
                                    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>

                                <div class="form-group m-form__group">
                                    <label for="username">Nome de usuario:</label>
                                    <input type="text" id="username" name="username" class="form-control m-input @error('username') is-invalid @enderror" value="{{ old('username', $user->username) }}" required>
                                    @error('username')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>

                                <div class="form-group m-form__group">
                                    <label for="email">E-mail:</label>
                                    <input type="email" id="email" name="email" class="form-control m-input @error('email') is-invalid @enderror" value="{{ old('email', $user->email) }}" required>
                                    @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>

                                <div class="form-group m-form__group">
                                    <label class="m-checkbox">
                                        <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $user->is_active))>
                                        Usuario ativo
                                        <span></span>
                                    </label>
                                    @error('is_active')<div class="text-danger small">{{ $message }}</div>@enderror
                                </div>

                                <div class="form-group m-form__group">
                                    <label for="password">Nova senha:</label>
                                    <input type="password" id="password" name="password" class="form-control m-input @error('password') is-invalid @enderror" placeholder="Deixe em branco para manter" minlength="8">
                                    @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    <span class="m-form__help">Opcional — minimo 8 caracteres</span>
                                </div>

                                <div class="form-group m-form__group">
                                    <label for="password_confirmation">Confirmar nova senha:</label>
                                    <input type="password" id="password_confirmation" name="password_confirmation" class="form-control m-input" minlength="8">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <h5 class="mb-4">Perfil e vinculo</h5>

                                @if(!$vinculo['missing'] && $vinculo['type'] !== 'admin')
                                    <div class="lbodev-role-hint mb-4">
                                        Vinculo atual:
                                        @if($vinculo['url'])
                                            <a href="{{ $vinculo['url'] }}" class="font-weight-bold">{{ $vinculo['label'] }}</a>
                                        @else
                                            <strong>{{ $vinculo['label'] }}</strong>
                                        @endif
                                        @if($vinculo['document'])
                                            <span class="d-block small mt-1 text-muted">{{ $vinculo['document'] }}</span>
                                        @endif
                                    </div>
                                @elseif($user->lbodevIsPortalUser())
                                    <div class="alert alert-warning mb-4">
                                        Este usuario ainda nao possui cadastro vinculado.
                                    </div>
                                @endif

                                <div class="form-group m-form__group">
                                    <label for="role">Perfil de acesso:</label>
                                    <select id="role" name="role" class="form-control m-input @error('role') is-invalid @enderror" required>
                                        @foreach($roles as $value => $label)
                                            <option value="{{ $value }}" @selected(old('role', $user->role) === $value)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                    @error('role')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>

                                <div class="form-group m-form__group lbodev-entity-field" id="lbodev_contratante_field" style="display:none;">
                                    <label for="contratante_id">Vincular ao contratante:</label>
                                    <select id="contratante_id" name="contratante_id" class="form-control m-input @error('contratante_id') is-invalid @enderror">
                                        <option value="">Selecione o cadastro...</option>
                                        @foreach($contratantes as $contratante)
                                            <option value="{{ $contratante->id }}" @selected((string) old('contratante_id', $user->lbodev_contratante?->id) === (string) $contratante->id)>
                                                {{ $contratante->display_name }}@if($contratante->main_document) — {{ $contratante->main_document }}@endif
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('contratante_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                </div>

                                <div class="form-group m-form__group lbodev-entity-field" id="lbodev_contratada_field" style="display:none;">
                                    <label for="contratada_id">Vincular a contratada:</label>
                                    <select id="contratada_id" name="contratada_id" class="form-control m-input @error('contratada_id') is-invalid @enderror">
                                        <option value="">Selecione o cadastro...</option>
                                        @foreach($contratadas as $contratada)
                                            <option value="{{ $contratada->id }}" @selected((string) old('contratada_id', $user->lbodev_contratada?->id) === (string) $contratada->id)>
                                                {{ $contratada->display_name }}@if($contratada->main_document) — {{ $contratada->main_document }}@endif
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('contratada_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                </div>

                                <div id="lbodev_admin_hint" class="lbodev-role-hint">
                                    Administradores gerenciam todo o sistema e nao precisam de vinculo.
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="m-portlet__foot m-portlet__foot--fit">
                        <div class="m-form__actions">
                            <button type="submit" class="btn btn-primary">
                                <i class="la la-check"></i> Atualizar usuario
                            </button>
                            <a href="{{ route('tenant-users.index') }}" class="btn btn-secondary">
                                <i class="la la-times"></i> Cancelar
                            </a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
    .lbodev-role-hint {
        padding: 12px 15px;
        border: 1px solid #ebedf2;
        border-radius: 4px;
        background-color: #f7f8fa;
        color: #575962;
        font-size: 0.925rem;
        line-height: 1.5;
    }
</style>
@endpush

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    const roleSelect = document.getElementById('role');
    const contratanteField = document.getElementById('lbodev_contratante_field');
    const contratadaField = document.getElementById('lbodev_contratada_field');
    const adminHint = document.getElementById('lbodev_admin_hint');

    function lbodevToggleEntityFields() {
        const role = roleSelect.value;
        contratanteField.style.display = role === 'contratante' ? '' : 'none';
        contratadaField.style.display = role === 'contratada' ? '' : 'none';
        adminHint.style.display = role === 'admin' ? '' : 'none';
    }

    roleSelect.addEventListener('change', lbodevToggleEntityFields);
    lbodevToggleEntityFields();
});
</script>
@endpush