@extends('forms.ti.base_form')

@section('title')
    <div class="sec-title">
        <div class="title"><img src="{{ URL::asset('images/logo-preto.png') }}" width="150" height="60"
                class="d-inline-block align-top m-1" alt=""></div>
        <h2 style="color: rgb(43, 43, 43);">Chamado Interno<i class="bi bi-node-plus-fill"
                style="margin-left:20px; color:rgb(0, 51, 128);"></i></h2>
    </div>
@endsection
@section('form')
    <form action="{{ route('interno_post') }}" method="post" id="contact-form" enctype="multipart/form-data">
        {{ csrf_field() }}
        <div class="row clearfix">
            <h3 class="col-12 text-center sec-title sans"> Informações do Chamado</h3>
            <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" 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="setor" class="col-form-label sans text-muted">Setor</label>
                <select class="form-control" name="setor" required="">
                    <option value="">...</option>
                    <option>Crediário</option>
                    <option>Pacote</option>
                    <option>Caixa</option>
                    <option>Vendas</option>
                    <option>Logística</option>
                    <option>Depósito</option>
                    <option>Contabilidade</option>
                    <option>Vendas Online</option>
                    <option>RH</option>
                    <option>Marketing</option>
                    <option>Financeiro/Contas</option>
                </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" name="categoria" required="">
                    <option value="">...</option>
                    <option title="Computador">Computador</option>
                    <option>Internet</option>
                    <option>Infra Estrutura</option>
                    <option>Telefonia</option>
                    <option>Impressora</option>
                    <option>Scanner</option>
                    <option>Aplicativos</option>
                    <option>Sistema lento</option>
                    <option>Equipamento</option>
                    <option>Acesso</option>
                    <option>Email</option>
                    <option>Assinatura</option>
                </select>
            </div>

            <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                <textarea name="msg" id="msg" placeholder="Seu chamado aqui..."></textarea>
            </div>
            <div class="divider-modern"></div>
            <h5 class="col-12 text-center  sans my-5"> Organização</h5>

            <div class="form-group col-md-6 col-sm-6 co-xs-12 ">
                <label for="time_to_resolve" class="col-form-label sans text-muted">Data prevista: </label>

                <div class='input-group date' id='datetimepicker1'>
                    <input type='date' class="form-control" name="time_to_resolve">
                </div>
            </div>
            <div class="form-group col-md-6  col-sm-6 co-xs-12 ">
                <label for="prioridade" class="col-form-label sans text-muted">Prioridade</label>
                <select class="form-control" 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">
                <button type="submit" class="theme-btn btn-style-one">Enviar</button>
            </div>

        </div>
                <input type="hidden" id="user_recipient" name="user_recipient" value="56">

    </form>
@endsection
@section('info')
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Chamados internos restrito a equipe do TI</p>
    </li>
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">O chamado estará disponivel na GLPI</p>
    </li>
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Futuramente disponivel no gerenciador de chamados</p>
    </li>
@endsection