@include('partials.dashboard.head')
@include('partials.dashboard.sidebar', ['page' => 'issue_managements'])
@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">
                                            {{-- {{dd($mediaMonitoring)}} --}}
                                            <div id="accordion" class="accordion">
                                                <div class="accordion-item">
                                                    <a href="#" class="accordion-head" data-bs-toggle="collapse" data-bs-target="#accordion-item-1">
                                                        <h6 class="title text-primary">Detail Monitoring Media {{$mediaMonitoring->code}}</h6>
                                                        <span class="accordion-icon"></span>
                                                    </a>
                                                    <div class="accordion-body collapse show" id="accordion-item-1" data-bs-parent="#accordion">
                                                        <div class="accordion-inner">
                                                            <div class="card-inner">
                                                                <div class="nk-block">
                                                                    {{-- <div class="nk-block-head">
                                                                        <h5 class="title">Personal Information</h5>
                                                                        <p>Basic info, like your name and address, that you use on Nio Platform.</p>
                                                                    </div> --}}
                                                                    <div class="profile-ud-list">
                                                                        <div class="profile-ud-item">
                                                                            <div class="profile-ud wider">
                                                                                <span class="profile-ud-label">Nama Media</span>
                                                                                <span class="profile-ud-value">{{$mediaMonitoring->media_name}}</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="profile-ud-item">
                                                                            <div class="profile-ud wider">
                                                                                <span class="profile-ud-label">Tema</span>
                                                                                <span class="profile-ud-value">{{$mediaMonitoring->theme}}</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="profile-ud-item">
                                                                            <div class="profile-ud wider">
                                                                                <span class="profile-ud-label">Judul</span>
                                                                                <span class="profile-ud-value">{{$mediaMonitoring->title}}</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="profile-ud-item">
                                                                            <div class="profile-ud wider">
                                                                                <span class="profile-ud-label">Link</span>
                                                                                <span class="profile-ud-value">
                                                                                    @if ($mediaMonitoring->link != '' || $mediaMonitoring != null)
                                                                                        <a href="{{$mediaMonitoring->link}}" target="__blank">{{$mediaMonitoring->link}}</a>
                                                                                    @else
                                                                                    -
                                                                                    @endif
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="profile-ud-item">
                                                                            <div class="profile-ud wider">
                                                                                <span class="profile-ud-label">Penulis</span>
                                                                                <span class="profile-ud-value">{{$mediaMonitoring->writter}}</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="profile-ud-item">
                                                                            <div class="profile-ud wider">
                                                                                <span class="profile-ud-label">Kanal</span>
                                                                                <span class="profile-ud-value">{{$mediaMonitoring->channel}}</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="profile-ud-item">
                                                                            <div class="profile-ud wider">
                                                                                <span class="profile-ud-label">Influencer</span>
                                                                                <span class="profile-ud-value">{{$mediaMonitoring->influencer}}</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="profile-ud-item">
                                                                            <div class="profile-ud wider">
                                                                                <span class="profile-ud-label">Kata Kunci</span>
                                                                                <span class="profile-ud-value">{{$mediaMonitoring->keyword}}</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="profile-ud-item">
                                                                            <div class="profile-ud wider">
                                                                                <span class="profile-ud-label">Tanggal Input</span>
                                                                                <span class="profile-ud-value">{{idn_date($mediaMonitoring->created_at, 'l, m F Y')}}</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="profile-ud-item">
                                                                            <div class="profile-ud wider">
                                                                                <span class="profile-ud-label">Tanggal Rilis</span>
                                                                                <span class="profile-ud-value">{{idn_date($mediaMonitoring->release_date, 'l, m F Y')}}</span>
                                                                            </div>
                                                                        </div>
                                                                    </div><!-- .profile-ud-list -->
                                                                </div><!-- .nk-block -->
                                                                {{-- <div class="nk-divider divider md"></div> --}}
                                                                <div class="nk-block">
                                                                    <div class="nk-block-head nk-block-head-sm nk-block-between">
                                                                        <span class="profile-ud-label">Kutipan</span>
                                                                    </div><!-- .nk-block-head -->
                                                                    <div class="bq-note">
                                                                        <div class="bq-note-item">
                                                                            <div class="bq-note-text">
                                                                                {!!$mediaMonitoring->quote!!}
                                                                            </div>
                                                                        </div><!-- .bq-note-item -->
                                                                    </div><!-- .bq-note -->
                                                                </div><!-- .nk-block -->
                                                                <div class="nk-block">
                                                                    <div class="nk-block-head nk-block-head-sm nk-block-between">
                                                                        <span class="profile-ud-label">Konten</span>
                                                                    </div><!-- .nk-block-head -->
                                                                    <div class="bq-note">
                                                                        <div class="bq-note-item">
                                                                            <div class="bq-note-text">
                                                                                {!!$mediaMonitoring->content!!}
                                                                            </div>
                                                                        </div><!-- .bq-note-item -->
                                                                    </div><!-- .bq-note -->
                                                                </div><!-- .nk-block -->
                                                                <div class="nk-block">
                                                                    <div class="nk-block-head nk-block-head-sm nk-block-between">
                                                                        <span class="profile-ud-label">Gambar</span>
                                                                    </div><!-- .nk-block-head -->
                                                                    <div class="bq-note">
                                                                        <div class="bq-note-item">
                                                                            <div class="bq-note-text">
                                                                                <img src="{{asset('storage/uploads/media-monitorings/'. $mediaMonitoring->image)}}" alt="">
                                                                            </div>
                                                                        </div><!-- .bq-note-item -->
                                                                    </div><!-- .bq-note -->
                                                                </div><!-- .nk-block -->
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card card-bordered card-preview">
                                        <div class="card-inner">
                                            <div class="card-head">
                                                <h5 class="card-title">{{$title}}</h5>
                                            </div>
                                            <form action="{{route('dashboard.issue.managements.store', ['media_monitoring_id' => $mediaMonitoringId])}}" method="post">
                                                @csrf
                                                <div class="row g-4">
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label">Lokus<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="location_id" id="location" data-search="on">
                                                                    @foreach ($locations as $location)
                                                                        <option value="{{$location->id}}" {{ old('location') == $location->id ? 'selected' : '' }}>{{$location->name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label">Sub Lokus<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="sub_location_id" id="sub_location" data-search="on">
                                                                    <!-- Sub-location options will be loaded here -->
                                                                </select>
                                                            </div>
                                                        </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}}" {{ old('classification') == $classification->id ? 'selected' : '' }}>{{$classification->name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label">Sub Klasifikasi<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="sub_classification_id" id="sub_classification" data-search="on">
                                                                    <!-- Sub-location options will be loaded here -->
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label">Isu<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="issue" id="issue">
                                                                    <option value="positif">Positif</option>
                                                                    <option value="negatif">Negatif</option>
                                                                    <option value="netral">Netral</option>
                                                                    <option value="krisis">Krisis</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label">Respon<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="response" id="response">
                                                                    <option value="positif">Positif</option>
                                                                    <option value="negatif">Negatif</option>
                                                                    <option value="netral">Netral</option>
                                                                    <option value="krisis">Krisis</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="phone-no-1">Keterangan Isu<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <textarea class="tinymce-basic form-control" name="description">{!!old('description')!!}</textarea>
                                                              </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label class="form-label">Dinas / OPD<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="government_agencies[]" id="government_agencies" data-search="on" multiple="multiple" data-placeholder="Pilih Dinas / OPD">
                                                                    @foreach ($governmentAgencies as $governmentAgency)
                                                                        <option value="{{ $governmentAgency->id }}"
                                                                            {{ in_array($governmentAgency->id, old('government_agencies', [])) ? 'selected' : '' }}>
                                                                            {{ $governmentAgency->name }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <hr>
                                                        <div class="form-group d-flex justify-content-end">
                                                            <a href="{{route('dashboard.media.monitoring.index')}}" class="btn btn-white btn-dim btn-outline-light mx-2"><span>Kembali</span></a>
                                                            <button type="submit" class="btn btn-md btn-primary">Tambahkan</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
@include('partials.dashboard.footer', ['rich_editor' => true, 'page' => 'create_issue_management'])