@extends('layouts.metronic')

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

@section('content')
<x-breadcrumb title="Novo 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">
                    Cadastre usuarios com perfil de administrador, contratante ou contratada.
                    Usuarios de portal precisam estar vinculados a um cadastro existente para
                    acessar contratos e informacoes do seu perfil.
                </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">Cadastrar usuario</h3>
                        </div>
                    </div>
                </div>

                <form method="POST" action="{{ route('tenant-users.store') }}" class="m-form" id="lbodev_user_form">
                    @csrf
                    <div class="m-portlet__body">
                        <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') }}" placeholder="Digite o nome completo" required>
                                    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    <span class="m-form__help">Nome exibido no sistema e no portal</span>
                                </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') }}" placeholder="usuario.login" required>
                                    @error('username')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    <span class="m-form__help">Utilizado no login do sistema</span>
                                </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') }}" placeholder="email@empresa.com.br" required>
                                    @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    <span class="m-form__help">E-mail principal do usuario</span>
                                </div>

                                <div class="form-group m-form__group">
                                    <label for="password">Senha:</label>
                                    <input type="password" id="password" name="password" class="form-control m-input @error('password') is-invalid @enderror" placeholder="Minimo 8 caracteres" required minlength="8">
                                    @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>

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

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

                                <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', 'admin') === $value)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                    @error('role')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    <span class="m-form__help">Define o que o usuario pode acessar no sistema</span>
                                </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>
                                        @forelse($contratantes as $contratante)
                                            <option value="{{ $contratante->id }}" @selected((string) old('contratante_id') === (string) $contratante->id)>
                                                {{ $contratante->display_name }}@if($contratante->main_document) — {{ $contratante->main_document }}@endif
                                            </option>
                                        @empty
                                            <option value="" disabled>Nenhum contratante disponivel</option>
                                        @endforelse
                                    </select>
                                    @error('contratante_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                    <span class="m-form__help">Cadastros que ainda nao possuem usuario de acesso</span>
                                </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>
                                        @forelse($contratadas as $contratada)
                                            <option value="{{ $contratada->id }}" @selected((string) old('contratada_id') === (string) $contratada->id)>
                                                {{ $contratada->display_name }}@if($contratada->main_document) — {{ $contratada->main_document }}@endif
                                            </option>
                                        @empty
                                            <option value="" disabled>Nenhuma contratada disponivel</option>
                                        @endforelse
                                    </select>
                                    @error('contratada_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                    <span class="m-form__help">Cadastros que ainda nao possuem usuario de acesso</span>
                                </div>

                                <div id="lbodev_admin_hint" class="lbodev-role-hint">
                                    Administradores gerenciam todo o sistema e nao precisam de vinculo com contratante ou contratada.
                                </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> Salvar 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