@extends('dashboard.dashboard')
@section('title',ucfirst('Notícias'))
@section('main')
@section('page','article')
<div class="panel-header ">
    <div class="page-inner">
        <div class="page-header">
            @if(Breadcrumbs::exists())
                {!! Breadcrumbs::render() !!}
            @endif
        </div>
    </div>
</div>
@php
        @endphp
<div class="row">
    <div class="wizard-container wizard-round col-md-9">
        <div class="wizard-header text-center">
            <h3 class="wizard-title"><b class="text-capitalize">Notícias</b></h3>
            <small>Os campos com (*) são de caráter obrigatório</small>
        </div>
        <form id="article" action="{{route('admin.article.store')}}" method="POST" novalidate
              enctype="multipart/form-data">
            @csrf
            @method('put')

            <div class="wizard-body">
                <div class="tab-content">
                    <div class="tab-pane active" id="details">
                        <div class="row">

                            <div class="col-md-6">

                                <div class="form-group @if($errors->has('title')) has-error @endif">
                                    <label><span class="required-label">*</span>{{__('title')}}:</label>
                                    <input name="title" type="text" class="form-control" required
                                           value="{{old('title')}}" tabindex="1">
                                    <div class="msg-validate">
                                        @foreach($errors->get('title') as $error)
                                            <label id="title-error" class="error" for="title">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>


                                <div class="form-group @if($errors->has('summary')) has-error @endif">
                                    <label for="summary"><span class="required-label">*</span>
                                        {{ __('summary') }}
                                    </label>

                                    <textarea id="summary" required="required"
                                              class="form-control  textarea col-md-12 col-xs-12  @if($errors->has('summary')) parsley-error @endif"
                                              name="summary" data-parsley-trigger="keyup" data-parsley-minlength="20"
                                              cols="40"
                                              rows="3" data-parsley-maxlength="100"
                                              data-parsley-validation-threshold="10">{{old('summary')}}</textarea>
                                    @if($errors->has('summary'))
                                        <ul class="parsley-errors-list filled">
                                            @foreach($errors->get('summary') as $error)
                                                <li class="parsley-required">{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    @endif
                                </div>


                            </div>
                            <div class="col-md-6">

                                <div class="form-group @if($errors->has('date')) has-error @endif">
                                    <label for="date" class="placeholder"><b>data</b></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="date-addon"><i
                                                        class="fas fa-calendar"></i>
							</span>
                                        </div>
                                        <input type="text" class="form-control cellphone" placeholder=""
                                               
                                               value="{{old('date')}}" tabindex="2"
                                               aria-describedby="date-addon" id="date" name="date" data-mask="99/99/9999"
                                               aria-invalid="true">
                                    </div>
                                    <div class="msg-validate">
                                        @foreach($errors->get('date') as $error)
                                            <label id="date-error" class="error" for="date">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>


                                <div class="form-group @if($errors->has('image')) has-error @endif">

                                    <label><span class="required-label">*</span>{{__('image')}} (1080x530):
                                    </label>
                                    <div class="input-file input-file-image">
                                        <img class="img-upload-preview " width="216"
                                             src="https://via.placeholder.com/1080x530" alt="preview">
                                        <input type="file" class="form-control form-control-file" id="uploadImg"
                                               name="image" accept="image/*" required tabindex="7">

                                        <label for="uploadImg"
                                               class=" label-input-file btn btn-primary">{{__('Upload a Image')}}</label>
                                    </div>
                                    <div class="msg-validate">
                                        @foreach($errors->get('image') as $error)
                                            <label id="image-error" class="error" for="image">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>


                            </div>
                            <div class="col-md-12">
                                <div class="form-group @if($errors->has('text')) has-error @endif">
                                    <label for="text"><span class="required-label">*</span>
                                        {{ __('text') }}
                                    </label>

                                    <textarea id="text" required="required"
                                              class="form-control summernote textarea col-md-12 col-xs-12  @if($errors->has('text')) parsley-error @endif"
                                              name="text" data-parsley-trigger="keyup" data-parsley-minlength="20"
                                              cols="40"
                                              rows="10" data-parsley-maxlength="100"
                                              data-parsley-validation-threshold="10">{{old('text')}}</textarea>
                                    @if($errors->has('text'))
                                        <ul class="parsley-errors-list filled">
                                            @foreach($errors->get('text') as $error)
                                                <li class="parsley-required">{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    @endif
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 ml-auto mr-auto text-center">
                <input type="button" onclick="javascript: window.history.back();" class="btn btn-finish btn-primary"
                       name="back" value="{{__('voltar')}}">
                <input type="submit" class="btn btn-finish btn-success" name="finish" value="{{__('save')}}">
                <div class="clearfix"></div>
            </div>
        </form>
    </div>
</div>
@endsection
@push('scripts')
    <script src="{{ asset('admin/js/plugin/jquery.mask/jquery.mask.min.js')}}"></script>

@endpush