@extends('temp.admin')
@php
use NN\Module\View;
use NN\Module\DB;
@endphp
@section("content")

<div class="content-header row">
    <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
        <h3 class="content-header-title mb-0 d-inline-block">Transaksi USP</h3>
        <div class="row breadcrumbs-top d-inline-block">
            <div class="breadcrumb-wrapper col-12">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item active">Simpanan</li>
                </ol>
            </div>
        </div>
    </div>
    <div class="content-header-right col-md-6 col-12">
        <div class="btn-group float-md-right" style="display:none;">
            <ul class="list-inline mb-0">
                <li style="max-width:140px">
                    <fieldset class="form-group position-relative">
                        <input type="text" value="18-04-2023" class="period datepicker form-control form-control-sm input-sm mb-1" id="tglawal" placeholder="Tanggal Awal">
                        <div class="form-control-position">
                            <i class="la la-calendar-o font-small-4"></i>
                        </div>
                    </fieldset>
                </li>
                <li style="max-width:140px">
                    <fieldset class="form-group position-relative">
                        <input type="text"value="18-04-2023" class="period datepicker form-control form-control-sm input-sm mb-1" id="tglakhir" placeholder="Tanggal Akhir">
                        <div class="form-control-position">
                            <i class="la la-calendar-o font-small-4"></i>
                        </div>
                    </fieldset>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="content-body">
    <section id="dasbor">
        <div class="row">
            <div class="col-sm-12">
            <div class="card border-top-vds">

                <div class="card-header panel-head-menu" style="border-bottom: 1px solid #ddd;">
                    <div class="btn-group">
                        <button type="button" class="btn btn-secondary btn-min-width dropdown-toggle"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon-printer"></i>
                            Export</button>
                        <div class="dropdown-menu" id="listreportmenu">
                            
                        </div>
                    </div>
                    <button class="btn btn-success new"><i class="icon-plus"></i> Baru </button>
                    <button class="btn btn-default" onclick="_load()"><i class="la la-refresh"></i></button>
                </div>

                <div class="card-content">
                <div class="card-body">
                    <div class="mb-1">
                        <button style="display:none;" class="btn btn-clear delete-multi"><i class="icon-trash"></i></button>
                        <button style="display:none;" class="btn btn-clear print-multi"><i class="la la-print"></i></button>
                    </div>
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a data-kode="D" class="nav-link active" id="base-tab1" data-toggle="tab" aria-controls="tab1" href="#tab1"
                            aria-expanded="true">Setoran</a>
                        </li>
                        <li class="nav-item">
                            <a data-kode="K" class="nav-link" id="base-tab2" data-toggle="tab" aria-controls="tab2" href="#tab2"
                            aria-expanded="false">Penarikan / Kewajiban</a>
                        </li>
                    </ul>
                    <div class="tab-content px-1 pt-1">
                        <div role="tabpanel" class="tab-pane active" id="tab1" aria-expanded="true" aria-labelledby="base-tab1">
                        </div>
                        <div class="tab-pane" id="tab2" aria-labelledby="base-tab2">
                        </div>
                        <div class="tab-pane" id="tab3" aria-labelledby="base-tab3">
                        </div>
                    </div>
                    <table id="tabledata" class="display" style="width:100%">
                        <thead style="min-width:100%">
                            <tr>
                                <th>#</th>
                                <th>Status</th>
                                <th>Simpanan</th>
                                <th>Tgl</th>
                                <th>Faktur</th>
                                <th>Nama</th>
                                <th>Jumlah</th>
                                <th>Keterangan</th>
                                <th>User Log</th>
                                <th>User Input</th>
                            </tr>
                        </thead>
                        <tfoot style="min-width:100%">
                            <tr>
                                <th>#</th>
                                <th>Status</th>
                                <th>Simpanan</th>
                                <th>Tgl</th>
                                <th>Faktur</th>
                                <th>Nama</th>
                                <th>Jumlah</th>
                                <th>Keterangan</th>
                                <th>User Log</th>
                                <th>User Input</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                </div>
            </div>
            </div>
                
            </div>
        </div>
    </section>
</div>

<div id="modala" class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title title-f"></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row" id="containerforms">
            
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary simpan">Simpan</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
      </div>
    </div>
  </div>
</div>
<noscript id="jpinjam">{!! json_encode(DB::query_result_object("SELECT kode id, nama text, rw, status FROM jpinjam WHERE typetransaksi = 'simpanan'")) !!}</noscript>
<noscript id="anggota">{!! json_encode(DB::query_result_object("
    SELECT kode id, nama text, golkar, nip, unitkerja, golkar golongan, pokok, wajib, manasuka, bw, tk, swp FROM anggota
")) !!}</noscript>
<noscript id="acc">{!! json_encode(DB::query_result_object("
    SELECT kode id, nama text FROM acc ORDER BY kode ASC
")) !!}</noscript>
<noscript id="nipdata">{!! json_encode(DB::query_result_object("
    SELECT kode id, nip text FROM anggota
")) !!}</noscript>
@endsection
@section('script')
{!! View::jsm('ts/simpanansetup.js') !!}
@endsection
@section('css')
<div class="d-faktur" style="display:none;">
@include('admin.tsimpan.fkt')
</div>
@include('temp.modalfull')
<style>
    .dataTable tr td{
        white-space: nowrap;
    }
    .dataTable tr td:nth-child(1){
        min-width: 120px;
    }
    .dataTable tr td:nth-child(2){
        max-width: 120px;
    }
</style>
@endsection