@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, d 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, d 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.update', ['id' => encrypt_id($issueManagement->id)])}}" method="post">
                                                @csrf
                                                @method('put')
                                                <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" data-initial-location-id="{{ $issueManagement->location_id }}">
                                                                    @foreach ($locations as $location)
                                                                        <option value="{{$location->id}}" {{ $issueManagement->location_id == $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" data-initial-sub-location-id="{{ $issueManagement->sub_location_id }}">
                                                                    <!-- 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" data-initial-classification-id="{{ $issueManagement->classification_id }}">
                                                                    @foreach ($classifications as $classification)
                                                                        <option value="{{$classification->id}}" {{ $issueManagement->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">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" data-initial-sub-classification-id="{{ $issueManagement->sub_classification_id }}">
                                                                    <!-- Sub-classification 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" {{$issueManagement->issue == 'positif' ? 'selected' : ''}}>Positif</option>
                                                                    <option value="negatif" {{$issueManagement->issue == 'negatif' ? 'selected' : ''}}>Negatif</option>
                                                                    <option value="netral" {{$issueManagement->issue == 'netral' ? 'selected' : ''}}>Netral</option>
                                                                    <option value="krisis" {{$issueManagement->issue == 'krisis' ? 'selected' : ''}}>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" {{$issueManagement->response == 'positif' ? 'selected' : ''}}>Positif</option>
                                                                    <option value="negatif" {{$issueManagement->response == 'negatif' ? 'selected' : ''}}>Negatif</option>
                                                                    <option value="netral" {{$issueManagement->response == 'netral' ? 'selected' : ''}}>Netral</option>
                                                                    <option value="krisis" {{$issueManagement->response == 'krisis' ? 'selected' : ''}}>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">{!! $issueManagement->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', $selectedGovernmentAgencies ?? [])) ? '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.monitorings.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' => 'edit_issue_management'])