@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">Buat Rekap Konten Baru</h5>
                                                    <p>Masukkan informasi yang diperlukan untuk membuat rekap konten.</p>
                                                </div>
                                            </div>
                                            <form action="{{route('dashboard.content.recaps.store')}}" method="post" enctype="multipart/form-data" id="myForm">
                                                @csrf
                                                <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" id="content_theme" name="content_theme" placeholder="Contoh: Reels Kerjasama DPMPTSP" value="{{old('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" id="contentRecapLink" name="link" placeholder="Contoh: https://instagram.com/abc" value="{{old('link')}}">
                                                                <small id="contentRecapLinkFeedback" 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">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">
                                                                    <option value="placeholder" selected disabled>Pilih Klasifikasi</option>
                                                                    @foreach ($classifications as $classification)
                                                                        <option value="{{$classification->id}}" {{ old('classification_id') == $classification->id ? 'selected' : '' }}>{{$classification->name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            @error('classification_id')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </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="placeholder" selected disabled>Pilih Media Sosial</option>
                                                                    <option value="PPID Diskominfo Purwakarta" {{ old('social_media') == 'PPID Diskominfo Purwakarta' ? 'selected' : '' }}>PPID Diskominfo Purwakarta</option>
                                                                    <option value="Diskominfo Purwakarta" {{ old('social_media') == 'Diskominfo Purwakarta' ? 'selected' : '' }}>Diskominfo Purwakarta</option>
                                                                    <option value="Purwakarta Saber Hoaks" {{ old('social_media') == 'Purwakarta Saber Hoaks' ? 'selected' : '' }}>Purwakarta Saber Hoaks</option>
                                                                </select>
                                                            </div>
                                                            @error('social_media')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </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" id="posted_date" name="posted_date" placeholder="Masukan Tanggal Posting" value="{{old('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="placeholder" selected disabled>Pilih Kanal</option>
                                                                    <option value="website" {{old('channel') == 'website' ? 'selected' : ''}}>Website</option>
                                                                    <option value="tiktok" {{old('channel') == 'tiktok' ? 'selected' : ''}}>Tiktok</option>
                                                                    <option value="youtube" {{old('channel') == 'youtube' ? 'selected' : ''}}>YouTube</option>
                                                                    <option value="instagram" {{old('channel') == 'instagram' ? 'selected' : ''}}>Instagram</option>
                                                                    <option value="facebook" {{old('channel') == 'facebook' ? 'selected' : ''}}>Facebook</option>
                                                                    <option value="twitter" {{old('channel') == 'twitter' ? 'selected' : ''}}>Twitter</option>
                                                                    <option value="cetak" {{old('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="image">Gambar<span class="required-input">*</span></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">Unggah gambar konten (misalnya screenshot)</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">{!!old('description')!!}</textarea>
                                                              </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <hr>
                                                        <div class="form-group d-flex justify-content-end">
                                                            <a href="{{route('dashboard.content.recaps.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">Tambahkan</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
@include('partials.dashboard.footer', ['rich_editor' => true])