@extends($_layout . 'main')

{{-- khai báo title --}}
@section('title', "Báo cáo tháng $month năm $year")

{{-- tên modul xuất hiện trong sub header --}}
@section('module.name', 'Báo cáo tháng')


@section('content')

    @php
        $tabs = ['doanh-so', 'thu-nhap-dieu-hanh', 'thu-nhap-tron-doi'];
        $tab = strtolower(request()->tab);

        $y = date('Y');

        $user = auth()->user();

        $agent = get_affiliate_account($user->id);

    @endphp

    <!--begin::Portlet-->
    <div class="m-portlet m-portlet--tabs revenue-portlet">
        <div class="m-portlet__head">
            <div class="m-portlet__head-tools tools">
                <ul class="nav nav-tabs m-tabs-line m-tabs-line--primary m-tabs-line--2x nav-tablist" role="tablist">
                    <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link {{ !in_array($tab, $tabs) ? 'active' : '' }}" data-toggle="tab" href="#thu-nhap" role="tab">
                            <i class="flaticon-piggy-bank"></i> <span>Thu nhập</span>
                        </a>
                    </li>
                    <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link {{ $tab == 'doanh-so' ? 'active' : '' }}" data-toggle="tab" href="#doanh-so" role="tab">
                            <i class="la la-briefcase"></i> <span>Doanh Số</span>
                        </a>
                    </li>
                    <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link {{ $tab == 'thu-nhap-dieu-hanh' ? 'active' : '' }}" data-toggle="tab" href="#thu-nhap-dieu-hanh" role="tab">
                            <i class="flaticon-piggy-bank"></i> <span>Thu nhập điều hành</span>
                        </a>
                    </li>
                    <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link {{ $tab == 'thu-nhap-tron-doi' ? 'active' : '' }}" data-toggle="tab" href="#thu-nhap-tron-doi" role="tab">
                            <i class="flaticon-piggy-bank"></i><span>Thu nhập trọn đởi</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="m-portlet__body">
            <div class="tab-content">
                {{-- Thu nhập --}}
                <div class="tab-pane {{ !in_array($tab, $tabs) ? 'active' : '' }}" id="thu-nhap" role="tabpanel">
                    <form action="{{ route('merchant.reports.revenue') }}" method="GET">
                        <div class="d-flex date-form">

                            <input type="hidden" name="tab" value="thu-nhap">
                            <div class="prev">
                                @if ($prev)
                                    <a href="{{ route('merchant.reports.revenue', array_merge($prev, ['tab' => 'thu-nhap'])) }}" class="btn btn-secondary"><i class="fa fa-chevron-left"></i></a>
                                @else
                                    <a href="javascript:void(0);" class="btn btn-secondary"><i class="fa fa-chevron-left"></i></a>
                                @endif
                            </div>
                            <div class="month-year d-flex">
                                <select name="month" id="month" class="form-control m-input">
                                    <option value="">Tháng</option>
                                    @for ($i = 1; $i < 13; $i++)
                                        <option value="{{ $i }}" @selected($i == $month)>{{ $i }}</option>
                                    @endfor
                                </select>
                                <select name="year" id="year" class="form-control m-input">
                                    <option value="">Năm</option>
                                    @for ($i = $y; $i >= 2022; $i--)
                                        <option value="{{ $i }}" @selected($i == $year)>{{ $i }}</option>
                                    @endfor
                                </select>
                                <button type="submit" class="btn btn-info" style="height: calc(2.95rem + 2px);">Xem</button>
                            </div>
                            <div class="next">

                                @if ($next)
                                    <a href="{{ route('merchant.reports.revenue', array_merge($next, ['tab' => 'thu-nhap'])) }}" class="btn btn-secondary"><i class="fa fa-chevron-right"></i></a>
                                @else
                                    <a href="javascript:void(0);" class="btn btn-secondary"><i class="fa fa-chevron-right"></i></a>
                                @endif
                            </div>
                        </div>
                    </form>

                    <h3 class="text-center mb-4">
                        Sao kê thu nhập tháng {{ $month }}
                    </h3>
                    <div class="profile-section">
                        <div class="avatar-col">
                            <img src="{{ $user->getAvatar() }}" alt="{{ $user->name }}">
                        </div>
                        <div class="info-col">
                            <h4>{{ $user->name }}</h4>
                            <p>
                                hạng {{ $agent && $agent->policy ? $agent->policy->name : '' }}
                            </p>
                        </div>
                    </div>

                    <h3 class="text-center mb-4 mt-5">
                        Chi tiết thu nhập tháng {{ $month }}
                    </h3>

                    <div class="bg-success text-white p-2">
                        <p class="mb-2">Thu nhập dự kiến tháng {{ $month }}</p>
                        <h4>
                            0 VNĐ
                        </h4>
                    </div>


                    <h3 class="text-center mb-4 mt-4">
                        Thu nhập đã chốt
                    </h3>

                    <div class="revenue-report">
                        <a href="{{ route('merchant.reports.income', ['tab' => 'affiliate']) }}">
                            <div class="inner-content">

                                <div class="info">
                                    <p class="mb-2">Thu nhập Affiliate</p>
                                    <h4>
                                        0 VNĐ
                                    </h4>
                                </div>
                                <div class="see-more">

                                    <i class="fa fa-chevron-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="revenue-report">
                        <a href="{{ route('merchant.reports.income', ['tab' => 'direct']) }}">
                            <div class="inner-content">
                                <div class="info">
                                    <p class="mb-2">Thu nhập trực tiếp: 0 LI</p>
                                    <h4>
                                        0 VNĐ
                                    </h4>
                                </div>
                                <div class="see-more">
                                    <i class="fa fa-chevron-right"></i>

                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="revenue-report">
                        <a href="{{ route('merchant.reports.income', ['tab' => 'indirect']) }}">
                            <div class="inner-content">
                                <div class="info">
                                    <p class="mb-2">Thu nhập gián tiếp: 0 LI</p>
                                    <h4>
                                        0 VNĐ
                                    </h4>
                                </div>
                                <div class="see-more">
                                    <i class="fa fa-chevron-right"></i>

                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="revenue-report">
                        <a href="{{ route('merchant.reports.income', ['tab' => 'connect']) }}">
                            <div class="inner-content">
                                <div class="info">
                                    <p class="mb-2">Thu nhập kết nối: 0 LI</p>
                                    <h4>
                                        0 VNĐ
                                    </h4>
                                </div>
                                <div class="see-more">
                                    <i class="fa fa-chevron-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="revenue-report">

                        <a href="{{ route('merchant.reports.rewards', ['tab' => 'sales']) }}">
                            <div class="inner-content">
                                <div class="info">
                                    <p class="mb-2">Thưởng bán hàng xuất sắc: 0 LI</p>
                                    <h4>
                                        0 VNĐ
                                    </h4>
                                </div>
                                <div class="see-more">
                                    <i class="fa fa-chevron-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="revenue-report">
                        <a href="{{ route('merchant.reports.equal') }}">
                            <div class="inner-content">

                                <div class="info">
                                    <p class="mb-2">Thu nhập đồng hạng: 0 LI</p>
                                    <h4>
                                        0 VNĐ
                                    </h4>
                                </div>
                                <div class="see-more">
                                    <i class="fa fa-chevron-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="revenue-report">
                        <a href="{{ route('merchant.reports.co-income') }}">
                            <div class="inner-content">
                                <div class="info">
                                    <p class="mb-2">Thu nhập đồng hưởng: 0 LI</p>
                                    <h4>
                                        0 VNĐ
                                    </h4>
                                </div>
                                <div class="see-more">
                                    <i class="fa fa-chevron-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>



                    <h3 class="text-center mb-4 mt-4">
                        Thu nhập chốt cuối tháng
                    </h3>


                    <div class="revenue-report">
                        <a href="{{ route('merchant.reports.negative-group') }}">
                            <div class="inner-content">
                                <div class="info">
                                    <p class="mb-2">Thưởng nhóm đại lý chưa tích cực 0%: 0 LI</p>
                                    <h4>
                                        0 VNĐ
                                    </h4>
                                </div>
                                <div class="see-more">
                                    <i class="fa fa-chevron-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>

                    <h3 class="text-center mb-4 mt-4">
                        Thu nhập khác
                    </h3>
                    <div class="revenue-report">
                        <div class="inner-content">
                            <div class="info">
                                <p class="mb-2">Nợ cũ chưa trả</p>
                                <h4>
                                    0 VNĐ
                                </h4>
                            </div>
                        </div>
                    </div>


                    <div class="revenue-report">
                        <a href="{{ route('merchant.reports.empty-data', ['tab' => 'additional']) }}">
                            <div class="inner-content">

                                <div class="info">
                                    <p class="mb-2">Thu nhập khác (bổ sung)</p>
                                    <h4>
                                        0 VNĐ
                                    </h4>
                                </div>
                                <div class="see-more">
                                    <i class="fa fa-chevron-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="revenue-report">
                        <a href="{{ route('merchant.reports.empty-data', ['tab' => 'additional']) }}">
                            <div class="inner-content">
                                <div class="info">
                                    <p class="mb-2">Giảm trừ thu nhập</p>
                                    <h4>
                                        0 VNĐ
                                    </h4>
                                </div>
                                <div class="see-more">
                                    <i class="fa fa-chevron-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="revenue-report">
                        <a href="{{ route('merchant.reports.mt-channel') }}">
                            <div class="inner-content">
                                <div class="info">
                                    <p class="mb-2">Thu nhập Kênh MT</p>
                                    <h4>
                                        0 VNĐ
                                    </h4>
                                </div>
                                <div class="see-more">
                                    <i class="fa fa-chevron-right"></i>

                                </div>
                            </div>
                        </a>
                    </div>



                </div>
                <div class="tab-pane {{ $tab == 'doanh-so' ? 'active' : '' }}" id="doanh-so" role="tabpanel">
                    <form action="{{ route('merchant.reports.revenue') }}" method="GET">
                        <div class="d-flex date-form">

                            <input type="hidden" name="tab" value="doanh-so">
                            <div class="prev">
                                @if ($prev)
                                    <a href="{{ route('merchant.reports.revenue', array_merge($prev, ['tab' => 'doanh-so'])) }}" class="btn btn-secondary"><i class="fa fa-chevron-left"></i></a>
                                @else
                                    <a href="javascript:void(0);" class="btn btn-secondary"><i class="fa fa-chevron-left"></i></a>
                                @endif
                            </div>
                            <div class="month-year d-flex">
                                <select name="month" id="month" class="form-control m-input">
                                    <option value="">Tháng</option>
                                    @for ($i = 1; $i < 13; $i++)
                                        <option value="{{ $i }}" @selected($i == $month)>{{ $i }}</option>
                                    @endfor
                                </select>
                                <select name="year" id="year" class="form-control m-input">
                                    <option value="">Năm</option>
                                    @for ($i = $y; $i >= 2022; $i--)
                                        <option value="{{ $i }}" @selected($i == $year)>{{ $i }}</option>
                                    @endfor
                                </select>
                                <button type="submit" class="btn btn-info" style="height: calc(2.95rem + 2px);">Xem</button>
                            </div>
                            <div class="next">

                                @if ($next)
                                    <a href="{{ route('merchant.reports.revenue', array_merge($next, ['tab' => 'doanh-so'])) }}" class="btn btn-secondary"><i class="fa fa-chevron-right"></i></a>
                                @else
                                    <a href="javascript:void(0);" class="btn btn-secondary"><i class="fa fa-chevron-right"></i></a>
                                @endif
                            </div>
                        </div>
                    </form>



                    <h3 class="text-center mb-4 mt-4">
                        Doanh số cá nhân của bạn
                    </h3>
                    <div class="revenue-report">
                        <div class="inner-content">
                            <div class="info">
                                <p class="mb-2">Doanh số cá nhân tháng {{ $month }}</p>
                                <h4>
                                    0 LI
                                </h4>
                            </div>
                        </div>
                    </div>
                    <div class="revenue-report">

                        <div class="inner-content">
                            <div class="info">
                                <p class="mb-2">Doanh số cá nhân trọn đời</p>
                                <h4>
                                    0 LI
                                </h4>
                            </div>
                        </div>
                    </div>





                    <h3 class="text-center mb-4 mt-4">
                        Doanh số nhóm của bạn
                    </h3>
                    <div class="revenue-report">
                        <div class="info">
                            <p class="mb-2">Doanh số nhóm tháng {{ $month }} (đã xét tích cực)</p>
                            <h4>
                                0 LI
                            </h4>
                        </div>
                    </div>
                    <div class="revenue-report">
                        <div class="info">
                            <p class="mb-2">Doanh số nhóm Plus tháng {{ $month }} (đã tính thu nhập)</p>
                            <h4>
                                0 LI
                            </h4>
                        </div>
                    </div>


                    <div class="revenue-report">
                        <div class="info">
                            <p class="mb-2">Doanh số nhóm Trọn đời</p>
                            <h4>
                                0 LI
                            </h4>
                        </div>
                    </div>


                    <h3 class="text-center mb-4 mt-4">
                        Doanh số đời đại lý của bạn
                    </h3>
                    <div class="revenue-report">
                        <a href="{{ route('merchant.reports.proactive') }}">
                            <div class="inner-content">
                                <div class="info">
                                    <p class="mb-2">Doanh số nhóm đời đại ý tích cực tháng {{ $month }} (Chốt cuối tháng)</p>
                                    <h4>
                                        0 LI
                                    </h4>
                                </div>
                                <div class="see-more">
                                    <i class="fa fa-chevron-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="revenue-report">
                        <a href="{{ route('merchant.reports.upgrade') }}">
                            <div class="inner-content">
                                <div class="info">
                                    <p class="mb-2">Doanh số thăng hạng tháng {{ $month }}</p>
                                    <h4>
                                        0 LI
                                    </h4>
                                </div>
                                <div class="see-more">
                                    <i class="fa fa-chevron-right"></i>

                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="revenue-report">
                        <div class="info">
                            <p class="mb-2">Doanh số đời đại lý tích cực tháng {{ $month }}</p>
                            <h4>
                                0 LI
                            </h4>
                        </div>
                    </div>



                </div>
                <div class="tab-pane {{ $tab == 'thu-nhap-dieu-hanh' ? 'active' : '' }}" id="thu-nhap-dieu-hanh" role="tabpanel">
                    <form action="{{ route('merchant.reports.revenue') }}" method="GET">
                        <div class="d-flex mb-5 date-form">

                            <input type="hidden" name="tab" value="thu-nhap-dieu-hanh">
                            <div class="prev">
                                @if ($prev)
                                    <a href="{{ route('merchant.reports.revenue', array_merge($prev, ['tab' => 'thu-nhap-dieu-hanh'])) }}" class="btn btn-secondary"><i class="fa fa-chevron-left"></i></a>
                                @else
                                    <a href="javascript:void(0);" class="btn btn-secondary"><i class="fa fa-chevron-left"></i></a>
                                @endif
                            </div>
                            <div class="month-year d-flex">
                                <select name="month" id="month" class="form-control m-input">
                                    <option value="">Tháng</option>
                                    @for ($i = 1; $i < 13; $i++)
                                        <option value="{{ $i }}" @selected($i == $month)>{{ $i }}</option>
                                    @endfor
                                </select>
                                <select name="year" id="year" class="form-control m-input">
                                    <option value="">Năm</option>
                                    @for ($i = $y; $i >= 2022; $i--)
                                        <option value="{{ $i }}" @selected($i == $year)>{{ $i }}</option>
                                    @endfor
                                </select>
                                <button type="submit" class="btn btn-info" style="height: calc(2.95rem + 2px);">Xem</button>
                            </div>
                            <div class="next">

                                @if ($next)
                                    <a href="{{ route('merchant.reports.revenue', array_merge($next, ['tab' => 'thu-nhap-dieu-hanh'])) }}" class="btn btn-secondary"><i class="fa fa-chevron-right"></i></a>
                                @else
                                    <a href="javascript:void(0);" class="btn btn-secondary"><i class="fa fa-chevron-right"></i></a>
                                @endif
                            </div>
                        </div>
                    </form>

                    <div class="revenue-body">

                        <div class="revenue-report primary">
                            <div class="info">
                                <p class="mb-2">Thu nhập điều hành quý 2 của bạn</p>
                                <h4>
                                    0 VNĐ
                                </h4>
                            </div>
                        </div>




                        <h3 class="text-center mb-4 mt-4">
                            Chi tiết thu nhập của tôi
                        </h3>

                        @for ($i = $month; $i < $month + 3; $i++)
                            <div class="revenue-report">
                                <a href="{{ route('merchant.reports.base-salary', ['month' => $i]) }}">
                                    <div class="inner-content">
                                        <div class="info">
                                            <p class="mb-2">Thu nhập điều hành tháng {{ $i }}</p>
                                            <h4>
                                                0 VNĐ
                                            </h4>
                                        </div>
                                        <div class="see-more">
                                            <i class="fa fa-chevron-right"></i>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endfor
                    </div>

                </div>
                <div class="tab-pane {{ $tab == 'thu-nhap-tron-doi' ? 'active' : '' }}" id="thu-nhap-tron-doi" role="tabpanel">
                    <form action="{{ route('merchant.reports.revenue') }}" method="GET">
                        <div class="d-flex date-form">

                            <input type="hidden" name="tab" value="thu-nhap-tron-doi">
                            <div class="prev">
                                @if ($prev)
                                    <a href="{{ route('merchant.reports.revenue', array_merge($prev, ['tab' => 'thu-nhap-tron-doi'])) }}" class="btn btn-secondary"><i class="fa fa-chevron-left"></i></a>
                                @else
                                    <a href="javascript:void(0);" class="btn btn-secondary"><i class="fa fa-chevron-left"></i></a>
                                @endif
                            </div>
                            <div class="month-year d-flex">
                                <select name="month" id="month" class="form-control m-input">
                                    <option value="">Tháng</option>
                                    @for ($i = 1; $i < 13; $i++)
                                        <option value="{{ $i }}" @selected($i == $month)>{{ $i }}</option>
                                    @endfor
                                </select>
                                <select name="year" id="year" class="form-control m-input">
                                    <option value="">Năm</option>
                                    @for ($i = $y; $i >= 2022; $i--)
                                        <option value="{{ $i }}" @selected($i == $year)>{{ $i }}</option>
                                    @endfor
                                </select>
                                <button type="submit" class="btn btn-info" style="height: calc(2.95rem + 2px);">Xem</button>
                            </div>
                            <div class="next">

                                @if ($next)
                                    <a href="{{ route('merchant.reports.revenue', array_merge($next, ['tab' => 'thu-nhap-tron-doi'])) }}" class="btn btn-secondary"><i class="fa fa-chevron-right"></i></a>
                                @else
                                    <a href="javascript:void(0);" class="btn btn-secondary"><i class="fa fa-chevron-right"></i></a>
                                @endif
                            </div>
                        </div>
                    </form>

                    <div class="revenue-body">
                        <div class="mt-5 mb-5 text-center">
                            Chưa có dữ liệu
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--end::Portlet-->

@endsection
@section('js')
@endsection
@section('css')
    <link rel="stylesheet" href="{{ system_asset('static/manager/css/merchant.min.css?v=2.1') }}">
@endsection