@extends('forms.logistica.base_form')

@section('title')
    <div class="sec-title">
        <div class="title">Logística</div>
        <h2>Ajuste de Pedido <i class="bi bi-receipt 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
        <input type="hidden" name="form_type"      value="logistica_nota">
        <input type="hidden" name="user_recipient" value="58">
        {{-- Tipo 13 = Ajuste; categoria própria do formulário. Juntos formam o
             título do chamado: "Filial X - Ajuste/Nota". --}}
        <input type="hidden" name="tipo_chamado"   value="13">
        <input type="hidden" name="categoria"      value="{{ $categoria }}">

        <div class="row">

            {{-- Filial detectada pelo login — travada, para o chamado sempre sair
                 com a loja de quem abriu, sem depender de escolha manual. --}}
            <div class="form-group col-md-6 col-sm-6 col-xs-12 mt-3">
                <label for="filial" class="col-form-label">Filial</label>
                <input type="hidden" id="filial" name="filial" value="{{ $userFilial->id }}">
                <input type="text" class="form-control" value="{{ $userFilial->comment }}" disabled>
            </div>

            <div class="form-group col-md-6 col-sm-6 col-xs-12 mt-3">
                <label for="nome_cliente" class="col-form-label">Nome do cliente <span class="required-mark">*</span></label>
                <input type="text" class="form-control" id="nome_cliente" name="nome_cliente"
                       value="{{ old('nome_cliente') }}" required>
            </div>

            <div class="form-group col-md-6 col-sm-6 col-xs-12 mt-3">
                <label for="numero_nota" class="col-form-label">Número da nota/pedido <span class="required-mark">*</span></label>
                <input type="text" class="form-control" id="numero_nota" name="numero_nota"
                       value="{{ old('numero_nota') }}" required>
            </div>

            <div class="form-group col-12 mt-3">
                <label for="descricao" class="col-form-label">Descrição do ajuste <span class="required-mark">*</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="descricao" data-placeholder="Descreva o erro de quantidade e o ajuste necessário…"></div>
                    <input type="hidden" name="descricao" id="descricao" required>
                </div>
            </div>

            <div class="form-group col-12 mt-2">
                <label class="col-form-label">Pedido <span class="required-mark">*</span></label>
                <div class="file-upload-wrapper">
                    <div class="file-input-row">
                        <i class="bi bi-paperclip"></i>
                        <input type="file" id="imagem" name="imagem[]" multiple required>
                    </div>
                    <div class="file-name-display" aria-live="polite"></div>
                    <small>Formatos: JPG, PNG, PDF, DOCX (máx. 10 MB por arquivo)</small>
                </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>
    </form>
@endsection

@section('info')
    <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-paperclip"></i>
        <p>Anexe a nota fiscal (aceita múltiplos arquivos).</p>
    </li>
    <li>
        <i class="bi bi-truck"></i>
        <p>A placa do caminhão é preenchida pela Logística depois que o chamado é aberto.</p>
    </li>
    <li>
        <i class="bi bi-clock-history"></i>
        <p>Aguarde o retorno do setor de logística.</p>
    </li>
@endsection