@extends('admin.layouts.layout')
@section('title', 'Nova notícia')
@section('content')
    <script src="https://cdn.tiny.cloud/1/rcjw03tjfu0hq8dkm2bkb8qcwhd4nyavx70mdvyk6t6a8uzl/tinymce/6/tinymce.min.js"
        referrerpolicy="origin"></script>
    <div class="row match-height">
        <div class="col-md-12 col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title text-primary">Cadastrando Notícia</h4>
                    <p class="text-muted">Cadastrando Notícia no Sistema</p>
                    <a class="btn btn-outline-primary btn-block d-grid gap-2" type="button"
                        href="{{ route('noticias.index') }}" role="button">Ver todas</a>
                </div>
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('noticias.store') }}" method="POST" class="form-horizontal"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="box box-info">
                                <input type="text" name="total_visualizacoes" value="0" hidden>
                                <div class="form-group">
                                    <label class="col-form-label">Título da notícia <span>*</span></label>
                                    <input type="text" name="titulo" value="{{ old('titulo') }}"
                                        class="form-control @error('titulo') is-invalid @enderror">
                                </div>

                                <div class="form-group">
                                    <label class="col-form-label">Slug <span>*</span></label>
                                    <input type="text" name="slug" value="{{ old('slug') }}" class="form-control"
                                        placeholder="Esse campo será preenchido automaticamente pelo sistema" disabled>
                                </div>

                                <div class="form-group" id="showPageContent">
                                    <label class="col-form-label">Conteúdo </label>
                                    <textarea type="textarea" class="form-control @error('conteudo') is-invalid @enderror" name="conteudo"
                                        value="{{ old('conteudo') }}"></textarea>
                                </div>

                                <div class="form-group">
                                    <label class="col-form-label">Foto principal <span>*</span></label>
                                    <input type="file" name="foto" value="{{ old('foto') }}"
                                        class="form-control @error('foto') is-invalid @enderror">
                                </div>

                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label class="col-form-label">Data <span>*</span></label>
                                        <input type="date" name="data" value="{{ old('data') }}"
                                            class="form-control @error('data') is-invalid @enderror">
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label">Categoria</label>
                                        <select class="form-control @error('id_categoria') is-invalid @enderror"
                                            name="id_categoria" value="{{ old('id_categoria') }}">
                                            <option value="">Selecione uma categoria</option>
                                            @foreach ($secretarias as $secretaria)
                                                <option value="{{ $secretaria->id }}">{{ $secretaria->nome }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label class="col-form-label">Publicador <span>*</span></label>
                                        <input type="text" name="publicador" value="{{ old('publicador') }}"
                                            class="form-control @error('publicador') is-invalid @enderror" disabled>
                                    </div>
                                    <div class="form-group col-md-1">
                                        <label class="col-form-label">Covid-19</label>
                                        <select name="covid" class="form-control @error('covid') is-invalid @enderror"
                                            value="{{ old('covid') }}">
                                            <option value="N">Não</option>
                                            <option value="S">Sim</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-1">
                                        <label class="col-form-label">Concurso</label>
                                        <select name="concurso" class="form-control @error('concurso') is-invalid @enderror"
                                            value="{{ old('concurso') }}">
                                            <option value="N">Não</option>
                                            <option value="S">Sim</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-1">
                                        <label class="col-form-label">Empreendedor</label>
                                        <select name="empreendedor"
                                            class="form-control @error('empreendedor') is-invalid @enderror"
                                            value="{{ old('empreendedor') }}">
                                            <option value="N">Não</option>
                                            <option value="S">Sim</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-1">
                                        <label class="col-form-label">Lei Paulo Gustavo</label>
                                        <select name="paulogustavo"
                                            class="form-control @error('paulogustavo') is-invalid @enderror"
                                            value="{{ old('paulogustavo') }}">
                                            <option value="N">Não</option>
                                            <option value="S">Sim</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-1">
                                        <label class="col-form-label">Período Eleitoral</label>
                                        <select name="periodo_eleitoral"
                                            class="form-control @error('periodo_eleitoral') is-invalid @enderror"
                                            value="{{ old('periodo_eleitoral') }}">
                                            <option value="N">Não</option>
                                            <option value="S">Sim</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-1">
                                        <label class="col-form-label">CACS</label>
                                        <select name="cacs" class="form-control @error('cacs') is-invalid @enderror"
                                            value="{{ old('cacs') }}">
                                            <option value="N">Não</option>
                                            <option value="S">Sim</option>
                                        </select>
                                    </div>
                                </div>

                                <h3 class="seo-info">SEO Informações</h3>
                                <div class="form-group">
                                    <label class="col-form-label">Meta Título </label>
                                    <input type="text" class="form-control @error('meta_titulo') is-invalid @enderror"
                                        name="meta_titulo" value="{{ old('meta_titulo') }}"
                                        placeholder="Esse campo será preenchido automaticamente pelo sistema" disabled>
                                </div>

                                <div class="form-group">
                                    <label class="col-form-label">Meta Keywords </label>
                                    <input type="text" type="text"
                                        class="form-control @error('meta_keyword') is-invalid @enderror"
                                        name="meta_keyword" rows="2" value="{{ old('meta_keyword') }}">
                                </div>

                                <div class="form-group">
                                    <label class="col-form-label">Meta Descrição </label>
                                    <input type="text"
                                        class="form-control @error('meta_descricao') is-invalid @enderror"
                                        name="meta_descricao" rows="2" value="{{ old('meta_descricao') }}">
                                </div>
                                <br>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-outline-success btn-sm btn-block w-100"
                                        name="form1">Gravar</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        tinymce.init({
            selector: 'textarea',
            height: 300,
            menubar: false,
            plugins: ['link', 'table', 'image', 'autosize', 'list'],
            toolbar_mode: 'undo redo | formatselect | bold italic backcolor | link image | table | bullist numlist',
        });
    </script>

    </div>

@endsection