@extends('main')
@section('content')
<div id="content" class="content">
        <ol class="breadcrumb pull-right">
            <li><a href="javascript:;">Home</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
        <h1 class="page-header">{{ $title }}</h1>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-inverse">
                    @if (isset($tabs))
                        @if ($tabs > 0)
                            <div class="tab-overflow" style="background-color: #242A30">
                                <ul class="nav nav-tabs nav-tabs-inverse">
                                    <li class="prev-button"><a href="javascript:;" data-click="prev-tab" class="text-success"><i class="fa fa-arrow-left"></i></a></li>
                                    @foreach ($tabs as $row)
                                        <li class="{{ $row["active"] }}"><a href="{{ url('/') . $row['url'] }}">{{ $row["label"] }}</a></li>
                                    @endforeach
                                    <li class="next-button"><a href="javascript:;" data-click="next-tab" class="text-success"><i class="fa fa-arrow-right"></i></a></li>
                                </ul>
                            </div>
                        @endif
                    @else
                        <div class="panel-heading">
                            <div class="panel-heading-btn">
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                            </div>
                            <h4 class="panel-title">{{ $title }}</h4>
                        </div>
                    @endif
                    @if ($errors->any())
                        <div class="alert alert-danger" id="alert-box">
                            @foreach ($errors->all() as $error)
                                <i class="fa fa-times-circle fa-fw"></i>
                                <span id="alert-message"> {{ $error }}</span><br>
                            @endforeach
                        </div>
                    @endif
                    <div class="panel-body">
                        <form class="form-horizontal" id="myform" name="myform" method="post" action="{{ URL::to('/').$form_act }}" target="MyWindow">
                            <input type="hidden" id="text_url" name="text_url" value="{{ URL::to('/').$form_act }}">
                            @csrf
                            @foreach ($fields as $row)
                                {!! $row !!}
                            @endforeach
                            <div id="ex_1">
                                @foreach ($fields_1 as $row)
                                    {!! $row !!}
                                @endforeach
                            </div>
                            @foreach ($fields_2 as $row)
                                {!! $row !!}
                            @endforeach
                            <div class="form-group">
                                <label class="col-md-3 control-label">&nbsp;</label>
                                <div class="col-md-9">
                                    @foreach ($buttons as $row)
                                        {!! $row !!}
                                    @endforeach
                                    @php
                                        $url = URL::to("/").$form_act;
                                    @endphp
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script type="text/javascript" src="{{ asset('app/js/form_validation.js') }}"></script>
<script>
$(".preloader-container").hide();

$("#ex_1").hide();
$('#grace_period').val(0);

$(document).ready(function () {
    $("select#tipe_angsuran").change(function( event, ui ) {
        var tipeAngsuran = $(this).val();
        if (tipeAngsuran == 32) {
            $("#ex_1").show();
        } else {
            $("#ex_1").hide();
            $('#grace_period').val(0);
        }
    });

    $("input#harga_kendaraan").keyup(function() {
        var hargaKendaraan = $('#harga_kendaraan').val().replace(/,/g, '');
        var uangMuka = $('#uang_muka').val().replace(/,/g, '');
        var persenUangMuka = uangMuka/hargaKendaraan*100;

        $('#persen_uang_muka').val(persenUangMuka.toFixed(2));
    });

    $("input#uang_muka").keyup(function() {
        var hargaKendaraan = $('#harga_kendaraan').val().replace(/,/g, '');
        var uangMuka = $('#uang_muka').val().replace(/,/g, '');
        var persenUangMuka = uangMuka/hargaKendaraan*100;

        $('#persen_uang_muka').val(persenUangMuka.toFixed(2));
    });

    $("input#persen_uang_muka").keyup(function() {
        var hargaKendaraan = $('#harga_kendaraan').val().replace(/,/g, '');
        var persenUangMuka = $('#persen_uang_muka').val().replace(/,/g, '');
        var uangMuka = hargaKendaraan*persenUangMuka/100;

        $('#uang_muka').val(formatCurrency(uangMuka));
    });

    $("select#jenis_angsuran").change(function( event, ui ) {
        var jenisAngsuran = $(this).val();
        var flatNasabah = $('#flat').val();
        var jangkaWaktu = $('#jangka_waktu').val().replace(/,/g, '');
        var idCode = flatNasabah + "|" + jangkaWaktu + "|" + jenisAngsuran;

        $.get('{{ route('parameter.flattoeff') }}/'+idCode, function (res) {
            var valData = res.data;
            $('#effektif').val(valData.toFixed(5));
        }, 'json')
    });

    $("input#jangka_waktu").keyup(function() {
        var flatNasabah = $('#flat').val();
        var jangkaWaktu = $('#jangka_waktu').val().replace(/,/g, '');
        var jenisAngsuran = $('#jenis_angsuran').val();
        var idCode = flatNasabah + "|" + jangkaWaktu + "|" + jenisAngsuran;

        $.get('{{ route('parameter.flattoeff') }}/'+idCode, function (res) {
            var valData = res.data;
            $('#effektif').val(valData.toFixed(5));
        }, 'json')
    });

    $("input#flat").keyup(function() {
        var flatNasabah = $('#flat').val();
        var jangkaWaktu = $('#jangka_waktu').val().replace(/,/g, '');
        var jenisAngsuran = $('#jenis_angsuran').val();
        var idCode = flatNasabah + "|" + jangkaWaktu + "|" + jenisAngsuran;

        $.get('{{ route('parameter.flattoeff') }}/'+idCode, function (res) {
            var valData = res.data;
            $('#effektif').val(valData.toFixed(5));
        }, 'json')
    });

    $("input#effektif").keyup(function() {
        var effNasabah = $('#effektif').val();
        var jangkaWaktu = $('#jangka_waktu').val().replace(/,/g, '');
        var jenisAngsuran = $('#jenis_angsuran').val();
        var idCode = effNasabah + "|" + jangkaWaktu + "|" + jenisAngsuran;

        $.get('{{ route('parameter.efftoflat') }}/'+idCode, function (res) {
            var valData = res.data;
            $('#flat').val(valData.toFixed(5));
        }, 'json')
    });
})

function LWindow() {
    var str = "left=0,screenX=0,top=0,screenY=0";

    var ah = screen.availHeight - 30;
    var aw = screen.availWidth - 10;
    var sc = "yes";
    str += ",height=" + ah;
    str += ",innerHeight=" + ah;
    str += ",width=" + aw;
    str += ",innerWidth=" + aw;
    str += ",scrollbars=" + sc;
    str += ",resizable";

    window.open("","MyWindow", str);
    var a = window.setTimeout("document.myform.submit();", 500);
}



</script>
@stop