@extends('layouts.layout')

@section('body_class', 'nav-md')
@section('css')
    <style type="text/css">
        .font-13 {
            font-size: 13px !important;
        }
        .font-15 {
            font-size: 15px !important;
        }
        .padding-b-5 {
            padding-bottom: 5px !important;
        }
        .mutasi-scroll {
            max-height: 300px;
            overflow: auto;
        }
    </style>
@endsection 

@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Notifikasi <small><span id="loadDetail">| Mengambil data : <b id="loadItem">0</b> Dari Total Penjualan : <b>{{ $total_list_jual }}</b></span></small></h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ url('/dashboard') }}">Home</a></li>
                        <li class="active">Notifikasi Jual</li>
                    </ol>
                </div>

                <div class="col-xs-12 col-sm-4">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Penjualan Hari ini <small>(pending, approve &amp; reject)</small></h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-sm-4 control-label">Total Berat : </label>
                                    <div class="col-sm-8">
                                        <p class="form-control-static">@if($ringkasan_list['total_berat'] == 0)0.0000 Gram @else {{ $ringkasan_list['total_berat'] }} Gram @endif</p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-4 control-label">Total Dana : </label>
                                    <div class="col-sm-8">
                                        <p class="form-control-static">Rp. {{ number_format($ringkasan_list['total_dana']) }},-</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Penjualan Hari ini <small>(approve &amp; reject)</small></h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-sm-4 control-label">Total Berat : </label>
                                    <div class="col-sm-8">
                                        <p class="form-control-static">@if($ringkasan_approve['total_berat'] == 0)0.0000 Gram @else {{ $ringkasan_approve['total_berat'] }} Gram @endif</p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-4 control-label">Total Dana : </label>
                                    <div class="col-sm-8">
                                        <p class="form-control-static">Rp. {{ number_format($ringkasan_approve['total_dana']) }},-</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Total selected</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content total_selected">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-sm-4 control-label">Total Berat : </label>
                                    <div class="col-sm-8">
                                        <p class="form-control-static">0.0000 Gram</p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-4 control-label">Total Dana : </label>
                                    <div class="col-sm-8">
                                        <p class="form-control-static">Rp. 0,-</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <div class="row">
                                <div class="col-md-8">
                                    <h2>Notification Jual</h2>
                                </div>
                                <div class="col-md-4">
                                    <form type="GET">
                                        <div class="form-group row">
                                            <label for="search" class="col-sm-5 text-right" style="padding-top:7px;">Cari</label>
                                            <div class="col-sm-7">
                                                <input type="text" class="form-control" id="search" name="search" value="{{ $request->input('search') }}" placeholder="ketik keyword">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <form id="notif_jual_form">
                            <div class="x_content">
                                <table id="table_notification" class="table table-striped table-bordered" data-total_debet_list_jual="{{ $total_debet_list_jual }}" data-total_biaya_layanan_list_jual="{{ $total_biaya_layanan_list_jual }}" data-total_dana_setor_list_jual="{{ $total_dana_setor_list_jual }}">
                                    <thead>
                                        <tr>
                                            <th class="text-center">Tanggal</th>
                                            <th class="text-center">Kode</th>
                                            <th class="text-center">Customer</th>
                                            <th class="text-center">Jumlah (Gram)</th>
                                            <th class="text-center">Harga Beli</th>
                                            <th class="text-center">Rupiah</th>
                                            <th class="text-center">Harga Total</th>
                                            <th class="text-center">Remark</th>
                                            <th class="text-center">Approve</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody id="listJualData">
                                        {{--
                                        @foreach($list as $item)
                                            <tr data-id="{{ $item->id }}"
                                                data-transaksi_code="{{ $item->transaksi_code }}"
                                                data-customer_code="{{ $item->customer_code }}"
                                                data-customer_name="{{ $item->customer_name }}"
                                                data-bank="{{ $item->customer_code }}"
                                                data-debet="{{ $item->debet }}"
                                                data-harga_beli="{{ $item->harga_beli }}"
                                                data-biaya_layanan="{{ $item->biaya_layanan }}"
                                                data-jumlah_dana="{{ $item->jumlah_dana }}"
                                                data-rupiah="{{ $item->rupiah ? : 0 }}"
                                                data-total_setor="{{ $item->total_dana_setor }}"
                                                data-created_at="{{ $item->created_at }}"
                                                >
                                                <td class="text-center">{{ strftime('%d/%m/%Y %R', strtotime($item->created_at)) }}</td>
                                                <td class="text-center">{{ $item->transaksi_code }}</td>
                                                <td class="text-center">{{ $item->customer_name }}</td>
                                                <td class="text-right">{{ $item->debet }}</td>
                                                <td class="text-right">Rp. {{ number_format($item->harga_beli) }},-</td>
                                                <td class="text-right">
                                                    @if($item->rupiah)
                                                        Rp. {{ number_format($item->rupiah) }},-
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                                <td class="text-right">Rp. {{ number_format($item->total_dana_setor) }},-</td>
                                                <td class="text-center">{{ $item->remark }}</td>
                                                <td class="text-center">
                                                    @if(empty($item->is_blocked))
                                                        <input class="text-center" type="checkbox" class="custom-control-input" name="arr_id_transactions[]" value="{{$item->id}}"/>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($user->id != '5') 
                                                        @if(empty($item->is_blocked))
                                                            <a class="btn btn-xs btn-success btn-approve"><i class="fa fa-check" aria-hidden="true"></i></a>
                                                            <a class="btn btn-xs btn-danger btn-reject"><i class="fa fa-ban" aria-hidden="true"></i></a>
                                                        @endif
                                                    @else
                                                        <a class="btn btn-xs btn-success btn-approve"><i class="fa fa-check" aria-hidden="true"></i></a>
                                                        <a class="btn btn-xs btn-danger btn-reject"><i class="fa fa-ban" aria-hidden="true"></i></a>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                        --}}
                                    </tbody>
                                </table>
                            </div>
                            <div>
                                <button class="btn btn-default" id="btn-select" type="button">Select All</button>
                                <button class="btn btn-default" id="btn-unselect" type="button" style="display:none;">Unselect All</button>
                                <i class="loading hidden fa fa fa-spinner fa-pulse"></i>
                                <button class="btn btn-success" id="btn-submit" type="submit">Approve</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>

