@php
    /**
     * @var \App\Models\News $news
     */
@endphp
@extends('backend.template.layout')
@section('title', $news->title)
@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">{{ $news->title }}</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>
                        </div>
                    </div>
                </div>
                <div class="kt-portlet__body">
                    <form class="kt-form" id=news_edit_form action="{{ route('news.update',$news) }}" enctype=multipart/form-data data-url-success="{{ route('news.index') }}">
                        @method('PUT')
                        <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('{{ $news->cover_url }}'); width: 100%; height: 400px;"></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/* @empty($news->hasMedia('images')) required @endempty >
                                    </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 value="{{ $news->title }}">
                                            </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>
                                                            {{ $news->content }}
                                                        </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 value="{{ $news->published->format('Y-m-d H:i') }}">
                                    <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 }}" @if($news->type_id == $news_type->id) selected @endif>{{ $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 value="{{ $news->tags->pluck('name')->implode(',') }}">
                            </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" @if($news->status) checked=checked @endif 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-edit.js')) }}"></script>
@endsection