@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') }}" 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="" 
                                            max="2026-06-12">

                                        <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="9"><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>
                        <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)
                            @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>
                                <td>
                                    {{-- daily-report/crypto-report/{id}/get-report/{date} --}}
                                    <a  href="/daily-report/crypto-report/{{Hasher::encode($key)}}/open-report/{{$requestDate}}" class="btn btn-primary btn-sm" target="_blank" data-toggle="tooltip" data-placement="top" title="Manage"><i class="fa fa-cog"></i></a>
                                    <a href="/daily-report/crypto-report/{{Hasher::encode($key)}}/get-report/{{$requestDate}}"  data-toggle="tooltip" target="_blank" data-placement="top" title="Details" class="btn btn-primary btn-sm"><i class="fa fa-list"></i></a>
                                </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 ?? 0 }}</th>
                        {{-- <th colspan="2">Total LA INR</th>
                        <th>₹{{ round($TotalLA,2) ?? 0 }}</th> --}}
                        <th colspan="2">Total Crypto Withdraw </th>
                        <th>${{ $totalWithdrawal }}</th>
                        {{-- <th colspan="2">Total LA INR</th>
                        <th>₹{{ round($TotalLA_withdrawal,2) ?? 0 }}</th> --}}
                        <th></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
            });
        })
    </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;  
    }

</script>
@endsection