<div id="myModal" class="modal fade" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Konfirmasi Penjualan</h4>
            </div>

            <div class="modal-body">
                <p class="font-15"><b>Apakah anda yakin ingin mengapprove transaksi ini ?</b></p>
                Pastikan anda mengecek mutasi terlebih dahulu
                <p>
                        <div class="row padding-b-5">
                            <div class="col-md-3">Tanggal Transaksi</div>
                            <div class="col-md-9">: <span class="tgl_transaksi"></span></div>
                        </div>
                        <div class="row padding-b-5">
                            <div class="col-md-3">Kode Transaksi</div>
                            <div class="col-md-9">: <span class="kode_transaksi"></span></div>
                        </div>
                        <div class="row padding-b-5">
                            <div class="col-md-3">Berat (Gr)</div>
                            <div class="col-md-9">: <span class="berat"></span></div>
                        </div>
                        <div class="row padding-b-5">
                            <div class="col-md-3">Harga Beli</div>
                            <div class="col-md-9">: <span class="harga_beli"></span></div>
                        </div>
                        <div class="row padding-b-5">
                            <div class="col-md-3">Total Jual</div>
                            <div class="col-md-9">: <span class="total"></span></div>
                        </div>
                        <div class="row padding-b-5">
                            <div class="col-md-3">Biaya Layanan</div>
                            <div class="col-md-9">: <span class="biaya_layanan"></span></div>
                        </div>
                        <div class="row padding-b-5">
                            <div class="col-md-3">Rupiah</div>
                            <div class="col-md-9">: <span class="rupiah"></span></div>
                        </div>
                        <div class="row padding-b-5">
                            <div class="col-md-3">Total Setor</div>
                            <div class="col-md-9">: <span class="total_setor"></span></div>
                        </div>
                        <div class="row padding-b-5">
                            <div class="col-md-3">Bank Rekening Tujuan</div>
                            <div class="col-md-9">: <span class="bank_rekening_tujuan"></span></div>
                        </div>
                        <div class="row padding-b-5">
                            <div class="col-md-3">Nomor Rekening Tujuan</div>
                            <div class="col-md-9">: <span class="nomor_rekening_tujuan"></span></div>
                        </div>
                        <div class="row padding-b-5">
                            <div class="col-md-3">Nama Rekening Tujuan</div>
                            <div class="col-md-9">: <span class="nama_rekening_tujuan"></span></div>
                        </div>
                </p>

                <hr>
                <center><h4>Mutasi Satu Minggu Terakhir</h4></center>
                <div id="tableMutasi" class="form-group mutasi-scroll">
                    <table id="table_mutasi" class="table table-striped">
                        <thead>
                            <tr>
                                <th class="text-center">Tgl</th>
                                <th class="text-left">Keterangan</th>
                                <th class="text-center">Mutasi</th>
                                <th class="text-left">Tipe</th>
                                <th class="text-center">Saldo</th>
                            </tr>
                        </thead>
                        <tbody id='body_table_mutasi'>
                        </tbody>
                    </table>
                </div>
               
                <p>Silahkan masukan PIN anda :</p>

                <form id="form-pin">
                    <div class="form-group">
                        <input type="password" name="pin" class="form-control input-pin" />
                    </div>

                    <div class="form-group">
                        <div class="alert_placeholder"></div>
                    </div>

                    <div class="form-group">
                        <div class="text-center loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></span></div>
                        <div class="submit">
                            <button type="submit" class="btn btn-primary">Approve Transaksi</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div id="myModal2" class="modal fade" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Konfirmasi Penjualan</h4>
            </div>

            <div class="modal-body">
                <p class="font-15"><b>Apakah anda yakin ingin mereject transaksi ini ?</b></p>

                <div class="row padding-b-5">
                    <div class="col-md-3">Tanggal Transaksi</div>
                    <div class="col-md-9">: <span class="tgl_transaksi"></span></div>
                </div>
                <div class="row padding-b-5">
                    <div class="col-md-3">Kode Transaksi</div>
                    <div class="col-md-9">: <span class="kode_transaksi"></span></div>
                </div>
                <div class="row padding-b-5">
                    <div class="col-md-3">Berat (Gr)</div>
                    <div class="col-md-9">: <span class="berat"></span></div>
                </div>
                <div class="row padding-b-5">
                    <div class="col-md-3">Harga Beli</div>
                    <div class="col-md-9">: <span class="harga_beli"></span></div>
                </div>
                <div class="row padding-b-5">
                    <div class="col-md-3">Total</div>
                    <div class="col-md-9">: <span class="total"></span></div>
                </div>
                <div class="row padding-b-5">
                    <div class="col-md-3">Biaya Layanan</div>
                    <div class="col-md-9">: <span class="biaya_layanan"></span></div>
                </div>
                <div class="row padding-b-5">
                    <div class="col-md-3">Total Setor</div>
                    <div class="col-md-9">: <span class="total_setor"></span></div>
                </div>

                <hr>
                <p>
                    <h4><center>Mutasi Satu Minggu Terakhir</center></h4>
                </p>
                
                <div id="tableMutasi_2" class="form-group mutasi-scroll">
                    <table id="table_mutasi_2" class="table table-striped">
                        <thead>
                            <tr>
                                <th class="text-center">Tgl</th>
                                <th class="text-left">Keterangan</th>
                                <th class="text-center">Mutasi</th>
                                <th class="text-left">Tipe</th>
                                <th class="text-center">Saldo</th>
                            </tr>
                        </thead>
                        <tbody id='body_table_mutasi_2'>
                        </tbody>
                    </table>
                </div>

                <p>Silahkan masukan PIN anda :</p>

                <form id="form-pin2">
                    <div class="form-group">
                        <input type="password" name="pin" class="form-control input-pin" />
                    </div>

                    <div class="form-group">
                        <div class="alert_placeholder"></div>
                    </div>

                    <div class="form-group">
                        <div class="text-center loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></span></div>
                        <div class="submit">
                            <button type="submit" class="btn btn-danger">Reject Transaksi</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div id="modal_bulk_approve" class="modal fade" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Konfirmasi Penjualan</h4>
            </div>

            <div class="modal-body">
                <p>
                    Apakah anda yakin ingin mengapprove list transaksi yang anda checklist ?<br><br>
                    Pastikan anda mengecek mutasi terlebih dahulu
                </p>

                <p>
                    Total Berat (Gr) : <span class="berat"></span><br>
                    Total Biaya Layanan : <span class="biaya_layanan"></span><br>
                    Total Setor : <span class="total_setor"></span><br>
                </p>

                <p>Silahkan masukan PIN anda :</p>

                <form id="form-pin3">
                    <div class="form-group">
                        <input type="password" name="pin" class="form-control input-pin" />
                    </div>

                    <div class="form-group">
                        <div class="alert_placeholder"></div>
                    </div>

                    <div class="form-group">
                        <div class="text-center loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></span></div>
                        <div class="submit">
                            <button type="submit" class="btn btn-primary">Submit</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="{{ url('js/vendors/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ url('/js/numberformat.min.js') }}"></script>
<script src="{{ url('/js/notification_jual_list.js') }}"></script>
<script>
    $('#cover-spin').show();
    
    $(document).ready(function() {
        @if($total_list_jual)
            get_list(0);
        @endif
    })

    function get_list(from) {
        $.ajax({
            url: '{{ url('notification/jual/get_list') }}',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                'from': from,
            },
            type: 'GET',
            success: function(response) {
                if({{ $total_list_jual }} > (from + {{ env('JUAL_LIST_LIMIT') }})) {
                    $('#loadItem').html(from + {{ env('JUAL_LIST_LIMIT') }});
                    $('#listJualData').append(response);
                    get_list(from + {{ env('JUAL_LIST_LIMIT') }});
                }
                else {
                    $('#listJualData').append(response);
                    $('#loadItem').html({{ $total_list_jual }});
                    $('#cover-spin').hide();
                }
            },
            error: function(response) {
                var data = response.responseJSON;
                iziToast.error({
                    title: '',
                    position: 'topRight',
                    message: data.error,
                });
                $('#cover-spin').hide();
            }
        });
    }
</script>
@endsection