@include('partials.dashboard.head')
@include('partials.dashboard.sidebar', ['page' => 'cooperations'])
@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">
                                            @include('dashboard.media-cooperations.processes.tab')
                                            <div class="tab-content">
                                                <div class="tab-pane active" id="cooperation">
                                                    <div class="card-content">
                                                        <ul class="nav nav-tabs nav-tabs-mb-icon nav-tabs-card soft-grey-backgorund">
                                                            <li class="nav-item">
                                                                <a class="nav-link text-primary" href="javascript: void(0);"><em class="icon ni ni-info"></em><span>Data Laporan Bukti Tayang
                                                                @if (is_role(['1']))
                                                                    Media <span style="text-decoration: underline;">{{$reporterMedia->name}}</span>
                                                                @else
                                                                <span style="color: grey">
                                                                    ({{$reportCount}}/{{$mediaOrder->required_reports}})
                                                                </span>
                                                                @endif
                                                                </span></a>
                                                            </li>
                                                        </ul><!-- .nav-tabs -->
                                                        <div class="card-inner">
                                                            <div class="table-responsive">
                                                                <table class="table table-striped table-bordered nowrap" id="mediaReportsTable" border="1">
                                                                    <thead>
                                                                        <tr>
                                                                            <th style="width: 10% !important;">No</th>
                                                                            <th>Judul</th>
                                                                            <th>Tanggal</th>
                                                                            <th>Status</th>
                                                                            <th style="width: 10% !important;"></th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div><!-- .card-content -->
                                                    <hr>
                                                    @if (is_role(['3']))
                                                        <div class="nk-block d-flex justify-content-end">
                                                        <a href="{{route('dashboard.cooperations.index')}}" class="btn btn-white btn-dim btn-outline-light mx-2"><span>Kembali</span></a>
                                                        @if (!$isReportsCompleted)
                                                        <a href="{{route('dashboard.reports.create', ['id' => encrypt_id($mediaOrder->id)])}}" class="btn btn-primary"><span>Buat Laporan</span></a>
                                                        @endif

                                                        @if ($isAllReportsAccepted && !$cooperationCompletion)
                                                        <a href="{{route('dashboard.cooperations.process', ['id' => encrypt_id($mediaOrder->id), 'process' => 'completion'])}}" class="btn btn-primary"><span>Selesaikan</span></a>
                                                        @elseif($isReportsCompleted && !$cooperationCompletion)
                                                        <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="Menunggu semua laporan di setujui.">
                                                            <button class="btn btn-primary" style="pointer-events: none;" type="button" disabled>Selesaikan</button>
                                                          </span>
                                                        @endif
                                                    </div><!-- .nk-block -->
                                                    @else
                                                    <div class="nk-block d-flex justify-content-end">
                                                        <a href="{{route('dashboard.cooperations.process', ['id' => encrypt_id($mediaCooperation->id), 'process' => 'reports'])}}" class="btn btn-white btn-dim btn-outline-light"><span>Kembali</span></a>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- .card-preview -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
@include('partials.dashboard.footer', ['rich_editor' => false, 'datatable' => 'media_report'])