@extends('admin.layout.index')

{{-- ===========  meta Title  =================== --}}
@section('title')
     حق العمل نمایندگان   
@endsection
{{-- ===========  My Css Style  =================== --}}
@section('style')
    <style>
        .modal-header .close {
            margin: -1rem;
        }

        .modal-body > p, .form-group {
            padding: 0.25rem 0.5rem;

        }

         .noneDisplay {
             display: none !important;
         }

        .redBorder {
            border: 1px solid red;
        }

        #image{
            max-width: 200px;
            height: auto;
        }
        .form-group{
            margin-top: 20px;
        }


    </style>
@endsection
{{-- ===========  My JavaScript  =================== --}}

@section('script')


@endsection

@section('content')
<div class="container">
    <h1>خلاصه عملکرد نمایندگان در
        <form method="GET" action="{{ route('commissions.current_month_overview') }}" class="d-inline-block" id="monthYearFilterForm">
            <select name="month" id="month" class="form-select-sm d-inline-block w-auto" onchange="document.getElementById('monthYearFilterForm').submit();">
                @foreach ($jalaliMonths as $monthNumber => $monthName)
                    <option value="{{ $monthNumber }}" {{ $selectedMonth == $monthNumber ? 'selected' : '' }}>{{ $monthName }}</option>
                @endforeach
            </select>
            <select name="year" id="year" class="form-select-sm d-inline-block w-auto" onchange="document.getElementById('monthYearFilterForm').submit();">
                @foreach ($jalaliYears as $year)
                    <option value="{{ $year }}" {{ $selectedYear == $year ? 'selected' : '' }}>{{ $year }}</option>
                @endforeach
            </select>
        </form>
    </h1>
    <p class="text-muted">
        این صفحه یک پیش‌نمایش از عملکرد نمایندگان در ماه {{ $jalaliMonths[$selectedMonth] }} سال {{ $selectedYear }} را نشان می‌دهد.
        <br>
        حق العمل نهایی در پایان هر ماه محاسبه و قطعی می‌شود.
    </p>

    @if(empty($sellersOverview))
        <div class="alert alert-info">در بازه انتخاب شده، هیچ نماینده‌ای فروشی ثبت نکرده است.</div>
    @else
        <table class="table table-hover">
            <thead>
                <tr>
                    <th>نام نماینده</th>
                    <th>مجموع فروش (ریال)</th>
                    <th>درصد حق العمل موثر</th>
                    <th>حق العمل تخمینی (ریال)</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($sellersOverview as $seller)
                    <tr>
                        <td>{{ $seller->name }}</td>
                        <td>{{ number_format($seller->total_sales) }}</td>
                        <td>{{ $seller->commission_percentage_used }}%</td>
                        <td>{{ number_format($seller->estimated_commission) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endif
</div>
@endsection