@extends('admin.layout')
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="page-title">{{ translate('Commission history') }}</h3>
                <div class="d-inline-block align-items-center">
                    <nav>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i
                                        class="mdi mdi-home-outline"></i></a></li>
                            <li class="breadcrumb-item" aria-current="page"> {{ translate('Commission history') }}</li>
                        </ol>
                    </nav>
                </div>
            </div>

        </div>
    </div>
    <!-- Main content -->
    <section class="content">
        <div class="box">
            @if (Session::get('tenant_subscribtion_data')['sellers']['belongs_to_subscribtion'] == true && Session::get('tenant_controle_modules')['sellers'] == 1)
                <div class="box-header">
                    @include('admin.Seller.nav', ['seller_id' => $seller_id , 'active' => 'commission'])
                </div>
                <div class="box-body">
                    <i class="fa fa-filter" style="font-size: 2em;cursor: pointer;" aria-hidden="true"
                        onclick="toggleFilter()"></i>
                    <div class="row">
                        <div class="col-md-2 col-lg-2 col-12 thumbnail p-20 filter-section">
                            <form action="{{ route('Report.commissionHistoryforeverySeller', encrypt($seller_id)) }}"
                                method="GET">
                                <div class="form-group">
                                    <input type="date" class="form-control" id="from_date" name="from_date"
                                        @isset($from_date) value="{{ $from_date }}" @endisset
                                        placeholder="{{ translate('From date') }}">
                                </div>
                                <div class="form-group">
                                    <input type="date" class="form-control" id="to_date" name="to_date" @isset($to_date)
                                        value="{{ $to_date }}" @endisset placeholder="{{ translate('To date') }}">
                                </div>

                                <div class="form-group">
                                    <button class="btn btn-primary form-control"
                                        type="submit">{{ translate('Search') }}</button>
                                </div>
                            </form>
                        </div>
                        <div class="col-md col-lg col-12">
                            <div class="table-responsive">
                                <table id="complex_header" class="table table-striped table-bordered display"
                                    style="width:100%">
                                    <thead>
                                        <tr>

                                            <th>#
                                            </th>
                                            <th> {{ translate('Order code') }}</th>
                                            <th> {{ translate('Admin commission') }}</th>
                                            <th> {{ translate('Seller earning') }}</th>
                                            <th> {{ translate('Date') }}</th>


                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($commission_history as $key => $history)
                                            <tr>
                                                <td>{{ $key + 1 + ($commission_history->currentPage() - 1) * $commission_history->perPage() }}
                                                </td>
                                                <td>{{ $history->order->code }}</td>
                                                <td>
                                                    {{ single_price($history->admin_commission) }}
                                                    {{ currency_sympol()['symbol'] }}
                                                </td>
                                                <td>
                                                    {{ single_price($history->seller_earning) }}
                                                    {{ currency_sympol()['symbol'] }}
                                                </td>
                                                <td>{{ $history->created_at }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>

                                </table>
                            </div>
                            {{ $commission_history->links() }}
                        </div>
                    </div>

                </div>
            @else
                <div class="row">
                    <div class="col-8 mx-auto text-center">
                        <br>
                        <img style="width: 12em;margin-bottom: 1em;" src="{{ url('/images/upgrad_limit.png') }}" alt="">
                        <h4>
                            {{ translate('You need to upgrade to use this feature.') }}
                        </h4>
                        <h4 style="color: chocolate">
                            {{ translate('Please Upgrade to use this feature.') }}
                        </h4>
                        <br>
                        <a class="btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg"
                            href="#">{{ translate('Upgrade now') }}</a>
                    </div>
                </div>

            @endif
        </div>

    </section>
@endsection

@section('script')

    <script type="text/javascript">
        $('.filter-section').hide()

        function toggleFilter() {
            $('.filter-section').slideToggle();
        }
    </script>
@endsection