@extends('layouts.pontoe.painel')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>
    <div class="p-3 mt-2 mb-4 bg-light text-dark border-bottom"><h3>Comunicado</h3></div>

    <form name="FrmCreate" action="{{route('p_comunicados.store')}}" method="post"  autocomplete="off">
        @csrf
        <div class="row">
{{--            <div class="col-md-4">--}}
{{--                <label for="">Servidor específico</label>--}}
{{--                <select name="funcionarios_id" class="form-control">--}}
{{--                    <option selected></option>--}}
{{--                </select>--}}
{{--            </div>--}}
            <div class="col-md-4">
                <label for="">Por departamento</label>
                <select name="departamento_id" class="form-control">
                    <option value="" selected style="color: wheat">>>Todos</option>
                    @foreach($departamento as $d)
                        <option value="{{$d->id}}">{{$d->nome}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label for="">Por equipe</label>
                <select name="equipe_id" class="form-control">
                    <option value="" selected style="color: wheat">>>Todos</option>
                    @foreach($equipe as $e)
                        <option value="{{$e->id}}">{{$e->nome}}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <hr class="mt-5">
        <div class="row">
            <div class="col-md-6">
                <label for="">Título</label>
                <input type="text" class="form-control" name="titulo">
            </div>
            <div class="col-md-12">
                <label for="">Conteúdo</label>
                <textarea class="form-control" name="mensagem" cols="10" rows="5"></textarea>
            </div>
        </div>

        <hr class="mt-4">
        <div class="row">
            <div class="col-md-12">
                <button type="button" onclick="window.history.back()" class="btn btn-light btn-lg"><i class="fa fa-chevron-left" aria-hidden="true"></i> Voltar</button>
                <button type="submit" class="btn btn-primary btn-lg"><i class="fa fa-floppy-o" aria-hidden="true"></i> Salvar</button>
            </div>
        </div>
        <hr>
    </form>

@endsection
@push('script')
    <script src="{{url(mix('modulos/pontoe/comunicado/js/create.js'))}}"></script>
@endpush