@extends('layout')

@section('title')
    Notícia
@endsection

@section('content')

    @include('flashs')

    <div class="card card-body">
        <h4 class="card-title">Nova notícia</h4>
        <h5 class="card-subtitle"> Preencha com as informações requisitadas. </h5>
        <div class="row">
            <div class="col-sm-12 col-xs-12">
                <form method="post" action="{{ route('noticias_store') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label>Categoria</label>
                        <input type="text" class="form-control" id="categoria" name="categoria">
                    </div>
                    <div class="form-group">
                        <label>Titulo</label>
                        <input type="text" class="form-control" id="titulo" name="titulo">
                    </div>
                    <div class="form-group">
                        <label>Notícia</label>
                        <textarea name="noticia" id="noticia" style="height: 300px;"></textarea>
                    </div>
                    <div class="form-group">
                        <label>Imagem</label>
                        <input type="file" class="form-control" id="imagem" name="imagem">
                    </div>
                    <button type="submit" class="btn btn-success m-r-10" onClick="return validarForm();">Confirmar</button>
                    <a href="{{ route('equipe') }}"><button type="button" class="btn btn-dark">Cancelar</button></a>
                </form>
            </div>
        </div>
    </div>

    <script>
        var cat = document.getElementById("categoria");
        var titulo = document.getElementById("titulo");
        var img = document.getElementById("imagem");

        function validarForm() {
            cat.setCustomValidity("");
            titulo.setCustomValidity("");
            img.setCustomValidity("");
            if(cat.value != "" && titulo.value != "" && img.files.length != 0) {
                cat.setCustomValidity("");
                titulo.setCustomValidity("");
                img.setCustomValidity("");
                return true;
            }
            else{
                if(cat.value == ""){
                    cat.setCustomValidity("Informe uma categoria!");
                    cat.reportValidity();
                    return false;
                }
                else{
                    if(titulo.value == ""){
                        titulo.setCustomValidity("Informe um titulo!");
                        titulo.reportValidity();
                        return false;
                    }
                    else{
                        if (img.files.length == 0) {
                            img.setCustomValidity("Insira uma imagem!");
                            img.reportValidity();
                            return false;
                        }
                        else{
                            cat.setCustomValidity("");
                            titulo.setCustomValidity("");
                            img.setCustomValidity("");
                            return true;
                        }
                    }
                }
            }
        }
    </script>
@endsection