@extends('forms.ti.base_form')

@section('title')
    <div class="sec-title">
        <div class="title">
            <img src="{{ URL::asset('images/spy_logo.jpg') }}" width="52" height="52"
                style="border-radius:8px;" alt="SPY Nobreaks">
        </div>
        <h2>Chamado SPY Nobreaks <i class="bi bi-battery-charging ms-2" style="color:#4f7942;"></i></h2>
    </div>
@endsection

@section('form')
    <form action="{{ route('suppliers_post') }}" method="post" id="contact-form" enctype="multipart/form-data">
        @csrf
        <div class="row">
            <div class="col-12">
                <p class="section-heading">Recolhimento de Nobreak</p>
            </div>

            <div class="form-group col-md-4 col-sm-6 col-xs-12 mt-2">
                <label for="quantity" class="col-form-label">Quantidade <span class="required-mark">*</span></label>
                <select class="form-control" name="quantity" id="quantity" required>
                    <option value="">Selecione…</option>
                    @for ($i = 1; $i < 10; $i++)
                        <option {{ old('quantity') == $i ? 'selected' : '' }}>{{ $i }}</option>
                    @endfor
                    <option {{ old('quantity') == '10 +' ? 'selected' : '' }}>10 +</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="Informações adicionais (opcional)…"></div>
                    <input type="hidden" name="msg" id="msg">
                </div>
            </div>

            <div class="col-12"><hr class="divider-modern"></div>
            <div class="col-12">
                <p class="section-heading">Organização</p>
            </div>

            <div class="form-group col-md-6 col-sm-6 col-xs-12">
                <label for="time_to_resolve" class="col-form-label">
                    Buscar a partir de <span class="required-mark">*</span>
                </label>
                <input type="date" class="form-control" name="time_to_resolve" required
                    value="{{ old('time_to_resolve') }}">
            </div>

            <div class="form-group col-md-6 col-sm-6 col-xs-12">
                <label for="contato" class="col-form-label">Contato no local <span class="required-mark">*</span></label>
                <input type="text" name="contato" id="contato" required
                    placeholder="Nome e telefone do responsável"
                    value="{{ old('contato') }}">
            </div>

            <div class="form-group col-12 mt-3">
                <button type="submit" class="theme-btn btn-style-one">
                    <i class="bi bi-send"></i> Enviar chamado
                </button>
            </div>

            <input type="hidden" id="filial" name="filial" value="1">
            <input type="hidden" id="setor" name="setor" value="1">
            <input type="hidden" id="tipo_chamado" name="tipo_chamado" value="1">
            <input type="hidden" id="categoria" name="categoria" value="3">
            <input type="hidden" id="user_recipient" name="user_recipient" value="56">
            <input type="hidden" id="suppliers_id" name="suppliers_id" value="8">
            <input type="hidden" id="form_type" name="form_type" value="supplier_spy">
        </div>
    </form>
@endsection

@section('info')
    <li>
        <i class="bi bi-arrow-right-circle-fill"></i>
        <p>Chamados enviados diretamente para a equipe SPY.</p>
    </li>
    <li>
        <i class="bi bi-card-text"></i>
        <p>Descreva o máximo de detalhes sobre a solicitação.</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>
@endsection