@include('partials.dashboard.head')
@include('partials.dashboard.sidebar', ['page' => 'media_monitorings'])
@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 Monitoring Media</h5>
                                                    <p>Perbarui informasi monitoring media ini.</p>
                                                </div>
                                            </div>
                                            <form action="{{route('dashboard.media.monitorings.update', ['id' => encrypt_id($mediaMonitoring->id)])}}" method="post" enctype="multipart/form-data" id="myForm">
                                                @csrf
                                                @method('put')
                                                <div class="row g-4">
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="media_name">Nama Media<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control @error('media_name') border-danger  @enderror" id="media_name" name="media_name" placeholder="Contoh: Tribunews.com" value="{{$mediaMonitoring->media_name}}">
                                                            </div>
                                                            @error('media_name')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="theme">Tema<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control @error('theme') border-danger  @enderror" id="theme" name="theme" placeholder="Contoh: Bencana Alam, Wisata" value="{{$mediaMonitoring->theme}}">
                                                            </div>
                                                            @error('theme')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="title">Judul Berita<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: Air Mancur Sri Baduga Purwakarta Tak Beroperasi saat Malam Tahun Baru, Ini Sebabnya" value="{{$mediaMonitoring->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://instagram.com/abc" value="{{$mediaMonitoring->link}}">
                                                                <small id="linkFeedback" class="d-none"></small>
                                                            </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" for="writter">Penulis/Kreator<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control @error('writter') border-danger  @enderror" id="writter" name="writter" placeholder="Contoh: Mr. X" value="{{$mediaMonitoring->writter}}">
                                                            </div>
                                                            @error('writter')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label">Kanal<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="channel" data-search="on">
                                                                    <option value="website" {{$mediaMonitoring->channel == 'website' ? 'selected' : ''}}>Website</option>
                                                                    <option value="tiktok" {{$mediaMonitoring->channel == 'tiktok' ? 'selected' : ''}}>Tiktok</option>
                                                                    <option value="youtube" {{$mediaMonitoring->channel == 'youtube' ? 'selected' : ''}}>YouTube</option>
                                                                    <option value="instagram" {{$mediaMonitoring->channel == 'instagram' ? 'selected' : ''}}>Instagram</option>
                                                                    <option value="facebook" {{$mediaMonitoring->channel == 'facebook' ? 'selected' : ''}}>Facebook</option>
                                                                    <option value="twitter" {{$mediaMonitoring->channel == 'twitter' ? 'selected' : ''}}>Twitter</option>
                                                                    <option value="cetak" {{$mediaMonitoring->channel == 'cetak' ? 'selected' : ''}}>Cetak</option>
                                                                </select>
                                                            </div>
                                                            @error('channel')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="news_page">Halaman/Durasi Berita</label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control" id="news_page" name="news_page" placeholder="Contoh: Halaman 5, Halaman 2 s.d. 4" value="{{$mediaMonitoring->news_page}}">
                                                            </div>
                                                            @error('news_page')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="content">Konten<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <textarea class="tinymce-basic form-control" name="content" id="content">{!!$mediaMonitoring->content!!}</textarea>
                                                              </div>
                                                              @error('content')
                                                              <span class="validation-error">{{$message}}</span>
                                                              @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="influencer">Influencer</label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control @error('influencer') border-danger  @enderror" id="influencer" name="influencer" placeholder="Contoh: Sekretariat Daerah" value="{{$mediaMonitoring->influencer}}">
                                                            </div>
                                                            @error('influencer')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="keyword">Kata Kunci<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control @error('keyword') border-danger  @enderror" id="keyword" name="keyword" placeholder="Contoh: Purwakarta" value="{{$mediaMonitoring->keyword}}">
                                                            </div>
                                                            @error('keyword')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="quote">Kutipan</label>
                                                            <div class="form-control-wrap">
                                                                <textarea class="tinymce-basic form-control" name="quote" id="quote">{!!$mediaMonitoring->quote!!}</textarea>
                                                              </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="release_date">Tanggal Rilis<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="date" class="form-control @error('release_date') border-danger  @enderror" id="release_date" name="release_date" placeholder="Masukan Tanggal rilis" value="{{$mediaMonitoring->release_date}}">
                                                            </div>
                                                            @error('release_date')
                                                            <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($mediaMonitoring->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($mediaMonitoring->image) ? 'Tidak ada sampul' : $mediaMonitoring->image}}</label>
                                                                </div>
                                                            </div>
                                                            @error('image')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <hr>
                                                        <div class="form-group d-flex justify-content-end">
                                                            <a href="{{route('dashboard.media.monitorings.index')}}" class="btn btn-white btn-dim btn-outline-light mx-2"><span>Kembali</span></a>
                                                            <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 Gambar</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($mediaMonitoring->image, 'media-monitorings'))}}" alt="Media Monitoring Image">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
@include('partials.dashboard.footer', ['rich_editor' => true])