@extends('temp.admin')
@php
use NN\Module\DB;
use NN\Module\Perusahaan as perush;
$demo = perush::datalogin()['data'][0]->demo;

$set = [
    "title" => "Juru bayar"
    , "subtitle" => "Data user"
    , "thead" => [
        "#","ID","Nama", "Juru Bayar" ,"Telp","Handphone","Email","Token"
    ]
];

@endphp
@section("content")

@include("temp.temp1", $set)

<noscript id="datainternal">{!! json_encode(DB::query_result_object("SELECT kode id, keterangan text FROM dept")) !!}</noscript>
<noscript id="jurubayar">{!! json_encode(DB::query_result_object("SELECT m.kode id, m.name text FROM mjurubayar m")) !!}</noscript>
@endsection

@section('script')
<style>
    td, tr{
        white-space: nowrap;
    }
</style>
<script>

    var objectForm = {
        title : function(){
            return 'Juru Bayar';
        },
        table :"juru_bayar",
        idform :"containerforms",
        newkode: ``,
        kode: 'id',
        view: ['id','nama','area', 'telp','hp','email','token'],
        custome: {
        },
        oncreate: function(a){
            _val('id', 'JB-'+Date.now());
            _val('token', uuid());
        },
        onupdate: function(dt){
            if(!dt.token || dt.token === ''){
                _val('token', uuid());
            }
        },
        dataSelect: ["*"],
        queryTemp: "SELECT {select} FROM juru_bayar || ORDER BY id DESC",
        validasiForm: ['id','nama', 'username', 'password'],
        data: [
            {
                title: 'ID',
                type: 'text',
                name: 'id',
                row: 12,
                readonly: true,
                action: function(){

                },
            }
            ,{
                title: 'Token',
                type: 'text',
                name: 'token',
                row: 12,
                readonly: true,
                action: function(){

                },
            }
            ,{
                title: 'Juru bayar',
                type: 'select',
                name: 'area',
                row: 12,
                readonly: false,
                data: _json('jurubayar'),
                action: function(){

                },
            }
            ,{
                title: 'Usename',
                type: 'text',
                name: 'username',
                row: 12,
                readonly: false,
                action: function(){

                },
            }
            ,{
                title: 'Password',
                type: 'password',
                name: 'password',
                row: 12,
                readonly: false,
                action: function(){

                },
            }
            ,{
                title: 'Nama',
                type: 'text',
                name: 'nama',
                row: 12,
                readonly: false,
                action: function(){

                },
            }
            ,{
                title: 'Telp.',
                type: 'telp',
                name: 'telp',
                row: 12,
                readonly: false,
                action: function(){

                },
            }
            ,{
                title: 'Handphone.',
                type: 'telp',
                name: 'hp',
                row: 12,
                readonly: false,
                action: function(){

                },
            }
            ,{
                title: 'Email',
                type: 'email',
                name: 'email',
                row: 12,
                readonly: false,
                action: function(){

                },
            }
        ]
    };
    @if($demo == 1)
        objectForm.disableEditor = true;
    @endif
</script>
@include('temp.crudpinjaman')
@endsection
@section('css')
<style>
    .dataTable tr td:nth-child(1){
        white-space: nowrap;
        max-width: 60px !important;
        min-width: 60px !important;
        width: 60px !important;
    }
</style>
<style>
    .dataTable tr td:nth-child(2){
        white-space: nowrap;
    }
</style>
@endsection