@extends('layouts.app')

@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">
                        Crypto Report
                    </h3>
                </div>

            </div>
            <div class="m-portlet__head-caption">
                <div class="m-portlet__head-title">
                    <a href="{{ url('daily-report/crypto-report') }}" class="btn btn-primary">
                        Daily Report <i class="fa fa-list"></i>
                    </a> 
                </div>
            </div>
        </div>
        <div class="m-portlet__body">
            @if(Session::has('success'))
            <div class="alert alert-success">
                {!! Session::get('success') !!}
            </div>
            @endif

            <!--begin: Search Form -->
            <div class="m-form m-form--label-align-right m--margin-top-20 m--margin-bottom-30">
                <div class="row align-items-center">
                    <div class="col-xl-8 order-2 order-xl-1">
                        <div class="form-group m-form__group row align-items-center">
                           
                            <div class="col-md-4">
                                <div class="m-form__group m-form__group--inline">
                                    <div class="m-form__label">
                                        <label>Date:</label>
                                    </div>
                                    <div class="m-form__control">
                                        <input type="date" class="form-control m-bootstrap-select" id="select-date" 
       value="{{ !empty($requestDate) ? date('Y-m-d', strtotime($requestDate)) : date('Y-m-d', strtotime('yesterday')) }}" 
       max="{{ date('Y-m-d') }}">
                                        <span class="form-control-feedback" id="date-error"></span>
                                    </div>
                                    
                                </div>
                                <div class="d-md-none m--margin-bottom-10"></div>
                            </div>

                            <div class="col-md-4">
                                <div class="m-input-icon m-input-icon--left">
                                    <button type="button" class="btn btn-primary" id="get-data">
                                        Search
                                        <span class="m-input-icon__icon m-input-icon__icon--left">
                                            <span>
                                                <i class="la la-search" id="search"></i>
                                            </span>
                                        </span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>

            <!--end: Search Form -->

           

            <table width="100%" class="m_datatable table table-striped- table-bordered table-checkable" id="user-report">
               
                <thead class="table-secondary">
                    <tr>
                        <th colspan="11"><h3> {{$payment_processor}} - 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 rowspan="3" style="vertical-align: middle;text-align: center;">Our Transaction id</th>
                        <th rowspan="3" style="vertical-align: middle;text-align: center;">Account / Wallet</th>
                        <th colspan="3">Deposit</th>
                        <th colspan="3">Withdraw</th>
                        <th rowspan="3" style="vertical-align: middle;text-align: center;">Action</th>
                    </tr>
                    <tr>
                        <th colspan="2">Crypto</th>
                        <th rowspan="2" style="vertical-align: middle;text-align: center;">Total Crypto</th>
                        {{-- <th colspan="2">Local</th>
                        <th rowspan="2" style="vertical-align: middle;text-align: center;">Total LA INR</th> --}}
        
                        <th colspan="2">Crypto</th>
                        <th rowspan="2" style="vertical-align: middle;text-align: center;">Total Crypto</th>
                        {{-- <th colspan="2">Local</th>
                        <th rowspan="2" style="vertical-align: middle;text-align: center;">Total LA INR</th> --}}
                    </tr>
                    <tr>
                        <th>MT4 Account</th>
                        <th>Wallets</th>
                        {{-- <th>MT4 Account</th>
                        <th>Wallets</th> --}}
        
                        <th>Clients</th>
                        <th>IB</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)
                        @if($record->report_type == 'deposit_mt4' || $record->report_type == 'deposit_wallet')
                            @php
                                $totalDeposit += $record->amount; 
                            @endphp
                        @endif

                        @if($record->report_type == 'withdrawal_ib' || $record->report_type == 'withdrawal_client')
                            @php
                                $totalWithdrawal += $record->amount; 
                            @endphp
                        @endif
                           <tr>
                                <td>{{ $sr++ }}</td>
                                
                                
                                <td>{{ $record->name }} {{ $record->last_name }}</td>
                                <td>{{ $record->our_transaction_id }}</td>
                                <td>@if($record->report_type == 'deposit_mt4' || $record->report_type == 'deposit_wallet') {{ $record->tran_to }} @else {{ $record->wallet_id }} @endif</td>
                                <td>@if($record->report_type == 'deposit_mt4') {{ $record->amount }} @else - @endif</td>
                                <td>@if($record->report_type == 'deposit_wallet') {{ $record->amount }} @else - @endif</td>
                                <td>@if($record->report_type == 'deposit_mt4' || $record->report_type == 'deposit_wallet') {{ $record->amount }} @else - @endif</td>
                                <td>@if($record->report_type == 'withdrawal_ib') {{ $record->amount }} @else - @endif</td>
                                <td>@if($record->report_type == 'withdrawal_client') {{ $record->amount }} @else - @endif</td>
                                <td>@if($record->report_type == 'withdrawal_client' || $record->report_type == 'withdrawal_ib') {{ $record->amount }} @else - @endif</td>
                                
                                <td>
                                    <input type="checkbox" name="verify_trans_checkbox" class="verify_trans_checkbox" 
                                    @if (($key = array_search($record->our_transaction_id, array_column($json_data, 0)) !== false))
                                    checked
                                    @endif   value="{{$record->our_transaction_id}}-{{$record->report_type}}">
                                </td>
                           </tr>
                           
                       @endforeach
                    @else
                    <tr>
                        <td colspan="9">No Record found</td>
                    </tr>   
                    @endif
                </tbody>

                <thead class="table-secondary">
                    
                    <tr>
                        <th colspan="6">Total Crypto Deposit </th>
                        <th>${{ $totalDeposit ?? 0 }}</th>
                        <th colspan="2">Total Crypto Withdraw </th>
                        <th>${{ $totalWithdrawal }}</th>
                        <th><button class="btn btn-primary btn-sm" id="checkout-btn">Save</button></th>
                    </tr>
                    
                </thead>
            </table>
            
        
        </div>
    </div>
</div>
@endsection

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

    <script>
       $(document).ready( function() {
            $('#user-report').dataTable({
                ordering: false,
                paging: false                
            });
        });
    </script>
<script type="text/javascript">

    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })
    $('#get-data').on('click', function () {
        
        var date = $('#select-date').val(); 
        if (date == '') {
            $('#date-error').text('Date must be required');
            return false;
        }else{
            $('#date-error').text('');
            getData(date)
        }
    })
    function getData(date) {
        window.location.href = base_url + '/daily-report/crypto-report/?date='+date;  
    }



    $('#checkout-btn').click(function () {
            var checkboxVal = [];
            $('.verify_trans_checkbox:checkbox:checked').each(function(i){
                checkboxVal[i] = $(this).val();
            });
            $.ajax({
                url: base_url + "/daily-report/crypto-report/verify/transaction",
                type: 'POST',
                data: {
                    'checkboxVal': checkboxVal,
                    'report_date' : '{{$requestDate}}',
                    'payment_processor' : '{{$payment_processor}}',
                },
                dataType: 'json',
                success: function (data) {
                    Swal.fire({
                        title: data.title,
                        text: data.msg,
                        type: data.status
                    }).then((isOK) => {
                        if (data.status == 'success') {
                            location.reload();
                        }
                    });

                }
            });

        });

</script>
@endsection