@extends('forms.ti.base_form')
 @section('title')
     <div class="sec-title">
         <div class="title">
             <h2 style="color: #fac229f6">Chamado <i class="bi bi-ticket-perforated" style="margin-left:20px;"></i></h2>
         </div>
     </div>
 @endsection
 @section('form')
     <form enctype="multipart/form-data" action="{{ route('chamados.store') }}" method="post" id="contact-form"
         enctype="multipart/form-data">
         {{ csrf_field() }}
         <div class="row clearfix">

             <div class="form-group col-md-4 col-sm-6 co-xs-12 mt-4">
                 <label for="filial" class="col-form-label sans text-muted">Filial
                 </label>

                 <select class="form-control" id="filial" 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-4 col-sm-6 co-xs-12 mt-4">
                 <label for="categoria" class="col-form-label sans text-muted">Categoria
                 </label>
                 <select class="form-control categ" id="categoria" name="categoria" required="">
                     <option value="">...</option>
                     @foreach ($categories as $c)
                         <option value="{{ $c['id'] }}">{{ $c['name'] }}</option>
                     @endforeach
                 </select>
             </div>
             <div class="form-group col-md-4 col-sm-6 co-xs-12 mt-4">
                 <label for="tipo" class="col-form-label sans text-muted">Tipo
                 </label>
                 <select class="form-control" id="tipo" name="tipo_chamado" required="">
                     <option value="">...</option>
                     <@foreach ($types as $c)
                         <option value="{{ $c['id'] }}">{{ $c['name'] }}</option>
                         @endforeach
                 </select>
             </div>
             <div class="form-group col-md-5 col-sm-6 co-xs-12 mt-4">
                 <label for="setor" class="col-form-label sans text-muted">Setor</label>
                 <select class="form-control" id="setor" 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-5 offset-2 col-sm-6 co-xs-12 mt-4">
                 <label for="prioridade" class="col-form-label sans text-muted">Prioridade</label>
                 <select class="form-control" id="prioridade" name="prioridade" required="">
                     <option value="">...</option>
                     <option value="2" style="background-color:rgb(86, 218, 97);">
                         Baixa</option>
                     <option value="3" style="background-color:rgb(235, 221, 34);">
                         Media</option>
                     <option value="4" style="background-color:rgb(253, 70, 70);">
                         Alta</option>
                 </select>
             </div>
             <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                 <textarea name="msg" id="msg" required placeholder="Descreva sua solicitação..."></textarea>
             </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>
                <br>
             </div>
             <div class="form-group ">
                 <button id="finish" class="hidden" type="submit">Enviar</button>

                 <a class="theme-btn btn-style-one" id="submit">Enviar</a>
             </div>
         </div>
                 <input type="hidden" id="user_recipient" name="user_recipient" value="56">
                 <input type="hidden" id="form_type" name="form_type" value="default">

     </form>
 @endsection
 @section('info')
     <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
         <p class="mb-3 ">Esse formulário <strong>NÃO</strong> é designado para
             solicitações relacionadas ao Core</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 ">Descrever o maximo de detalhes sobre a sua solicitação</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