@include('partials.dashboard.head')
@include('partials.dashboard.sidebar', ['page' => 'journalists'])
@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-head nk-block-head-sm">
                                    <div class="nk-block-between g-3">
                                        <div class="nk-block-head-content">
                                            <h3 class="nk-block-title page-title">Data Jurnalis</h3>
                                            <div class="nk-block-des text-soft">
                                                <ul class="list-inline">
                                                    <li>Lihat informasi jurnalis di sini.</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="nk-block-head-content">
                                            <div class="toggle-wrap nk-block-tools-toggle">
                                                <a href="#" class="btn btn-icon btn-trigger toggle-expand me-n1" data-target="pageMenu"><em class="icon ni ni-more-v"></em></a>
                                                <div class="toggle-expand-content" data-content="pageMenu">
                                                    <ul class="nk-block-tools g-3">
                                                        <li class="nk-block-tools-opt">
                                                            <a href="{{route('dashboard.journalists.submissions')}}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Kembali</span></a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- .nk-block-head -->
                                <div class="nk-block nk-block-lg">
                                    <div class="card">
                                        <div class="card-aside-wrap">
                                            <div class="card-content">
                                                <div class="card-inner">
                                                    <div class="nk-block">
                                                        <div class="profile-ud-list">
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">Nama Jurnalis</span>
                                                                    <span class="profile-ud-value">{{$journalist->name}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">Email</span>
                                                                    <span class="profile-ud-value">{{$journalist->email}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">Nomor Telepon</span>
                                                                    <span class="profile-ud-value">{{$journalist->phone_number}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">Kartu Pers</span>
                                                                    <span class="profile-ud-value">
                                                                        {{$journalist->press_card ?? '-'}}
                                                                    </span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">Sertifikat UKW</span>
                                                                    <span class="profile-ud-value">
                                                                        {{$journalist->ukw_sertificate ?? '-'}}
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div><!-- .profile-ud-list -->
                                                        <div class="nk-divider divider md"></div>
                                                        <div class="nk-block">
                                                            <div class="bq-note">
                                                                <div class="bq-note-item">
                                                                    <span class="profile-ud-label mb-1">Dokumen Kartu Pers</span>
                                                                    <div class="bq-note-text">
                                                                        {!! display_file('journalists', $journalist->press_card_doc) !!}
                                                                    </div>
                                                                </div><!-- .bq-note-item -->
                                                                <div class="bq-note-item">
                                                                    <span class="profile-ud-label mb-1">Dokumen Sertifikat UKW</span>
                                                                    <div class="bq-note-text">
                                                                        {!! display_file('journalists', $journalist->ukw_sertificate_doc) !!}
                                                                    </div>
                                                                </div><!-- .bq-note-item -->
                                                            </div><!-- .bq-note -->
                                                        </div><!-- .nk-block -->
                                                    </div><!-- .nk-block -->
                                                    {{-- <div class="nk-divider divider md"></div> --}}
                                                </div><!-- .card-inner -->
                                            </div><!-- .card-content -->
                                        </div><!-- .card-aside-wrap -->
                                    </div>
                                    @if ($journalist->approved_status === '0')
                                    <div class="mt-1 d-flex justify-content-end p-2 rounded-2" style="background-color: #F5F6FA !important;">
                                        <a href="javascript:void(0);" class="btn btn-danger mx-1" data-bs-toggle="modal" data-bs-target="#modalForm">Tolak</a>
                                        <a href="javascript:void(0);" class="btn btn-primary mx-1" onclick="statusAction('{{route('dashboard.journalists.submissions.process.action', ['id' => encrypt_id($journalist->id), 'action' => 'accept'])}}', 'Apakah Anda yakin ingin menyetujui jurnalis {{$journalist->name}}?', 'Ya, Setujui')">
                                            Terima
                                        </a>
                                    </div>
                                    @endif
                                </div>
                                <div class="modal fade" id="modalForm">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">Data Penolakan</h5>
                                                <a href="#" class="close" data-bs-dismiss="modal" aria-label="Close">
                                                    <em class="icon ni ni-cross"></em>
                                                </a>
                                            </div>
                                            <form action="{{route('dashboard.journalists.submissions.process.action', ['id' => encrypt_id($journalist->id), 'action' => 'reject'])}}" class="form-validate is-alter" id="myForm" method="post">
                                            @csrf
                                            @method('put')
                                            <div class="modal-body">
                                                    <div class="form-group">
                                                        <label class="form-label" for="rejection_reason">Alasan Menolak<span class="required-input">*</span></label>
                                                        <div class="form-control-wrap">
                                                            <textarea class="form-control form-control-sm" id="cf-default-textarea" placeholder="Alasan Anda melakukan penolakan" required name="rejection_reason"></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="modal-footer bg-light">
                                                    <button type="button"  class="btn btn-sm btn-primary" id="submitButton">Kirim</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
@include('partials.dashboard.footer', ['rich_editor' => false])