@include('partials.dashboard.head')
@include('partials.dashboard.sidebar', ['page' => 'news'])
@include('partials.dashboard.header')
                <!-- content @s -->
                <div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block nk-block-lg">
                                    <div class="card card-bordered card-preview">
                                        <div class="card-inner">
                                            <div class="card-head">
                                                <div class="nk-block-head">
                                                    <h5 class="title">Ubah Berita</h5>
                                                    <p>Perbarui informasi berita atau pengumuman yang telah dipublikasikan.</p>
                                                </div>
                                            </div>
                                            <form action="{{route('dashboard.news.update', ['id' => encrypt_id($news->id)])}}" method="post" enctype="multipart/form-data" id="myForm">
                                                @csrf
                                                @method('put')
                                                <div class="row g-4">
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="title">Judul<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control @error('title') border-danger  @enderror" id="title" name="title" placeholder="Contoh: Hari Pendidikan, Pemkab Purwakarta Resmi..." value="{{$news->title}}">
                                                            </div>
                                                            @error('title')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="link">Link</label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control @error('link') border-danger  @enderror" id="link" name="link" placeholder="Contoh: https://purwakartakab.go.id/read/2684" value="{{$news->link}}">
                                                            </div>
                                                            @error('link')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label">Kategori<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="category">
                                                                    <option value="0" {{$news->category == '0' ? 'selected' : ''}}>Berita</option>
                                                                    <option value="1" {{$news->category == '1' ? 'selected' : ''}}>Pengumuman</option>
                                                                </select>
                                                            </div>
                                                            @error('category')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="tag">Tag</label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control @error('tag') border-danger  @enderror" id="tag" name="tag" placeholder="#PemkabPurwakarta" value="{{$news->tag}}">
                                                            </div>
                                                            @error('tag')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="image">Gambar @if (filled($news->image))
                                                                <span>
                                                                    <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#modalDefault">
                                                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-eye">
                                                                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                                                            <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
                                                                            <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" />
                                                                        </svg>
                                                                    </a>
                                                                </span>
                                                                @endif</label>
                                                            <div class="form-control-wrap">
                                                                <div class="form-file">
                                                                    <input type="file" accept="image/*" class="form-file-input" id="image" name="image">
                                                                    <label class="form-file-label" for="image">{{!filled($news->image) ? 'Tidak ada sampul' : $news->image}}</label>
                                                                </div>
                                                            </div>
                                                            @error('image')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="phone-no-1">Konten<span class="required-input">*</span></label>
                                                            @error('content')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                            <div class="form-control-wrap">
                                                                <textarea class="tinymce-basic form-control" name="content">{!!$news->content!!}</textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <hr>
                                                        <div class="form-group d-flex justify-content-end">
                                                            @if (request()->query('show'))
                                                            <a href="{{route('dashboard.news.show', ['id' => encrypt_id($news->id)])}}" class="btn btn-white btn-dim btn-outline-light mx-2"><span>Kembali</span></a>
                                                            @else
                                                            <a href="{{route('dashboard.news.index')}}" class="btn btn-white btn-dim btn-outline-light mx-2"><span>Kembali</span></a>
                                                            @endif
                                                            <button type="button" class="btn btn-md btn-primary" id="submitButton">Simpan</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                            <div class="modal fade" tabindex="-1" id="modalDefault">
                                                <div class="modal-dialog" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title">Preview Sampul</h5>
                                                            <a href="#" class="close" data-bs-dismiss="modal" aria-label="Close">
                                                                <em class="icon ni ni-cross"></em>
                                                            </a>
                                                        </div>
                                                        <div class="modal-body">
                                                            <img src="{{asset(display_image($news->image, 'news'))}}" alt="">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
@include('partials.dashboard.footer', ['rich_editor' => true])