@extends('layouts.master')

@section('title', 'Report')


    @section('content')
        <section class="main_section">
            <div class="row">

                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="m-0">Filter</h3>
                        </div>
                        <form action="{{ url('admin/report/earning-turnover') }}" method="get" id="earningTurnoverReport">
                            <div class="card-body">
                                <div class="d-flex justify-content-start align-items-center gap-3 ">
                                    <div class="relative z-0 w-full mb-1 group">
                                            <input type="date" name="start_date" class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11" id="start-date" value="{{ isset($_GET['start_date']) ? $_GET['start_date'] : '' }}" max="{{ date('Y-m-d') }}">
                                            <label for="exampleFormControlInput1" class="form-label left-0 ml-2 p-2 py-0 peer-focus:font-medium absolute text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">Start Date</label>
                                    </div>
                                    <div class="relative z-0 w-full mb-1 group">
                                        <input type="date" name="end_date" class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11" id="end-date" value="{{ isset($_GET['end_date']) ? $_GET['end_date'] : '' }}" max="{{ date('Y-m-d') }}">
                                        <label for="exampleFormControlInput1" class="form-label left-0 ml-2 p-2 py-0 peer-focus:font-medium absolute text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">End Date</label>
                                        </div>
                                    </div>
                            </div>
                            <div class="card-footer">
                                <button class="btn btn-primary" type="submit">{{ __('Submit') }}</button>
                            </div>
                        </form>
                    </div>
                    <div class="card mt-2">
                        <div class="card-body">
                            <table id="bstable" data-filter-control="false" data-toolbar="#custom_toolbar"
                                   data-show-search-clear-button="false" data-pagination="true" data-toggle="table"
                                   data-show-columns="false" table-for="memberDashboard" data-show-toggle="false"
                                   data-show-export="false" data-sticky-header="false" class="table table-bordered mt-4">
                                <thead>
                                <tr>

                                    <th data-width="80"> {{ __('Week') }} </th>
                                    <th data-width="160"> {{ __('Turnover redeem') }} </th>
                                    <th data-width="190"> {{ __('Uni Level Commission') }} </th>
                                    <th data-width="150"> {{ __('Matching Bonus') }} </th>
                                    <th data-width="170"> {{ __('Infinity Star Bonus') }} </th>
                                    <th data-width="260"> {{ __('Customer acquisition bounce') }} </th>
                                    <th data-width="130"> {{ __('Total Payout') }} </th>
                                    <th data-width="200"> {{ __('Infinity Star Bonus (%)') }} </th>
                                    <th data-width="280"> {{ __('Customer acquisition bounce (%)') }} </th>
                                    <th data-width="150"> {{ __('Total Payout (%)') }} </th>
                                </tr>
                                </thead>
                                @foreach ($master as $item)
                                    <tr>
                                        <td>
                                            {{ $item['format_date'] }}
                                        </td>
                                        <td>
                                            {{ $item['turnover'] }}
                                        </td>
                                        <td>
                                            {{ $item['unileveltot'] }}
                                        </td>
                                        <td>
                                            {{ $item['matchingtot'] }}
                                        </td>
                                        <td>
                                            {{ $item['isbtot'] }}
                                        </td>
                                        <td>
                                            {{ $item['cabtot'] }}
                                        </td>
                                        <td>
                                            {{ $item['total'] }}
                                        </td>
                                        <td>
                                            {{ $item['isbper'] }}
                                        </td>
                                        <td>
                                            {{ $item['cabper'] }}
                                        </td>
                                        <td>
                                            {{ $item['totalper'] }}
                                        </td>

                                    </tr>
                                @endforeach

                            </table>
                        </div>
                    </div>
                </div>

            </div>
        </section>
    @endsection
@push('scripts')
    <script>
        $(document).on("change","#earningTurnoverReport input[name='start_date']",function () {
            var startDate = $(this).val();
            $("#earningTurnoverReport input[name='end_date']").attr('min',startDate);
        })
    </script>
@endpush