@extends('forms.ti.base_form')

@section('title')
    <div class="sec-title">
        <div class="title">
            <img src="{{ URL::asset('images/corebusiness_1200x300.png') }}" width="110" height="30" alt="Core Business">
        </div>
        <h2>Novo Login <i class="bi bi-person-plus-fill ms-2" style="color:#16a34a;"></i></h2>
    </div>
@endsection

@section('form')
    <form action="{{ route('chamados.store') }}" method="post" id="contact-form" enctype="multipart/form-data">
        @csrf
        <div class="row">

            @if (!Auth::check())
                <div class="form-group col-md-6 col-sm-6 col-xs-12">
                    <label for="nome" class="col-form-label">Seu nome <span class="required-mark">*</span></label>
                    <input type="text" name="name" id="nome" required
                        placeholder="Nome do solicitante"
                        value="{{ old('name') }}">
                </div>
                <div class="form-group col-md-6 col-sm-6 col-xs-12">
                    <label for="email" class="col-form-label">E-mail para contato <span class="required-mark">*</span></label>
                    <input type="email" name="email" id="email" required
                        placeholder="seu@email.com"
                        value="{{ old('email') }}">
                </div>
                <div class="col-12"><hr class="divider-modern"></div>
            @endif

            <div class="col-12">
                <p class="section-heading">Informações do Novo Usuário</p>
            </div>

            <div class="form-group col-md-6 col-sm-6 col-xs-12">
                <label for="nome_user" class="col-form-label">Nome completo <span class="required-mark">*</span></label>
                <input type="text" name="nome_user" id="nome_user" required
                    class="form-control @error('nome_user') is-invalid @enderror"
                    value="{{ old('nome_user') }}">
            </div>

            <div class="form-group col-md-6 col-sm-6 col-xs-12">
                <label for="cpf" class="col-form-label">CPF <span class="required-mark">*</span></label>
                <input type="text" name="cpf" id="cpf" required
                    placeholder="000.000.000-00"
                    value="{{ old('cpf') }}"
                    maxlength="14">
            </div>

            <div class="form-group col-md-4 col-sm-6 col-xs-12 mt-2">
                <label for="filial" class="col-form-label">Filial <span class="required-mark">*</span></label>
                <select class="form-control" name="filial" id="filial" required>
                    <option value="">Selecione a filial…</option>
                    @foreach ($filiais as $f)
                        <option value="{{ $f['id'] }}" {{ old('filial') == $f['id'] ? 'selected' : '' }}>
                            {{ $f['comment'] }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="form-group col-md-4 col-sm-6 col-xs-12 mt-2">
                <label for="setor" class="col-form-label">Setor <span class="required-mark">*</span></label>
                <select class="form-control" name="setor" id="setor" required>
                    <option value="">Selecione o setor…</option>
                    @foreach ($setores as $c)
                        <option value="{{ $c['id'] }}" {{ old('setor') == $c['id'] ? 'selected' : '' }}>
                            {{ $c['name'] }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="form-group col-md-4 col-sm-6 col-xs-12 mt-2">
                <label for="funcao" class="col-form-label">Grupo de acesso <span class="required-mark">*</span></label>
                <select class="form-control" name="funcao" id="funcao" required>
                    <option value="">Selecione o grupo…</option>
                    <option {{ old('funcao') == 'Administrativo (Matriz)' ? 'selected' : '' }}>Administrativo (Matriz)</option>
                    <option {{ old('funcao') == 'Logística Depósito' ? 'selected' : '' }}>Logística Depósito</option>
                    <option {{ old('funcao') == 'Logística Entregas' ? 'selected' : '' }}>Logística Entregas</option>
                    <option {{ old('funcao') == 'Logística Frota' ? 'selected' : '' }}>Logística Frota</option>
                    <option {{ old('funcao') == 'Vendas' ? 'selected' : '' }}>Vendas</option>
                    <option {{ old('funcao') == 'Caixa' ? 'selected' : '' }}>Caixa</option>
                    <option {{ old('funcao') == 'Pacote/Reposição' ? 'selected' : '' }}>Pacote/Reposição</option>
                    <option {{ old('funcao') == 'Gerente' ? 'selected' : '' }}>Gerente</option>
                    <option {{ old('funcao') == 'Aux Crédito e Cobrança' ? 'selected' : '' }}>Aux Crédito e Cobrança</option>
                    <option {{ old('funcao') == 'Ass Crédito e Cobrança' ? 'selected' : '' }}>Ass Crédito e Cobrança</option>
                    <option {{ old('funcao') == 'Chefia Crédito e Cobrança' ? 'selected' : '' }}>Chefia Crédito e Cobrança</option>
                    <option {{ old('funcao') == 'Líder Logístico' ? 'selected' : '' }}>Líder Logístico</option>
                    <option {{ old('funcao') == 'Auxiliar Logístico' ? 'selected' : '' }}>Auxiliar Logístico</option>
                    <option {{ old('funcao') == 'Auxiliares de Depósitos' ? 'selected' : '' }}>Auxiliares de Depósitos</option>
                    <option {{ old('funcao') == 'Conferente' ? 'selected' : '' }}>Conferente</option>
                    <option {{ old('funcao') == 'Líder de Depósito' ? 'selected' : '' }}>Líder de Depósito</option>
                    <option {{ old('funcao') == 'Vendas/Treinamento' ? 'selected' : '' }}>Vendas/Treinamento</option>
                    <option {{ old('funcao') == 'Compras' ? 'selected' : '' }}>Compras</option>
                </select>
            </div>

            <div class="form-group col-12 mt-2">
                <label for="msg" class="col-form-label">Observações</label>
                <div class="rt-wrap">
                    <div class="rt-toolbar">
                        <button type="button" class="rt-btn" onmousedown="rtFormat(event,'b')" title="Negrito"><b>B</b></button>
                        <button type="button" class="rt-btn" onmousedown="rtFormat(event,'i')" title="Itálico" style="font-style:italic">I</button>
                        <button type="button" class="rt-btn" onmousedown="rtFormat(event,'u')" title="Sublinhado"><u>U</u></button>
                        <button type="button" class="rt-btn" onmousedown="rtFormat(event,'s')" title="Riscado"><s>S</s></button>
                        <div class="rt-sep"></div>
                        <button type="button" class="rt-btn" onmousedown="rtFormat(event,'code')" title="Código" style="font-family:monospace;font-size:.65rem">&lt;/&gt;</button>
                        <div class="rt-sep"></div>
                        <button type="button" class="rt-btn" onmousedown="rtFormat(event,'ul')" title="Lista com marcadores"><i class="bi bi-list-ul"></i></button>
                        <button type="button" class="rt-btn" onmousedown="rtFormat(event,'ol')" title="Lista numerada"><i class="bi bi-list-ol"></i></button>
                    </div>
                    <div contenteditable="true" data-name="msg" data-placeholder="Ex: clonar usuário existente, permissão adicional, login temporário…"></div>
                    <input type="hidden" name="msg" id="msg">
                </div>
            </div>

            <div class="form-group col-12 mt-2">
                <button type="submit" class="theme-btn btn-style-one">
                    <i class="bi bi-send"></i> Enviar solicitação
                </button>
            </div>

        </div>

        <input type="hidden" id="tipo_chamado" name="tipo_chamado" value="1">
        <input type="hidden" id="categoria" name="categoria" value="12">
        <input type="hidden" id="user_recipient" name="user_recipient" value="56">
        <input type="hidden" id="form_type" name="form_type" value="create_core">
    </form>
@endsection

@section('info')
    <li>
        <i class="bi bi-shield-lock-fill"></i>
        <p>Este formulário é destinado <strong>exclusivamente</strong> para criação de novos logins.</p>
    </li>
    <li>
        <i class="bi bi-arrow-right-circle"></i>
        <p>Para ajustar um usuário já existente, <a href="{{ route('area.form.show', ['area' => 'ti', 'form' => 'coreforms']) }}">clique aqui</a>.</p>
    </li>
    <li>
        <i class="bi bi-check2-circle"></i>
        <p>Campos com <span style="color:#ef4444; font-weight:700;">*</span> são obrigatórios.</p>
    </li>
    <li>
        <i class="bi bi-telephone"></i>
        <p>Em caso de dúvidas, ligue para o suporte.</p>
    </li>
@endsection