@extends('layout.admin')

@section('content')
    <div class="row bg-title" style="background-color: white;">
        <!-- .page title -->
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Transaksi Jurnal Umum</h4> 
        </div>
        <!-- /.page title -->

        <!-- .breadcrumb -->
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="javascript:void(0)">Akuntansi</a></li>
                <li class="active">Transaksi Jurnal Umum</li>
            </ol>
        </div>
        <!-- /.breadcrumb -->
    </div>

    <!-- .row -->
    <div class="row">
        <div class="col-lg-12 col-sm-12 col-xs-12">
            <div class="white-box">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li class=""><a href="{{ url('akuntansi/jurnal-umum') }}"><span class="visible-xs"><b>Lihat Data</b></span><span class="hidden-xs"><b>Lihat Data</b></span></a></li>
                    <li  class="active"><a href="{{ url('akuntansi/jurnal-umum/create') }}" ><span class="visible-xs"><b>Tambah Data</b></span> <span class="hidden-xs"><b>Tambah Data</b></span></a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane active">
                        <!-- .row -->
                        <div class="row">
                            <div class="col-sm-12">
                                @if($var['method']=='edit')
                                    {!! Form::model($listJurnal, ['method'=>'PATCH', 'route'=> ['jurnal-umum.update', $listJurnal->id.$var['url']['all']], 'id'=>'form-jurnal', 'class'=>'form-horizontal']) !!}
                                @elseif($var['method']=='create')
                                    {!! Form::open(['id'=>'form-jurnal', 'method'=>'POST', 'route'=>'jurnal-umum.store', 'class'=>'form-horizontal']) !!}
                                @else
                                    {!! Form::model($listJurnal, ['class'=>'form-horizontal', 'files'=>true]) !!}
                                @endif

                                    <div class="form-group">
                                        {!! Form::label('tanggal', 'Tanggal Transaksi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::text('tanggal', ($var['method']=='create'?Date('d-m-Y'):null), ['class'=>'form-control '.$var['datepicker'], 'placeholder'=>'Inputkan Tanggal Transaksi', 'readonly'=>$var['readonly2']]) !!}
                                        </div>

                                        {!! Form::label('no_transaksi', 'No. Transaksi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::text('no_transaksi', ($var['method']=='create'?$var['no_trans']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan No. Transaksi',  'readonly'=>$var['readonly']]) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('keterangan', 'Keterangan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                            {!! Form::textarea('keterangan', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Keterangan', 'rows'=>5]) !!}
                                        </div>
                                    </div>                              
                                    @if($var['method'] != 'show')
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                <div class="col-md-12 col-md-offset-7 col-xs-8 col-xs-offset-4">
                                                    <a class="btn waves-effect waves-light btn-primary" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg2" class="model_img img-responsive">Input Detail Biaya</a>
                                                </div>
                                            </div>
                                        </div>
                                    @endif

                                    <div id="area_detail_jurnal"></div>

                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <div class="col-md-12 col-md-offset-7 col-xs-8 col-xs-offset-4">
                                                @if($var['method']=='edit')
                                                    {!! Form::submit('Update', ['class'=>'btn btn-primary']) !!}
                                                    {!! Form::reset('Reset', ['class'=>'btn btn-danger']) !!}
                                                @elseif($var['method']=='create')
                                                    <div id="hiddenSimpan" style="display: none;">
                                                        {!! Form::submit('Simpan', ['class'=>'btn btn-primary']) !!}
                                                        {!! Form::reset('Reset', ['class'=>'btn btn-danger']) !!}
                                                    </div>
                                                @else
                                                    <a href="{{ url()->previous() }}" class="btn btn-primary">Kembali</a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                {!! Form::close() !!}  
                            </div>
                        </div>
                        <!-- /.row -->
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- .row -->

    <!-- sample modal content -->
    <div class="">
        <div id="modalJurnal" class="modal fade bs-example-modal-lg2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title" id="myLargeModalLabel">Inputkan Detail Akun</h4> </div>
                    <div class="modal-body">
                        {!! Form::open(['id'=>'form-detail-jurnal', 'class'=>'form-horizontal']) !!}
                            <div class="form-group">
                                {!! Form::label('akun_detail', 'Akun', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                <div class="col-lg-10">
                                    {!! Form::select('akun_detail', $var['akun2'],
                                        null, ['class'=>'form-control select2', 'placeholder'=>'Pilih Akun']) !!}
                                </div>
                            </div> 
                            <div class="form-group">
                                {!! Form::label('debet', 'Debet', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                <div class="col-lg-10">
                                    {!! Form::text('debet', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Debet', 'onkeyup'=>'mataUang("debet");']) !!}
                                </div>
                            </div> 
                            <div class="form-group">
                                {!! Form::label('kredit', 'Kredit', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                <div class="col-lg-10">
                                    {!! Form::text('kredit', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Kredit', 'onkeyup'=>'mataUang("kredit");']) !!}
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-12 col-md-offset-7 col-xs-12 col-xs-offset-6">
                                    {!! Form::submit('Tambah', ['class'=>'btn btn-primary']) !!}
                                    {!! Form::reset('Reset', ['class'=>'btn btn-danger']) !!}
                                </div>
                            </div>
                        {!! Form::close() !!} 
                    </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
    </div>
    <!-- /.modal -->
@endsection

@section('javascript')
    <script type="text/javascript">
        function hapusDetailJurnal(id){
            swal({   
                reverseButton: true,
                title: "Data yakin dihapus ?",   
                text: "Mohon diteliti sebelum menghapus data",   
                type: "warning",  
                confirmButtonText: "Hapus",   
                cancelButtonText: "Batal",   
                showCancelButton: true,   
                confirmButtonColor: "#DD6B55",    
                closeOnConfirm: false 
            }, function(){ 
               $.ajax({
                    method : 'post',
                    url : '{{ url('/akuntansi/jurnal-umum/hapus-jurnal-detail') }}',
                    data : 'id='+id,
                }).success(function (data) {
                    $("#area_detail_jurnal").html(data);
                    swal("Berhasil", "Data detail akun jurnal berhasil dihapus", "success"); 
                });
            });  
        }

        $(document).ready(function() { 

            @if($var['method']=='edit' || $var['method']=='show')
                 $("#area_detail_jurnal").load('{!! url('/akuntansi/jurnal-umum/jurnal-detail-2') !!}?method={{ $var['method'] }}&id={{ $listJurnal->id }}');
            @endif

            $(".select2").select2();

            $(document).on('submit', '#form-detail-jurnal', function (e) {
                e.preventDefault();
                var akun = $("#akun_detail").val();
                var debet = $("#debet").val();
                var kredit = $("#kredit").val();

                debet = formatMataUang(debet);
                kredit = formatMataUang(kredit);

                if(debet == ""){debet = 0;}
                if(kredit == ""){kredit = 0;}

                $.ajax({
                    method : 'post',
                    url : '{{ url('/akuntansi/jurnal-umum/jurnal-detail') }}',
                    data : 'akun='+akun+'&debet='+debet+'&kredit='+kredit,
                }).success(function (data) {
                    $("#area_detail_jurnal").html(data);

                    $("#akun_detail").select2('val','');
                    $("#debet").val('');
                    $("#kredit").val('');
                    $('#modalJurnal').modal('hide');
                    $("#hiddenSimpan").show();
                });
            });

            $("#form-detail-jurnal").validate({
                ignore: [], 
                rules: {
                    akun_detail: "required",
                    debet: "required",
                    kredit: "required",
                },
                messages: {
                    akun_detail: "Kolom akun harus diisi",
                    debet: "Kolom debet harus diisi",
                    kredit: "Kolom kredit harus diisi",
                }
            });

            $.validator.addMethod("same0", function(value, element) {
                return formatMataUang(value) == 0
            }, "Kolom balance harus seimbang");

            $("#form-jurnal").validate({
                rules: {
                    balance: {
                        same0 : true
                    }
                }
            });

        });
          
    </script>
@endsection