@extends('layouts.app')

@section('title')
    {{ __('ReportFinance') }}
@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-6">
                    <h1>{{ __('Báo cáo tài chính') }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="{{ route('app.admin.reportFinance.index') }}">{{ __('Báo cáo tài chính') }}</a>
                        </li>
                        <li class="breadcrumb-item active">{{ __('Báo cáo') }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('section.content')
    <section class="content">
        <div class="card">
            <div id="loading-overlay" class="overlay d-none">
                <div class="spinner-border text-primary" role="status">
                    <span class="sr-only">Loading...</span>
                </div>
                <div class="loading-text">Đang kết toán, vui lòng chờ...</div>
            </div>
            <div class="card-body">
                <form class="row" id="report-summary">
                    @csrf
                    <div class="col-lg-2">
                        <div class="form-group">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">{{ __('from_date') }}</span>
                                </div>
                                <input type="date" class="form-control" name="from_date" value="{{ date('Y-m-d') }}">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="form-group">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">{{ __('to_date') }}</span>
                                </div>
                                <input type="date" class="form-control" name="to_date" value="{{ date('Y-m-d') }}">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <button type="submit" class="btn btn-primary" id="btn-report-summary">{{ __('Kết toán') }}</button>
                        <span class="ml-lg-5"><i>Kết toán lần cuối lúc: {{ $timeEnd ?? '' }}</i></span>
                    </div>
                    <div class="col-lg-4">
                        <a href="{{ route('app.admin.reportHistory') }}"
                            class="btn btn-primary text-right">{{ __('Lịch sử kết toán') }}</a>
                        <a href="{{ route('app.admin.incomeDay') }}"
                            class="btn btn-primary text-right">{{ __('Báo cáo doanh thu') }}</a>
                    </div>
                </form>

                <div class="table-responsive">
                    <table class="table table-bordered table-striped mx-auto" style="width:60%">
                        <thead style="text-align: center; background-color: rgb(223, 195, 195)">
                            <tr>
                                <th>{{ __('Loại Giao dịch') }}</th>
                                <th>{{ __('Số Tiền') }}</th>
                                <th>{{ __('Từ ngày') }}</th>
                                <th>{{ __('Đến ngày') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Giao dịch Cashin</td>
                                <td>{{ $cashin ?? 0 }}</td>
                                <td rowspan="5" style="text-align:center;background-color: #fff">{{ $fromDate ?? '' }}
                                </td>
                                <td rowspan="5" style="text-align:center;background-color: #fff">{{ $toDate ?? '' }}
                                </td>
                            </tr>
                            <tr>
                                <td>Giao dịch Cashout</td>
                                <td>{{ $cashout ?? 0 }}</td>
                            </tr>
                            <tr>
                                <td>Giao dịch rút số dư</td>
                                <td>{{ $withdraw ?? 0 }}</td>
                            </tr>
                            <tr>
                                <td>Tổng giao dịch cộng tiền</td>
                                <td>{{ $transactionAdd ?? 0 }}</td>
                            </tr>
                            <tr>
                                <td>Tổng giao dịch trừ tiền</td>
                                <td>{{ $transactionMinus ?? 0 }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        @if (Session::has('success'))
            <div id="message-alert" class="alert alert-success">
                {{ Session::get('success') }}
            </div>
        @endif
        @if (Session::has('error'))
            <div id="message-alert" class="alert alert-danger">
                {{ Session::get('error') }}
            </div>
        @endif
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{ __('Thiết lập chi phí') }}</h3>
            </div>
            <div class="card-body">
                <form class="row" action="{{ route('app.admin.settingFee') }}" method="POST">
                    @csrf
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="personnel_fee">{{ __('Chi phí nhân sự') }}</label>
                            <input type="text" class="form-control" name="personnel_fee" id="personnel_fee"
                                placeholder="{{ __('Nhập chi phí nhân sự') }}" pattern="[0-9,.]+"
                                value="{{ !empty($configure['personnel_fee']) ? number_format($configure['personnel_fee']) : 0 }}">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="technical_fee">{{ __('Chi phí kỹ thuật') }}</label>
                            <input type="text" class="form-control" name="technical_fee" id="technical_fee"
                                placeholder="{{ __('Nhập chi phí kỹ thuật') }}" pattern="[0-9,.]+"
                                value="{{ !empty($configure['technical_fee']) ? number_format($configure['technical_fee']) : 0 }}">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="brokerage_fee">{{ __('Chi phí môi giới') }}</label>
                            <input type="text" class="form-control" name="brokerage_fee" id="brokerage_fee"
                                placeholder="{{ __('Nhập chi phí môi giới') }}" pattern="[0-9,.]+"
                                value="{{ !empty($configure['brokerage_fee']) ? number_format($configure['brokerage_fee']) : 0 }}">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="other_fee">{{ __('Chi phí khác') }}</label>
                            <input type="text" class="form-control" name="other_fee" id="other_fee"
                                pattern="[0-9,.]+" placeholder="{{ __('Nhập chi phí khác') }}"
                                value="{{ !empty($configure['other_fee']) ? number_format($configure['other_fee']) : 0 }}">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <strong>Phí rút momo: {{ number_format($feeMomo) }}đ</strong>
                    </div>
                    <div class="col-lg-12">
                        <div class="text-center">
                            <button type="submit" class="btn btn-success"><i class="fas fa-save"></i>
                                {{ __('Lưu') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <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 type='text/javascript' src='https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js'></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script>
        $('#btn-report-summary').click(function(e) {
            e.preventDefault();
            $('#loading-overlay').removeClass('d-none');
            var from_date = $('#report-summary [name="from_date"]').val();
            var to_date = $('#report-summary [name="to_date"]').val();

            $.ajax({
                url: '{{ route('app.admin.reportSummary') }}',
                type: 'GET',
                data: {
                    from_date: from_date,
                    to_date: to_date,
                },
                success: function(response) {
                    $('#loading-overlay').addClass('d-none');
                    if (response.code == 1) {
                        toastr.success(response.msg);
                        setTimeout(function() {
                            location.reload();
                        }, 2000);
                    } else if (response.code == 0) {
                        toastr.error(response.msg);
                    }
                },
                error: function() {
                    toastr.error('Đã xảy ra lỗi, vui lòng thử lại');
                    $('#loading-overlay').addClass('d-none');
                }
            });
        });
    </script>
@endsection

@section('styles')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <style>
        #loading-overlay {
            display: flex;
            align-items: center;
            justify-content: center;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 9999;
        }

        #loading-overlay .spinner-border {
            width: 4rem;
            height: 4rem;
            margin-bottom: 10px;
        }

        #loading-overlay .loading-text {
            font-size: 18px;
            color: #fff;
        }
    </style>
@endsection