@extends('be.layout-index-rekappemilihan')
@section('content')
<style>
table th{
    font-weight:400px;
    text-align:center;
}
.cari{
    margin-left:10px;
}
.small{
    font-size:9pt!important;
}
.ultrendkajianawal{
    margin-left:-18px
}
.ultrendkajianawal li{
    font-size:10pt;
}
</style>
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="{{asset('media/assets/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('media/assets/css/select2-bootstrap.css')}}">
<script>
function chgwilayah(){
    wilayah = $('#wilayah').val();
    s=$('#wilayah').val();
    switch(s){
        case '0':$("#sel_prova").addClass("d-none");
                 $("#sel_provb").addClass("d-none");
                 $("#sel_kabb").addClass("d-none");
                 $("#sel_kejadiannegara").addClass("d-none");
                 break;
        case '1':$("#sel_prova").addClass("d-none");
                 $("#sel_provb").addClass("d-none");
                 $("#sel_kabb").addClass("d-none");
                 $("#sel_kejadiannegara").addClass("d-none");
                 break;
        case '2':$("#sel_provb").addClass("d-none");
                 $("#sel_kabb").addClass("d-none");
                 $("#sel_prova").removeClass("d-none");
                 $("#sel_kejadiannegara").addClass("d-none");
                 break;
        case '3':$("#sel_provb").removeClass("d-none");
                 $("#sel_kabb").removeClass("d-none");
                 $("#sel_prova").addClass("d-none");
                 $("#sel_kejadiannegara").addClass("d-none");
                 break;
        case '4':$("#sel_prova").addClass("d-none");
                 $("#sel_kejadiannegara").removeClass("d-none");
                 $("#sel_provb").addClass("d-none");
                 $("#sel_kabb").addClass("d-none");
                 break;
    }
}
</script>
<div style="padding:10px">
    <div class="row">
        <div class="col-12">
            <div class="table-responsive">
                <button class="btn btn-primary btn-sm" id="filter-button" data-toggle="collapse" data-target="#filter-body" aria-expanded="false" aria-controls="filter-body" data-parent="#accordion"><i class='fa fa-file-archive-o'></i> Filter Rekap</button>&nbsp;&nbsp;<button id=btnExport class="btn btn-secondary btn-sm exp" ><i class='fa fa-save'></i> Export To Excel</button><br><br>
                <div class="filter-container">
                    <div id="filter-body" class="panel-collapse collapse">
                        <div class="panel-body filter-body cari">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Min. Tanggal Input</label>
                                        <div class="col-sm-7">
                                            <input id="mintglinput" class="form-control form-control-sm"/>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Max. Tanggal Input</label>
                                        <div class="col-sm-7">
                                            <input id="maxtglinput" class="form-control form-control-sm"/>
                                        </div>
                                    </div>
                                    @if(session('be_uwilayah')==0&&session('be_uposisi')!=2)
                                        <div class="form-group row">
                                            <label class="col-xs-12 col-sm-3 control-label form-control-sm">Level Data</label>
                                            <div class="col-sm-7">
                                                <select style="width:200px" name="wilayah" class="form-control form-control-sm select2 small" id="wilayah" onchange="chgwilayah()">
                                                    <option value='0'>RI</option>
                                                    <option value='1'>Bawaslu RI</option>
                                                    <option value='2'>Propinsi</option>
                                                    <option value='3'>Kabupaten/Kota</option>
                                                    <option value='4'>Luar Negeri</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row d-none" id=sel_kejadiannegara>
                                            <label class="col-xs-12 col-sm-3 control-label form-control-sm">Negara</label>
                                            <div class="col-sm-7 col-md-7">
                                                <select class='form-control form-control-sm select2 small' style="width:200px" id=kejadiannegara name=kejadiannegara multiple>
                                                    <option value=''>- All -</option>
                                                    @php
                                                        foreach($kejadiannegara as $item){
                                                            echo '<option value="'.$item->nama.'">'.$item->nama.'</option>';
                                                        }
                                                    @endphp
                                               </select>
                                            </div>
                                        </div>
                                        <div class="form-group row d-none" id=sel_prova>
                                            <label class="col-xs-12 col-sm-3 control-label form-control-sm">Provinsi</label>
                                            <div class="col-sm-7 col-md-7">
                                                <select class='form-control form-control-sm select2 small' style="width:200px" id=prova name=prova multiple>
                                                    <option value=''>- All -</option>
                                                    @php
                                                        foreach($provinsi as $item){
                                                            echo '<option value="'.$item->nama.'">'.$item->nama.'</option>';
                                                        }
                                                    @endphp
                                               </select>
                                            </div>
                                        </div>
                                        <div class="form-group row d-none" id=sel_provb>
                                            <label class="col-xs-12 col-sm-3 control-label form-control-sm">Provinsi</label>
                                            <div class="col-sm-7 col-md-7">
                                                <select class='form-control form-control-sm select2 small' style="width:200px" id=provb name=provb >
                                                    <option value=''>- All -</option>
                                                    @php
                                                        foreach($provinsi as $item){
                                                            echo '<option value="'.$item->nama.'">'.$item->nama.'</option>';
                                                        }
                                                    @endphp
                                               </select>
                                            </div>
                                        </div>
                                        <div class="form-group row d-none" id=sel_kabb>
                                            <label class="col-xs-12 col-sm-3 control-label form-control-sm">Kabupaten/Kota</label>
                                            <div class="col-sm-7 col-md-7">
                                                <select class='form-control form-control-sm select2 small' style="width:200px" id=kabb name=kabb  multiple>
                                                    <option value=''>- All -</option>
                                               </select>
                                            </div>
                                        </div>
                                    @elseif(substr(session('be_uwilayah'),3,2)=='00')
                                        <div class="form-group row">
                                            <label class="col-xs-12 col-sm-3 control-label form-control-sm">Kabupaten/Kota</label>
                                            <div class="col-sm-7">
                                            <select class='form-control select2' id=kaba name=kaba style="width:200px" multiple>
                                                <option value=''>- All -</option>
                                                @php
                                                    if(!empty($data_kaba)){
                                                        foreach($data_kaba as $item){
                                                            echo '<option value="'.$item->nama.'" >'.$item->nama.'</option>';
                                                        }
                                                    }
                                                @endphp
                                            </select>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Kategori Pemilihan</label>
                                        <div class="col-sm-7">
                                            
                                            <select class='form-control select2 form-control-sm' style="width:250px" id=daerahpemilihan name=daerahpemilihan>
                                                <option value="">All</option>
                                                <option value="Pemilihan Gubernur/Wakil Gubernur">Pemilihan Gubernur/Wakil Gubernur</option>
                                                <option value="Pemilihan Bupati/Wakil Bupati">Pemilihan Bupati/Wakil Bupati</option>
                                                <option value="Pemilihan Walikota/Wakil Walikota">Pemilihan Walikota/Wakil Walikota</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Laporan/Temuan</label>
                                        <div class="col-sm-7">
                                            <select class='form-control select2 form-control-sm' id=laporantemuan name=laporantemuan>
                                            @php
                                                  echo "<option value=''>- All -";
                                                  echo "<option value='Laporan'>Laporan";
                                                  echo "<option value='Temuan'>Temuan";
                                            @endphp
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Tahapan</label>
                                        <div class="col-sm-7">
                                            <select class='form-control form-control-sm select2 small' style="width:250px" id=tahapan name=tahapan>
                                                <option value=''>- All -</option>
                                                @php
                                                    foreach($tahapan as $item){
                                                        echo '<option value="'.$item->nama.'">'.$item->nama.'</option>';
                                                    }
                                                @endphp
                                           </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Status Laporan</label>
                                        <div class="col-sm-9 col-md-9">
                                            <select class='form-control select2 form-control-sm' style="width:250px" id=statuslaporan name=statuslaporan>
                                            @php
                                                  echo "<option value=''>- All -";
                                                  echo "<option value='Registrasi'>Registrasi";
                                                  echo "<option value='Tidak diregistrasi karena tidak memenuhi formil/materil'>Tidak diregistrasi karena tidak memenuhi formil/materil";
                                                  echo "<option value='Tidak diregistrasi karena dicabut'>Tidak diregistrasi karena dicabut";
                                                  echo "<option value='Belum registrasi'>Belum registrasi";
                                            @endphp
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Nomor Laporan</label>
                                        <div class="col-sm-7">
                                            <input id="nolaporan" class="form-control form-control-sm"/>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Nomor Registrasi Laporan</label>
                                        <div class="col-sm-7">
                                            <input id="registrasilaporan" class="form-control form-control-sm"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Tanggal Laporan/Temuan</label>
                                        <div class="col-sm-7">
                                            <input id="tgllaporan" class="form-control form-control-sm"/>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Pelapor</label>
                                        <div class="col-sm-7">
                                            <input id="pelapor" class="form-control form-control-sm"/>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Terlapor</label>
                                        <div class="col-sm-7">
                                            <input id="terlapor" class="form-control form-control-sm"/>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Saksi</label>
                                        <div class="col-sm-7">
                                            <input id="saksi" class="form-control form-control-sm"/>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Hasil Kajian</label>
                                        <div class="col-sm-7">
                                            <select class='form-control form-control-sm select2 small' style="width:250px" id=kajian name=kajian>
                                                <option value=''>- All -</option>
                                                @php
                                                    foreach($hasilkajian as $item){
                                                        echo '<option value="'.$item->nama.'">'.$item->nama.'</option>';
                                                    }
                                                @endphp
                                           </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Jenis Pelanggaran (hasil kajian)</label>
                                        <div class="col-sm-7">
                                            <select class='form-control form-control-sm select2 small' style="width:250px" id=jenispelanggaran name=jenispelanggaran multiple>
                                                @php
                                                    foreach($pelanggaran as $item){
                                                        echo '<option value="'.$item->nama.'">'.$item->nama.'</option>';
                                                    }
                                                @endphp
                                           </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Trend Pelanggaran (Kaj. Awal)</label>
                                        <div class="col-sm-7">
                                            <select class='form-control form-control-sm select2 small' style="width:250px" id=trendkajianawal name=trendkajianawal>
                                                <option value=''>- All -</option>
                                                @php
                                                    foreach($trend as $item){
                                                        echo '<option value="'.$item->id.'">'.$item->nama.'</option>';
                                                    }
                                                @endphp
                                           </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-xs-12 col-sm-3 control-label form-control-sm">Trend Pelanggaran (Kaj. Akhir)</label>
                                        <div class="col-sm-7">
                                            <select class='form-control form-control-sm select2 small' style="width:250px" id=trendkajianakhir name=trendkajianakhir>
                                                <option value=''>- All -</option>
                                                @php
                                                    foreach($trend as $item){
                                                        echo '<option value="'.$item->id.'">'.$item->nama.'</option>';
                                                    }
                                                @endphp
                                           </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group row">
                                    <div class="col-sm-12">
                                        <button class="btn btn-success btn-sm" id="btnSearch"><i class='fa fa-search'></i> Cari</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <table width="100%" class="table table-bordered tableexp" id=mytbl >
                    <thead style="background-color: #c1b6b6;">
                        <tr role="row">
                            <th  rowspan=2 class="no-export hide">No</th>
                            <th  rowspan=2 class="hide">Tgl Input</th>
                            <th style="vertical-align: middle !important; height: 10px !important;" rowspan=2>Tgl. Input</th>
                            <th  colspan=4>Level Data</th>
                            <th style="vertical-align: middle !important;" rowspan=2>Kategori Pemilu</th>
                            <th style="vertical-align: middle !important;" rowspan=2>Laporan/Temuan</th>
                            <th style="vertical-align: middle !important;" rowspan=2>Tahapan</th>
                            <th style="vertical-align: middle !important;" rowspan=2 >Tgl. Diketahui</th>
                            <th style="vertical-align: middle !important;" rowspan=2>Nomor Laporan</th>
                            <th style="vertical-align: middle !important;" rowspan=2 >Uraian Singkat</th>
                            <th style="vertical-align: middle !important;" rowspan=2>Hasil Kajian Awal</th>
                            <th  colspan=3>Registrasi</th>
                            <th  colspan=5>Pelapor</th>
                            <th  colspan=3>Terlapor</th>
                            <th  colspan=3>Proses Penanganan Pelanggaran</th>
                            <th style="vertical-align: middle !important;" rowspan=2>STATUS</th>
                            <th  colspan=2>Kajian Pelanggaran</th>
                            <th  colspan=2>Rekomendasi dan Tindak Lanjut</th>
                            <th style="vertical-align: middle !important;" rowspan=2>Amar Putusan</th>
                            <th  colspan=4>Trend Pelanggaran </th>
                        </tr>
                        <tr role="row">
                            <th style="vertical-align: middle !important;">Luar Negeri</th>
                            <th style="vertical-align: middle !important;">Provinsi</th>
                            <th style="vertical-align: middle !important;">Kabupaten/Kota</th>
                            <th style="vertical-align: middle !important;">Kecamatan</th>
                            <th style="vertical-align: middle !important;">Nomor</th>
                            <th style="vertical-align: middle !important;">Tanggal Registrasi</th>
                            <th style="vertical-align: middle !important;">No BA Administrasi</th>
                            <th style="vertical-align: middle !important;">Nama</th>
                            <th style="vertical-align: middle !important;">Nomor Telpon</th>
                            <th style="vertical-align: middle !important;">Kapasitas Pelapor</th>
                            <th style="vertical-align: middle !important;">Tanggal Lahir</th>
                            <th style="vertical-align: middle !important;">Jenis Kelamin</th>
                            <th style="vertical-align: middle !important;">Nama</th>
                            <th style="vertical-align: middle !important;">Terlapor lainnya</th>
                            <th style="vertical-align: middle !important;">Nomor Telpon</th>
                            
                            <th style="vertical-align: middle !important;">Proses Sidang</th>
                            <th style="vertical-align: middle !important;">Proses Klarifikasi</th>
                            <th style="vertical-align: middle !important;">Tanggal Pelaksanaan</th>
                            
                            <th style="vertical-align: middle !important;">Hasil Kajian</th>
                            <th style="vertical-align: middle !important;">Jenis Pelanggaran</th>
                            
                            <th style="vertical-align: middle !important;">Rekomendasi</th>
                            <th style="vertical-align: middle !important;">Tindak Lanjut Rekomendasi</th>
                            
                            <th  class="no-export"  style="display:none;visibilty:hidden"></th>
                            <th style="padding-bottom: 20px !important;">Trend Pelanggaran (Kajian Awal)</th>
                            <th  class="no-export" style="display:none;;visibilty:hidden"></th>
                            <th style="padding-bottom: 20px !important;">Trend Pelanggaran (Kajian Akhir)</th>
                        </tr>
                    </thead>
                    <tbody id="show_data">
                    </tbody>
                </table>
				<table width="100%" class="table table-bordered tableexp d-none" id=mytblexp  border=1>
                    <thead style="background-color: #c1b6b6;">
                        <tr role="row">
                            <th  rowspan=2 class="no-export hide">No</th>
                            <th  rowspan=2 class="hide">Tgl Input</th>
                            <th style="vertical-align: middle !important; height: 10px !important;" rowspan=2>Tgl. Input</th>
                            <th  colspan=4>Level Data</th>
                            <th style="vertical-align: middle !important;" rowspan=2>Kategori Pemilu</th>
                            <th style="vertical-align: middle !important;" rowspan=2>Laporan/Temuan</th>
                            <th style="vertical-align: middle !important;" rowspan=2>Tahapan</th>
                            <th style="vertical-align: middle !important;" rowspan=2 >Tgl. Diketahui</th>
                            <th style="vertical-align: middle !important;" rowspan=2>Nomor Laporan</th>
                            <th style="vertical-align: middle !important;" rowspan=2 >Uraian Singkat</th>
                            <th style="vertical-align: middle !important;" rowspan=2>Hasil Kajian Awal</th>
                            <th  colspan=3>Registrasi</th>
                            <th  colspan=5>Pelapor</th>
                            <th  colspan=3>Terlapor</th>
                            <th  colspan=3>Proses Penanganan Pelanggaran</th>
                            <th style="vertical-align: middle !important;" rowspan=2>STATUS</th>
                            <th  colspan=2>Kajian Pelanggaran</th>
                            <th  colspan=2>Rekomendasi dan Tindak Lanjut</th>
                            <th style="vertical-align: middle !important;" rowspan=2>Amar Putusan</th>
                            <th  colspan=4>Trend Pelanggaran </th>
                        </tr>
                        <tr role="row">
                            <th style="vertical-align: middle !important;">Luar Negeri</th>
                            <th style="vertical-align: middle !important;">Provinsi</th>
                            <th style="vertical-align: middle !important;">Kabupaten/Kota</th>
                            <th style="vertical-align: middle !important;">Kecamatan</th>
                            <th style="vertical-align: middle !important;">Nomor</th>
                            <th style="vertical-align: middle !important;">Tanggal Registrasi</th>
                            <th style="vertical-align: middle !important;">No BA Administrasi</th>
                            <th style="vertical-align: middle !important;">Nama</th>
                            <th style="vertical-align: middle !important;">Nomor Telpon</th>
                            <th style="vertical-align: middle !important;">Kapasitas Pelapor</th>
                            <th style="vertical-align: middle !important;">Tanggal Lahir</th>
                            <th style="vertical-align: middle !important;">Jenis Kelamin</th>
                            <th style="vertical-align: middle !important;">Nama</th>
                            <th style="vertical-align: middle !important;">Terlapor lainnya</th>
                            <th style="vertical-align: middle !important;">Nomor Telpon</th>
                            
                            <th style="vertical-align: middle !important;">Proses Sidang</th>
                            <th style="vertical-align: middle !important;">Proses Klarifikasi</th>
                            <th style="vertical-align: middle !important;">Tanggal Pelaksanaan</th>
                            
                            <th style="vertical-align: middle !important;">Hasil Kajian</th>
                            <th style="vertical-align: middle !important;">Jenis Pelanggaran</th>
                            
                            <th style="vertical-align: middle !important;">Rekomendasi</th>
                            <th style="vertical-align: middle !important;">Tindak Lanjut Rekomendasi</th>
                            
                            <th  class="no-export"  style="display:none;visibilty:hidden"></th>
                            <th style="padding-bottom: 20px !important;">Trend Pelanggaran (Kajian Awal)</th>
                            <th  class="no-export" style="display:none;;visibilty:hidden"></th>
                            <th style="padding-bottom: 20px !important;">Trend Pelanggaran (Kajian Akhir)</th>
                        </tr>
                    </thead>
                    <tbody id="show_data">
                    </tbody>
                </table>
                <div style="height:10px"></div>
            </div>
        </div>
    </div>
</div>
<script src="{{asset('media/assets/js/select2.full.js')}}""></script>
<script>
$("#provb").change(function (){
	var url = "{!!route('m_rekappemilihan.add_ajax_kab')!!}/"+encodeURIComponent($(this).val());
    $('#kabb').load(url);
    return false;
})
$(".select2").select2({ dropdownCssClass: "small",containerCssClass: "small" });
</script>
@endsection