@extends('layouts.app')
@inject('controller', 'App\Http\Controllers\Controller')

@section('sidebar')
@include('sidebar')
@stop
@section('content')
<style>
    td,th {
         vertical-align: middle;
         text-align: center;
     }
     table.table-bordered > thead > tr > th{
         border:1px solid #57596261;
     }
 
     table.table-bordered > tbody > tr > td{
         border:1px solid #57596261;
     }
     table.table-bordered.dataTable th, table.table-bordered.dataTable td {
         border-left-width: 1px !important;
     }
     table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
         border-right-width: 1px !important;
     }
 </style>
<div class="m-content">
    <div class="m-portlet m-portlet--full-height ">
        <div class="m-portlet__head">

            <div class="m-portlet__head-caption">
                <div class="m-portlet__head-title">
                    <h3 class="m-portlet__head-text">
                        Daily Report Manage
                    </h3>
                </div>
            </div>
            <div class="m-portlet__head-caption">
                <h3 class="m-portlet__head-text">{{ $payment_processor }} - {{ $requestDate }}</h3>
            </div>
        </div>
        <div class="m-portlet__body">
            <div class="" style="display: flex;justify-content: flex-end;flex-direction: column;align-items: flex-end;">
                <h6 class="m-portlet__head-text">Last updated at - @if(isset($reportRecord->updated_at)) {{ $reportRecord->updated_at }} @endif</h6>
                <h6 class="m-portlet__head-text">Last updated By - @if(isset($reportRecord->updated_at)) {{ DB::table('admins')->where('id',$reportRecord->admin_id)->first()->name }} @endif </h6> 
            </div>
            @if(Session::has('success'))
            <div class="alert alert-success">
                {!! Session::get('success') !!}
            </div>
            @endif
            @if(session()->has('message_success'))
                <div class="alert alert-success">
                    {{ session()->get('message_success') }}
                </div>
            @endif
            <div class="m-form m-form--label-align-right m--margin-top-20 m--margin-bottom-30">
                <div class="align-items-center">
                   
                </div>
            </div>
            

            <table width="100%" class="m_datatable table table-striped- table-bordered table-checkable" id="user-report">
               
                <thead class="table-secondary">
                    <tr>
                        <th colspan="8"><h3>Date : {{ $requestDate != '' ? $requestDate : 'N/A' }} </h3></th>
                    </tr>
                    <tr>
                        <th rowspan="3" colspan="1" style="vertical-align: middle;text-align: center;">#</th>
                        <th rowspan="3" style="vertical-align: middle;text-align: center;">Name</th>
                        <th colspan="3">Deposit</th>
                        <th colspan="3">Withdraw</th>
                    </tr>
                    <tr>
                        <th colspan="2">Crypto</th>
                        <th rowspan="2" style="vertical-align: middle;text-align: center;">Total Crypto</th>
                        <th colspan="2">Crypto</th>
                        <th rowspan="2" style="vertical-align: middle;text-align: center;">Total Crypto</th>
                    </tr>
                    <tr>
                        <th>MT4 Account</th>
                        <th>Wallets</th>
                        <th>Clients</th>
                        <th>IB</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $totalDeposit = 0;
                        $totalWithdrawal = 0;
                        $sr = 1;
                    @endphp
                    @if (count($records))
                       @foreach ($records as $key => $record)
                            @php 
                                $totalDeposit += ($record['deposit']['mt4'] + $record['deposit']['wallet']); 
                                $totalWithdrawal += ($record['withdrawal']['client'] + $record['withdrawal']['ib']);
                            @endphp
                           <tr>
                                <td>{{ $sr++ }}</td>
                                <td>{{ $key }}</td>
                                <td>${{ $record['deposit']['mt4'] }}</td>
                                <td>${{ $record['deposit']['wallet'] }}</td>
                                <td>${{ $record['deposit']['mt4'] + $record['deposit']['wallet'] }}</td>
                                <td>${{ $record['withdrawal']['client'] }}</td>
                                <td>${{ $record['withdrawal']['ib'] }}</td>
                                <td>${{ $record['withdrawal']['client'] + $record['withdrawal']['ib'] }}</td>
                               
                           </tr>
                           
                       @endforeach
                    @else
                    <tr>
                        <td colspan="9">No Record found</td>
                    </tr>   
                    @endif
                </tbody>

                <thead class="table-secondary">
                    
                    <tr>
                        <th colspan="4">Total Crypto Deposit </th>
                        <th>${{ $totalDeposit }}</th>
                        <th colspan="2">Total Crypto Withdraw </th>
                        <th>${{ $totalWithdrawal }}</th>
                    </tr>

                    <tr>
                        <th colspan="6" rowspan="3"></th>
                        <th>Total Deposit</th>
                        <th>${{ $totalDeposit }}</th>
                       
                    </tr>

                    <tr>
                        {{-- <th colspan="12"></th> --}}
                        <th>Total Withdraw :</th>
                        <th>${{ $totalWithdrawal }}</th>
                    </tr>

                    <tr>
                        {{-- <th colspan="12"></th> --}}
                        <th>Total Difference :</th>
                        <th>0</th>
                    </tr> 

                    
                </thead>
            </table>


           
            </form>
        </div>
    </div>
