@extends('forms.rh.form_beneficios')

@section('title')
    <div class="sec-title">
        <div class="title"><img src="{{ URL::asset('images/logo-epays1.png') }}" width="130" height="30"
                class="d-inline-block align-top m-1" alt="ePays Benefícios"></div>
        <h2 style="color: rgb(43, 43, 43);">Dúvidas sobre Benefícios
            <i class="bi bi-person-badge" style="margin-left:20px; color:rgb(40, 167, 69);"></i>
        </h2>
    </div>
@endsection

@section('form')


    <form action="{{ route('rh.beneficios.store') }}" method="POST" id="contact-form" enctype="multipart/form-data">
        @csrf

        {{-- Identificação do tipo de chamado --}}
        <input type="hidden" name="origem" value="rh_beneficios">

        <div class="row clearfix">

            {{-- Se usuário não estiver logado, pede nome e email --}}
            @if (!Auth::check())
                <div class="form-group col-md-6 col-sm-6 co-xs-12">
                    <input type="text" name="name" id="nome" required placeholder="Nome solicitante"
                        value="{{ old('name') }}">
                </div>
                <div class="form-group col-md-6 col-sm-6 co-xs-12">
                    <input type="email" name="email" value="{{ old('email') }}" placeholder="Email para contato" required>
                </div>
                <div class="divider-modern my-4"></div>
            @endif

            <h3 class="col-12 text-center sec-title sans">Descreva sua Dúvida</h3>

            {{-- Nome completo --}}
            <div class="form-group col-md-12 col-sm-12 co-xs-12">
                <label class="col-form-label sans text-muted">Nome completo <span class="text-danger">*</span></label>
                <input type="text" name="nome_candidato" id="nome_candidato" required
                    placeholder="Digite seu nome completo" value="{{ old('nome_candidato') }}"
                    class="form-control @error('nome_candidato') is-invalid @enderror">
                @error('nome_candidato')
                    <div class="invalid-feedback d-block">{{ $message }}</div>
                @enderror
            </div>

            {{-- Filial --}}
            <div class="form-group col-md-6 col-sm-6 co-xs-12 mt-4">
                <label for="filial_id" class="col-form-label sans text-muted">Filial <span
                        class="text-danger">*</span></label>
                <select class="form-control @error('filial_id') is-invalid @enderror" name="filial_id" required>
                    <option value="">Selecione...</option>
                    @foreach ($filiais as $f)
                        <option value="{{ $f['id'] }}" {{ old('filial_id') == $f['id'] ? 'selected' : '' }}>
                            {{ $f['comment'] }}
                        </option>
                    @endforeach
                </select>
                @error('filial_id')
                    <div class="invalid-feedback d-block">{{ $message }}</div>
                @enderror
            </div>

            {{-- Setor --}}
            <div class="form-group col-md-6 col-sm-6 co-xs-12 mt-4">
                <label for="setor_id" class="col-form-label sans text-muted">Setor <span
                        class="text-danger">*</span></label>
                <select class="form-control @error('setor_id') is-invalid @enderror" name="setor_id" required>
                    <option value="">Selecione...</option>
                    @foreach ($setores as $c)
                        <option value="{{ $c['id'] }}" {{ old('setor_id') == $c['id'] ? 'selected' : '' }}>
                            {{ $c['name'] }}
                        </option>
                    @endforeach
                </select>
                @error('setor_id')
                    <div class="invalid-feedback d-block">{{ $message }}</div>
                @enderror
            </div>

            {{-- Mensagem/Dúvida --}}
            <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                <label class="col-form-label sans text-muted">Descreva sua dúvida <span
                        class="text-danger">*</span></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="mensagem" data-placeholder="Descreva sua dúvida detalhadamente (VT, VA, Plano de Saúde, etc.)"></div>
                    <input type="hidden" name="mensagem" id="mensagem" required class="@error('mensagem') is-invalid @enderror">
                </div>
                @error('mensagem')
                    <div class="invalid-feedback d-block">{{ $message }}</div>
                @enderror
            </div>

            {{-- Anexo (opcional) --}}
            <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                <label class="col-form-label sans text-muted">Anexo (opcional)</label>
                <div class="file-upload-wrapper">
                    <div class="file-input-row">
                        <i class="bi bi-paperclip" style="font-size:20px;"></i>
                        <input type="file" id="anexo" name="anexo" accept=".pdf,.jpg,.jpeg,.png,.doc,.docx"
                            class="@error('anexo') is-invalid @enderror">
                    </div>
                    <small class="text-muted">Formatos aceitos: PDF, JPG, PNG, DOC, DOCX (máx. 15MB)</small>
                </div>
                @error('anexo')
                    <div class="invalid-feedback d-block">{{ $message }}</div>
                @enderror
            </div>

            {{-- Botão de envio --}}
            <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                <button type="submit" class="theme-btn btn-style-one">
                    <i class="bi bi-send"></i> Enviar Dúvida
                </button>
            </div>

        </div>
    </form>
@endsection

@section('info')
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Use este formulário apenas para dúvidas sobre benefícios (VT, VA, Plano de Saúde).</p>
    </li>
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Caso deseje solicitar Holerite ou Documentação, procure o card apropriado.</p>
    </li>
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Todos os campos marcados com <span class="text-danger">*</span> são obrigatórios.</p>
    </li>
    <li><i class="bi bi-info-circle ml-1" style="color: rgb(40, 167, 69);"></i>
        <p class="mb-3">Você receberá uma resposta do RH que poderá acompanhar na área de acompanhamento.</p>
    </li>
@endsection