@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>حق العمل نمایندگان</h1>

    <form method="GET" action="{{ route('admin.commissions.index') }}" class="row g-3 mb-4">
        <div class="col-md-4">
            <label for="year" class="form-label">سال:</label>
            <select name="year" id="year" class="form-select">
                @foreach ($jalaliYears as $year)
                    <option value="{{ $year }}" {{ $selectedYear == $year ? 'selected' : '' }}>{{ $year }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-4">
            <label for="month" class="form-label">ماه:</label>
            <select name="month" id="month" class="form-select">
                @foreach ($jalaliMonths as $monthNumber => $monthName)
                    <option value="{{ $monthNumber }}" {{ $selectedMonth == $monthNumber ? 'selected' : '' }}>{{ $monthName }}</option>
                @endforeach
            </select>
        </div>
        <div class="align-self-end">
            <a href="{{ route('admin.commissions.export', ['year' => $selectedYear, 'month' => $selectedMonth]) }}"
               class="btn btn-success">
                <i class="fas fa-file-excel"></i> خروجی اکسل
            </a>
        </div>
        <div class="col-md-4 align-self-end">
            <button type="submit" class="btn btn-primary">فیلتر</button>
        </div>
    </form>

    @if($sellersData->isEmpty())
        <div class="alert alert-info">هیچ نماینده‌ای با فروش در ماه {{ $jalaliMonths[$selectedMonth] }} سال {{ $selectedYear }} یافت نشد یا حق العملی محاسبه نشده است.</div>
    @else
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>نام نماینده</th>
                    <th>مجموع فروش ماه (تومان)</th>
                    <th>مبلغ حق العمل (تومان)</th>

                    <th>تاریخ صدور</th>
                    <th>عملیات</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($sellersData as $seller)
                    <tr>
                        <td>{{ $seller->first_name.' '.$seller->last_name }}</td>
                        <td>
                            {{ $seller->current_month_commission_invoice ? number_format($seller->current_month_commission_invoice->total_sales) : number_format($seller->current_month_sales) }}
                        </td>
                        <td>
                            {{ $seller->current_month_commission_invoice ? number_format($seller->current_month_commission_invoice->commission_amount) : 'محاسبه نشده' }}
                        </td>

                        <td>
                            @if($seller->current_month_commission_invoice && $seller->current_month_commission_invoice->created_at)
                                {{ verta($seller->current_month_commission_invoice->created_at)->format('Y/m/d H:i') }}
                            @else
                                -
                            @endif
                        </td>
                        <td>
                            <a href="{{ route('admin.commissions.seller.report', ['seller' => $seller->id, 'year' => $selectedYear, 'month' => $selectedMonth]) }}" class="btn btn-sm btn-info">مشاهده گزارش فروش‌ها</a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endif
</div>
@endsection