@extends('layouts.app')

@section('title')
    {{ __('Income') }}
@endsection

@section('admin')
    active
@endsection

@section('section.header')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-8">
                    <div class="row">
                        <h1>{{ __('Báo cáo lợi nhuận ngày ') }}{{ $currentDay }}/{{ $currentMonth }}/{{ $currentYear }}
                        </h1>
                    </div>
                    <select id="day-selector">
                        <option value="">{{ __('--Chọn ngày--') }}</option>
                        @for ($day = 1; $day <= Carbon\Carbon::createFromDate($currentYear, $currentMonth)->daysInMonth; $day++)
                            <option value="{{ $day }}" {{ $day == $currentDay ? 'selected' : '' }}>
                                {{ __('Ngày') }} {{ $day }}
                            </option>
                        @endfor
                    </select>
                    <select id="month-selector">
                        <option value="">{{ __('--Chọn tháng--') }}</option>
                        @for ($i = 1; $i <= 12; $i++)
                            <option value="{{ $i }}" {{ $i == $currentMonth ? 'selected' : '' }}>
                                {{ __('Tháng') }} {{ $i }}
                            </option>
                        @endfor
                    </select>
                    <select id="year-selector">
                        <option value="">{{ __('--Chọn năm--') }}</option>
                        @for ($i = 2023; $i <= date('Y'); $i++)
                            <option value="{{ $i }}" {{ $i == $currentYear ? 'selected' : '' }}>
                                {{ __('Năm ') }}{{ $i }}
                            </option>
                        @endfor
                    </select>
                </div>
                <div class="col-sm-4">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a
                                href="{{ route('app.admin.profitMonth') }}">{{ __('Báo cáo lợi nhuận tháng') }}</a>
                        </li>
                        <li class="breadcrumb-item active">{{ __('Lợi nhuận') }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('section.content')
    <section class="content">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title col-lg-5">Báo cáo doanh thu - lợi nhuận ngày
                    {{ $currentDay }}/{{ $currentMonth }}/{{ $currentYear }} theo loại giao dịch
                    - đối tác
                </h3>
                <h3 class="card-title col-lg-6"><i style="background-color: yellow">Công thức: Lãi = Doanh thu x Chiết khấu
                        nhập - Doanh thu x Chi phí hệ
                        thống</i></h3>
                <h3 class="card-title col-lg-2 float-right">
                    <div class="row">
                        <button class="btn btn-primary ml-2" id="btn-calculate-interest">
                            {{ __('Tính lãi') }}
                        </button>
                    </div>
                </h3>
            </div>
            <div class="card-body row">
                <div class="table-responsive" style="overflow: hidden">
                    <table class="table table-bordered table-striped">
                        <thead style="text-align: center">
                            <tr>
                                <th>{{ __('Đối tác') }}</th>
                                <th>{{ __('Loại giao dịch') }}</th>
                                <th>{{ __('Doanh thu Cashin') }}</th>
                                <th>{{ __('Chiết khấu nhập(%)') }}</th>
                                <th>{{ __('Chi phí hệ thống(%)') }}</th>
                                <th>{{ __('Lãi') }}</th>
                            </tr>
                        </thead>
                        <tbody style="text-align: center">
                            @if (count($profits) > 0)
                                @foreach ($profits as $item)
                                    <tr>
                                        <td>{{ get_username($item->user_id) }}</td>
                                        <td>{{ $item->type }}</td>
                                        <td>{{ number_format($item->cashin_income) }}</td>
                                        <td>{{ $item->discount_in }}</td>
                                        <td>
                                            <input type="text" name="system_fee" value="{{ $item->system_fee }}"
                                                style="text-align: center; line-height: 30px;">
                                        </td>
                                        <td style="width:20%">{{ $item->profit }}</td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="6">Không có dữ liệu</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                    <h3 id="total-income" class="text-right">Tổng doanh thu: </h3>
                    <h5><i>(1) Chi phí nhân sự:
                            {{ number_format(config('config_app.personnel_fee')) }}</i></h5>
                    <h5><i>(2) Chi phí kỹ thuật:
                            {{ number_format(config('config_app.technical_fee')) }}</i></h5>
                    <h5><i>(3) Chi phí môi giới:
                            {{ number_format(config('config_app.brokerage_fee')) }}</i></h5>
                    <h5><i>(4) Chi phí khác: {{ number_format(config('config_app.other_fee')) }}</i>
                    </h5>
                    <h5><i id="fee-momo">(5) Phí rút Momo ngày
                            {{ $currentDay }}/{{ $currentMonth }}/{{ $currentYear }}:
                            {{ number_format($feeMomo) }}</i>
                    </h5>
                    <div class="row">
                        <h3 class="card-title col-lg-8"><i style="background-color: yellow">Công thức: Lợi nhuận = Tổng
                                doanh thu - (1)-(2)-(3)-(4)-(5)</i></h3>
                        <h3 id="net-profit" class="col-lg-4 text-right">Lợi nhuận: </h3>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <!-- DataTables  & Plugins -->
    <script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script>
        document.getElementById('btn-calculate-interest').addEventListener('click', function() {
            var rows = document.querySelectorAll('table tbody tr');
            var totalProfit = 0; // tổng doanh thu = tổng các lãi

            rows.forEach(function(row) {
                var incomeCell = row.cells[2];
                var discountInput = row.cells[3];

                var systemFeeInput = row.querySelector('input[name="system_fee"]');
                var profitCell = row.cells[5];

                var discount = parseFloat(discountInput.textContent.replace(/[^0-9.-]+/g, "").trim()) || 0;
                var systemFee = parseFloat(systemFeeInput.value) || 0;
                var income = parseFloat(incomeCell.textContent.replace(/[^0-9.-]+/g, "").trim()) || 0;
                var profit = ((income * discount / 100) - (income * systemFee / 100)).toFixed(2);
                profitCell.textContent = numberFormat(profit);

                var rowIndex = row.rowIndex;
                var rowData = {
                    discount: discount,
                    system_fee: systemFee,
                    profit: numberFormat(profit),
                };
                localStorage.setItem('row_' + rowIndex, JSON.stringify(rowData));

                totalProfit += parseFloat(profit) || 0;
            });

            localStorage.setItem('total-profit', numberFormat(totalProfit));

            var totalIncomeElement = document.getElementById('total-income');
            totalIncomeElement.textContent = 'Tổng doanh thu: ' + numberFormat(totalProfit) + ' VND';

            var personnelFee = parseFloat('{{ config('config_app.personnel_fee') }}') || 0;
            var technicalFee = parseFloat('{{ config('config_app.technical_fee') }}') || 0;
            var brokerageFee = parseFloat('{{ config('config_app.brokerage_fee') }}') || 0;
            var otherFee = parseFloat('{{ config('config_app.other_fee') }}') || 0;
            var momoFee = parseFloat("{{ $feeMomo }}") || 0;
            var totalExpenses = personnelFee + technicalFee + brokerageFee + otherFee + momoFee;

            var netProfit = totalProfit - totalExpenses;
            localStorage.setItem('net-profit', numberFormat(netProfit));
            var netProfitElement = document.getElementById('net-profit');
            netProfitElement.textContent = 'Lợi nhuận: ' + numberFormat(netProfit) + ' VND';
        });

        window.addEventListener('load', function() {
            var rows = document.querySelectorAll('table tbody tr');

            rows.forEach(function(row) {
                var rowIndex = row.rowIndex;
                var storedData = localStorage.getItem('row_' + rowIndex);

                if (storedData !== null) {
                    var rowData = JSON.parse(storedData);
                    var discountInput = row.cells[3];
                    var systemFeeInput = row.querySelector('input[name="system_fee"]');
                    var profitCell = row.cells[5];

                    discountInput.value = rowData.discount;
                    systemFeeInput.value = rowData.system_fee;
                    profitCell.textContent = rowData.profit;
                }
            });

            var totalProfit = localStorage.getItem('total-profit');
            var totalIncomeElement = document.getElementById('total-income');
            if (totalProfit) {
                totalIncomeElement.textContent = 'Tổng doanh thu: ' + totalProfit + ' VND';
            }

            var netProfit = localStorage.getItem('net-profit');
            var netProfitElement = document.getElementById('net-profit');
            if (netProfit) {
                netProfitElement.textContent = 'Lợi nhuận: ' + netProfit + ' VND';
            }
        });

        function numberFormat(number) {
            return new Intl.NumberFormat('en-US').format(number);
        }

        document.getElementById('day-selector').addEventListener('change', function() {
            var selectedDay = this.value;
            var selectedMonth = document.getElementById('month-selector').value;
            var selectedYear = document.getElementById('year-selector').value;
            if (selectedDay && selectedMonth && selectedYear) {
                window.location.href = '/admin/report-profit-day/' + selectedDay + '/' + selectedMonth +
                    '/' + selectedYear;
            }
        });

        document.getElementById('month-selector').addEventListener('change', function() {
            var selectedDay = document.getElementById('day-selector').value;
            var selectedMonth = this.value;
            var selectedYear = document.getElementById('year-selector').value;
            if (selectedDay && selectedMonth && selectedYear) {
                window.location.href = '/admin/report-profit-day/' + selectedDay + '/' + selectedMonth +
                    '/' + selectedYear;
            }
        });

        document.getElementById('year-selector').addEventListener('change', function() {
            var selectedDay = document.getElementById('day-selector').value;
            var selectedMonth = document.getElementById('month-selector').value;
            var selectedYear = this.value;
            if (selectedDay && selectedMonth && selectedYear) {
                window.location.href = '/admin/report-profit-day/' + selectedDay + '/' + selectedMonth +
                    '/' + selectedYear;
            }
        });
    </script>
@endsection

@section('styles')
    <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
@endsection