@extends('backend.template.layout')
@section('title',__('Nouvelle actualité'))
@section('content_container', 'kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid')
@section('content')
    <div class="row">
        <div class="col-lg-12">
            <!--begin::Portlet-->
            <div class="kt-portlet kt-portlet--last kt-portlet--head-lg kt-portlet--responsive-mobile" id=kt_page_portlet>
                <div class="kt-portlet__head kt-portlet__head--lg">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">@lang('Nouvelle actualité')</h3>
                    </div>
                    <div class="kt-portlet__head-toolbar">
                        <a href="{{route('news.index')}}" class="btn btn-clean kt-margin-r-10">
                            <i class="la la-arrow-left"></i>
                            <span class="kt-hidden-mobile">@lang('Arrière')</span>
                        </a>
                        <div class="btn-group">
                            <button type=button class="btn btn-brand" id=save-btn>
                                <i class="la la-check"></i>
                                <span class="kt-hidden-mobile">@lang('Sauvegarder')</span>
                            </button>
                            @if(0)
                                <button type=button class="btn btn-brand dropdown-toggle dropdown-toggle-split" data-toggle=dropdown aria-haspopup=true aria-expanded=false></button>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <ul class="kt-nav">
                                        <li class="kt-nav__item">
                                            <a href="#" class="kt-nav__link">
                                                <i class="kt-nav__link-icon flaticon2-reload"></i>
                                                <span class="kt-nav__link-text">Save & continue</span>
                                            </a>
                                        </li>
                                        <li class="kt-nav__item">
                                            <a href="#" class="kt-nav__link">
                                                <i class="kt-nav__link-icon flaticon2-power"></i>
                                                <span class="kt-nav__link-text">Save & exit</span>
                                            </a>
                                        </li>
                                        <li class="kt-nav__item">
                                            <a href="#" class="kt-nav__link">
                                                <i class="kt-nav__link-icon flaticon2-edit-interface-symbol-of-pencil-tool"></i>
                                                <span class="kt-nav__link-text">Save & edit</span>
                                            </a>
                                        </li>
                                        <li class="kt-nav__item">
                                            <a href="#" class="kt-nav__link">
                                                <i class="kt-nav__link-icon flaticon2-add-1"></i>
                                                <span class="kt-nav__link-text">Save & add new</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="kt-portlet__body">
                    <form class="kt-form" id=news_add_form action="{{ route('news.store') }}" enctype=multipart/form-data data-url-success="{{ route('news.index') }}">
                        <div class=row>
                            <label class="col-xl-3 col-lg-3">@lang('Image')</label>
                            <div class="col-lg-9 col-xl-9">
                                <div class="kt-avatar kt-avatar--outline col-lg-9 col-xl-9" id=kt_user_avatar_1>
                                    <div class="kt-avatar__holder" style="background-image: url('https://via.placeholder.com/800x400?text=Goal.tn'); width: 100%; height: 400px; background-position: center;"></div>
                                    <label class="kt-avatar__upload" data-toggle="kt-tooltip" title data-original-title="Sélectionner une image">
                                        <i class="fa fa-pencil-square-o"></i>
                                        <input type=file name=image accept=image/* required>
                                    </label>
                                    <span class="kt-avatar__cancel" data-toggle="kt-tooltip" title data-original-title="Annuler l'image"><i class="fa fa-times"></i></span>
                                </div>
                                {{--                                <span class="form-text text-muted">Allowed file types: png, jpg, jpeg.</span>--}}
                            </div>
                        </div>
                        <div class=row>
                            <div class="col-xl-12">
                                <div class="kt-section kt-section--first">
                                    <div class="kt-section__body">
                                        <div class="form-group row">
                                            <label class="col-12 col-form-label" for=title>@lang('Titre')</label>
                                            <div class="col-12">
                                                <input class=form-control type=text name=title id=title dir=rtl>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="kt-portlet">
                                    <div class="kt-portlet__body">
                                        <div class="kt-infobox">
                                            <div class="kt-infobox__header">
                                                <label class="col-3 col-form-label" for=content>@lang('Contenu')</label>
                                            </div>
                                            <div class="kt-infobox__body">
                                                <div class="kt-infobox__section">
                                                    <div class="kt-tinymce">
                                                        <textarea id=content name=content class=tox-target dir=rtl>
                                                        </textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-form-label col-lg-3 col-sm-12" for=published>@lang('Date de création')</label>
                            <div class="col-lg-4 col-md-9 col-sm-12">
                                <div class="input-group date">
                                    <input type=text class=form-control readonly id=published name=published>
                                    <div class=input-group-append>
                                        <span class=input-group-text>
                                            <i class="la la-calendar glyphicon-th"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-form-label col-lg-3 col-sm-12" for=type_id>@lang('Type')</label>
                            <div class="col-lg-4 col-md-9 col-sm-12">
                                <select class="form-control" id=type_id name=type_id required dir=rtl>
                                    @foreach (\App\Models\NewsType::whereStatus(1)->get() as $news_type)
                                        <option value="{{ $news_type->id }}">{{ $news_type->title }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group form-group-last row">
                            <label class="col-form-label col-lg-2 col-sm-12" for=tags>@lang('Tags')</label>
                            <div class="col-lg-10 col-md-10 col-sm-12">
                                <input id=tags name=tags placeholder=tapez... autofocus dir=rtl>
                            </div>
                        </div>
                        <div class="form-group form-group-last row">
                            <label class="col-3 col-form-label">@lang('Statut')</label>
                            <div class=col-3>
                                <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
                                    <label>
                                        <input type="checkbox" checked=checked name=status id=status>
                                        <span></span>
                                    </label>
                                </span>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!--end::Portlet-->
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ url(mix('assets/backend/js/tinymce.js')) }}"></script>
    <script src="{{ url(mix('assets/backend/js/news-add.js')) }}"></script>
@endsection