@extends('forms.ti.base_form')
@section('title')
    <div class="sec-title">
        <div class="title"><img src="{{ URL::asset('images/zimbra-black.png') }}" width="130" height="35"
                class="d-inline-block align-top m-1" alt="Logo CoreBusiness"></div>
        <h2 style="color: rgb(43, 43, 43);">Inclusão/Alteração de Clientes <i class="bi bi-person-lines-fill"
                style="margin-left:20px; color:rgb(255, 102, 0);"></i></h2>
    </div>
@endsection
@section('form')
    <form action="{{ route('chamados.store') }}" method="post" id="contact-form" enctype="multipart/form-data">
        @csrf
        <div class="row clearfix">
            @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 ">
                </div>
                <div class="form-group col-md-6 col-sm-6 co-xs-12">
                    <input type="email" name="email" value="" placeholder="Email para contato " required>
                </div>
                <div class="divider-modern my-4"></div>
            @endif
            <h3 class="col-12 text-center sec-title sans"> Dados do Cliente</h3>
            <div class="form-group col-md-5 col-sm-6 co-xs-12 mt-4">
                <label for="filial" class="col-form-label sans text-muted">Sua Filial
                </label>
                <select class="form-control" name="filial" required>
                    <option value="">... </option>
                    @foreach ($filiais as $f)
                        <option value="{{ $f['id'] }}">{{ $f['comment'] }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group col-md-5 offset-2 col-sm-6 co-xs-12 mt-4">
                <label for="setor" class="col-form-label sans text-muted">Seu Setor</label>
                <select class="form-control" name="setor" required="">
                    <option value="">...</option>
                    @foreach ($setores as $c)
                        <option value="{{ $c['id'] }}">{{ $c['name'] }}</option>
                    @endforeach
                </select>
            </div>

            <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                <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="Descreva os dados a serem incluídos ou as alterações necessárias (endereço, telefone, etc.)"></div>
                    <input type="hidden" name="msg" id="msg">
                </div>
            </div>
            <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                <i class="bi bi-paperclip" style="font-size:20px;"></i><input type="file" id="imagem" name="imagem[]"
                    multiple>
            </div>

            <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                <button type="submit" class="theme-btn btn-style-one">Enviar</button>
            </div>
        </div>
        <input type="hidden" id="tipo_chamado" name="tipo_chamado" value="20">
        <input type="hidden" id="categoria" name="categoria" value="33">
        <input type="hidden" id="user_recipient" name="user_recipient" value="56">
        <input type="hidden" id="form_type" name="form_type" value="user">
    </form>
@endsection
@section('info')
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Preencha o CPF/CNPJ corretamente para agilizar o processo.
        </p>
    </li>
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Para Alteração, forneça o nome e documento do cliente na descrição, além dos dados novos.</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 são obrigatórios</p>
    </li>
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Ligar para o suporte em caso de erros ou dúvidas</p>
    </li>
@endsection