@include('partials.dashboard.head')
@include('partials.dashboard.sidebar', ['page' => 'content_recaps'])
@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 Rekap Konten</h5>
                                                    <p>Perbarui informasi rekap konten ini.</p>
                                                </div>
                                            </div>
                                            <form action="{{route('dashboard.content.recaps.update', ['id' => encrypt_id($contentRecap->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="content_theme">Tema Konten<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control @error('content_theme') border-danger  @enderror" id="content_theme" name="content_theme" placeholder="Contoh: Reels Kerjasama DPMPTSP" value="{{$contentRecap->content_theme}}">
                                                            </div>
                                                            @error('content_theme')
                                                            <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<span class="required-input">*</span></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="{{$contentRecap->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">Klasifikasi<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="classification_id" id="classification" data-search="on">
                                                                    @foreach ($classifications as $classification)
                                                                        <option value="{{$classification->id}}" {{ $contentRecap->classification_id == $classification->id ? 'selected' : '' }}>{{$classification->name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label">Media Sosial<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="social_media" id="social_media" data-search="on">
                                                                    <option value="PPID Diskominfo Purwakarta" {{$contentRecap->social_media == 'PPID Diskominfo Purwakarta' ? 'selected' : ''}}>PPID Diskominfo Purwakarta</option>
                                                                    <option value="Diskominfo Purwakarta" {{$contentRecap->social_media == 'Diskominfo Purwakarta' ? 'selected' : ''}}>Diskominfo Purwakarta</option>
                                                                    <option value="Purwakarta Saber Hoaks" {{$contentRecap->social_media == 'Purwakarta Saber Hoaks' ? 'selected' : ''}}>Purwakarta Saber Hoaks</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="posted_date">Tanggal Posting<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="date" class="form-control @error('posted_date') border-danger  @enderror" id="posted_date" name="posted_date" placeholder="Masukan Tanggal Posting" value="{{$contentRecap->posted_date}}">
                                                            </div>
                                                            @error('posted_date')
                                                            <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" {{$contentRecap->channel == 'website' ? 'selected' : ''}}>Website</option>
                                                                    <option value="tiktok" {{$contentRecap->channel == 'tiktok' ? 'selected' : ''}}>Tiktok</option>
                                                                    <option value="youtube" {{$contentRecap->channel == 'youtube' ? 'selected' : ''}}>YouTube</option>
                                                                    <option value="instagram" {{$contentRecap->channel == 'instagram' ? 'selected' : ''}}>Instagram</option>
                                                                    <option value="facebook" {{$contentRecap->channel == 'facebook' ? 'selected' : ''}}>Facebook</option>
                                                                    <option value="twitter" {{$contentRecap->channel == 'twitter' ? 'selected' : ''}}>Twitter</option>
                                                                    <option value="cetak" {{$contentRecap->channel == 'cetak' ? 'selected' : ''}}>Cetak</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label">Jenis Konten<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="content_type">
                                                                    <option value="foto" {{$contentRecap->content_type == null ? 'selected' : ''}}>Pilih Jenis Konten</option>
                                                                    <option value="foto" {{$contentRecap->content_type == 'foto' ? 'selected' : ''}}>Foto</option>
                                                                    <option value="teks" {{$contentRecap->content_type == 'teks' ? 'selected' : ''}}>Teks</option>
                                                                    <option value="grafis" {{$contentRecap->content_type == 'grafis' ? 'selected' : ''}}>Grafis</option>
                                                                    <option value="audio video" {{$contentRecap->content_type == 'audio video' ? 'selected' : ''}}>Audio Video</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="image">Gambar @if (filled($contentRecap->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($contentRecap->image) ? 'Tidak ada gambar' : $contentRecap->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="description">Deskripsi</label>
                                                            @error('description')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                            <div class="form-control-wrap">
                                                                <textarea class="tinymce-basic form-control" name="description">{!!$contentRecap->description!!}</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.content.recaps.show', ['id' => encrypt_id($contentRecap->id)])}}" class="btn btn-white btn-dim btn-outline-light mx-2"><span>Kembali</span></a>
                                                            @else
                                                            <a href="{{route('dashboard.content.recaps.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 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($contentRecap->image, 'content-recaps'))}}" alt="">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
@include('partials.dashboard.footer', ['rich_editor' => true])