</div>
@endsection

@section('script')

{{ Html::script('custom/eModal/eModal.js') }}
{{ Html::script('custom/datatables/datatables.bundle.js') }}



<script>






    var th=['','Thousand','Million','Billion','Trillion'];
    var dg=['Zero','One','Two','Three','Four','Five','Six','Seven','Eight','Nine'];
    var tn=['Ten','Eleven','Twelve','Thirteen','Fourteen','Fifteen','Sixteen','Seventeen','Eighteen','Nineteen'];
    var tw=['Twenty','Thirty','Forty','Fifty','Sixty','Seventy','Eighty','Ninety'];
    function toWords(s){s=s.toString();s=s.replace(/[\, ]/g,'');if(s!=parseFloat(s))return 'not a number';var x=s.indexOf('.');if(x==-1)x=s.length;if(x>15)return 'too big';var n=s.split('');var str='';var sk=0;for(var i=0;i<x;i++){if((x-i)%3==2){if(n[i]=='1'){str+=tn[Number(n[i+1])]+' ';i++;sk=1;}else if(n[i]!=0){str+=tw[n[i]-2]+' ';sk=1;}}else if(n[i]!=0){str+=dg[n[i]]+' ';if((x-i)%3==0)str+='Hundred ';sk=1;}if((x-i)%3==1){if(sk)str+=th[(x-i-1)/3]+' ';sk=0;}}if(x!=s.length){var y=s.length;str+='point ';for(var i=x+1;i<y;i++)str+=dg[n[i]]+' ';}return str.replace(/\s+/g,' ');}

    $('#report-openBalance, #report-closeBalance').on('input', function() {
        cal();
    });

    $('#add-more').on('click', function () {
        var count =  $('.balancmanage').length+1;
        var words = toWords(count);
        var html = '<div class="row mt-2 balancmanage" id="add-content-content-'+count+'">';
            html += '<div class="col-md-4">';
                html += '<input type="text"  placeholder="Amount"  class="form-control reportAmount" name="reportAmount[]"  id="reportAmount-'+count+'">';
            html += '</div>';

            html += '<div class="col-md-4">';
                html += '<input type="text"  class="form-control reportComment" name="reportComment[]" placeholder="Comment"  id="reportComment-'+count+'">';
            html += '</div>';

            html += '<div class="col-md-4">';
                html += '<button class="btn btn-danger" type="button" onclick="removeOne('+count+')" data-count="'+count+'">-</button>';
            html += '</div>';
        html += '</div>';

        $('#add-content-content-'+$('.balancmanage').length).after(html);
    });


    function cal() {
    
        var openBal = parseFloat($('#report-openBalance').val());    
        var closeBal = parseFloat($('#report-closeBalance').val()); 
        var total = closeBal - openBal;
        var reportTotal = parseFloat($('#difference').val());
        if(isNaN(total)) {
            total = 0;
        }
        $('#reportDifference').val(total);
    
    }

    function removeOne(param) {
        $('#add-content-content-'+param+'').remove();
    }


    $(document).ready(function() {
        // Initialize form validation
        $("#daily-report-form").validate({
            rules: {
                openBalance: {
                    required: true,
                    number: true
                },
                closeBalance: {
                    required: true,
                    number: true
                },

                'reportAmount[]': {
                    number: true
                },
            },
            submitHandler: function(form) {
                form.submit();
            }
        });
    });
$(document).on("change keyup input", 'input.reportAmount', function() {
    var position = this.selectionStart - 1;
    var fixed = this.value.replace(/[^-0-9\.]/g, "");
    if (fixed.charAt(0) === ".")
      fixed = fixed.slice(1);
    var pos = fixed.indexOf(".") + 1;
    if (pos >= 0)
      fixed = fixed.substr(0, pos) + fixed.slice(pos).replace(".", "");
    if (this.value !== fixed) {
      this.value = fixed;
      this.selectionStart = position;
      this.selectionEnd = position;
    }
});

</script>
@endsection