@extends('forms.ti.base_form')

@section('title')
    <div class="sec-title">
        <div class="title"><img src="{{ URL::asset('images/lupa.jpg') }}" width="60" height="60"
                class="d-inline-block align-top m-1" alt=""></div>
        <h2 style="color: rgb(43, 43, 43);">Chamado LUPA <i class="bi bi-node-plus-fill"
                style="margin-left:20px; color:rgb(109, 128, 0);"></i></h2>
    </div>
@endsection
@section('form')
    <form action="{{ route('suppliers_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>
                    <@foreach ($setores 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="categoria" class="col-form-label sans text-muted">Categoria
                </label>
                <select class="form-control" 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-6 col-sm-6 co-xs-12  mt-4">

                <input type="text" name="contato" value="" placeholder="Contato no local " required>
            </div>
            <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                <textarea name="msg" id="msg" placeholder="Ex: Clonar usuário, permissão adicional, login temporário..."></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>
            </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>
            <input type="hidden" id="setor" name="setor" value="1">
            <input type="hidden" id="tipo_chamado" name="tipo_chamado" value="9">
            <input type="hidden" id="suppliers_id" name="suppliers_id" value="1">
        <input type="hidden" id="user_recipient" name="user_recipient" value="56">


        </div>





    </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 enviados diretamente para LUPA</p>
    </li>
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Para abrir um chamado apenas interno <a href="interno_form">clique aqui</a></p>
    </li>

    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">De o maximo de detalhes sobre a solicitação</p>
    </li>
@endsection