@extends('backend.layouts.app')
@section('content')
<div class="main-panel">
    <div class="content-wrapper">
        <div class="row">
            <div class="col-md-12 grid-margin stretch-card">
                <div class="card">

                    <div class="card-body">
                        <h4 class="card-title" style="text-align: center;">Detail Kegitan</h4>
                        <div class="row">
                            <div class="col-lg-6 col-md-6 mb-4 stretch-card transparent">
                                <div class="card card-inverse-warning">
                                    <div class="card-body text-center">
                                        <p class="mb-4">Total Undangan</p>
                                        <p class="fs-30 mb-2">{{$undangan}}</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 mb-4 stretch-card transparent">
                                <div class="card card-inverse-success">
                                    <div class="card-body text-center">
                                        <p class="mb-4">Total Hadir</p>
                                        <p class="fs-30 mb-2">{{$hadir + $peserta->count()}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 col-sm-12 col-lg-6">
                                <h5 class="card-title" style="text-align: center;">Detail Kegitan</h5>
                                <blockquote class="blockquote blockquote-primary">
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Nama Kegiatan</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->name}}</p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Lokasi / Ruangan</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->ruangan->lokasi->name??''}} /
                                                {{$data->ruangan_lain??$data->ruangan->name}}</p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Waktu</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->date_start}} - {{$data->date_end}}</p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Jenis Kegiatan</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->jenis->code_nm}}</p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Lingkup Kegiatan</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->lingkup->code_nm}} </p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Pembuat Acara</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->user->name}} </p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Telepon</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->user->telepon}} </p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>OPD</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->opd->name??''}} </p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Deskripsi Singkat</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->deskripsi_singkat}} </p>
                                        </div>
                                        </label>
                                    </div>

                                    @if($data->sambutan_bupati_st == 'SAMBUTAN_BUPATI_ST_01')
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Dasar Pelaksanaan</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->dasar_pelaksanaan}} </p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Maksud Kegiatan</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->maksud_kegiatan}} </p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Maksud Kegiatan</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->tujuan}} </p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Pointer</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->pointer}} </p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Capaian</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->capaian}} </p>
                                        </div>
                                        </label>
                                    </div>
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Audiens</p>
                                        </div>
                                        <div class="col-sm-9">
                                            <p> : {{$data->audiens}} </p>
                                        </div>
                                        </label>
                                    </div>

                                    @endif
                                    <div class="form-group menu-title row">
                                        <div class="col-sm-3">
                                            <p>Pimpinan</p>
                                        </div>

                                        <div class="col-sm-9">
                                            <ul>
                                                @foreach($data->pimpinanTugas as $row)
                                                <li>{{$row->pimpinan->name??"-"}} <span>( {{$row->tugas->name??"-"}} )</span></li>
                                                @endforeach
                                            </ul>
                                            </p>
                                        </div>
                                        </label>
                                    </div>
                                </blockquote>

                            </div>

                                                        <div class="col-md-12 col-sm-12 col-lg-6">
                                                            @include('backend.pages.notulensi.form')
                                                        </div>                            <div class="col-md-6">
                                <h5 class="card-title" style="text-align: center;">Detail Undangan</h5>
                                <div style="max-height: 460px; overflow-y: scroll;">
                                    <table class="table table-striped table-bordered " style=" width: 100%">
                                        <thead>
                                            <td>No</td>
                                            <td>Nama</td>
                                            <td>Jabatan</td>
                                            <td>OPD</td>
                                        </thead>
                                        <tbody>
                                            @foreach($data->undangan as $index=>$row)
                                            <tr>
                                                <td class="text-wrap">{{$index+1}}</td>
                                                <td class="text-wrap">{{$row->user->name}}</td>
                                                <td class="text-wrap">{{$row->user->jabatan}}</td>
                                                <td class="text-wrap">{{$row->user->opd->name}}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="col-md-6" style="height: 550px">
                                <h5 class="text-center">Detail Hadir</h5>
                                <div style="max-height: 460px; overflow-y: scroll;">
                                    <table class="table table-striped table-bordered" style=" width: 100%">
                                        <thead>
                                            <td>No</td>
                                            <td>Nama</td>
                                            <td>Jabatan</td>
                                            <td>OPD</td>
                                        </thead>
                                        <tbody>
                                            @foreach($data->hadir as $index=>$row)
                                            <tr>
                                                <td class="text-wrap">{{$index+1}}</td>
                                                <td class="text-wrap">{{$row->user->name??""}}</td>
                                                <td class="text-wrap">{{$row->user->jabatan??""}}</td>
                                                <td class="text-wrap">{{$row->opd->name??""}}</td>
                                            </tr>
                                            @endforeach
                                            @php
                                            $ta = $data->hadir->count();
                                            @endphp
                                            @foreach($peserta as $pst)
                                            <tr>
                                                <td class="text-wrap">{{$loop->iteration+$ta}}</td>
                                                <td class="text-wrap">{{$pst->nama??""}}</td>
                                                <td class="text-wrap">{{$pst->jabatan??""}}</td>
                                                <td class="text-wrap">{{$pst->instansi??""}}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- content-wrapper ends -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Form Tambah Peserta</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                @include('backend.pages.notulensi.participant_form')
        </div>
    </div>
    @endsection
    @push('after-script')
    @endpush