@extends('layouts.master')
@section('css')
@section('title') الخصومات المسموحة للموظفين @stop
@endsection

@section('content')
<div class="breadcrumb-header justify-content-between">
    <div class="my-auto">
        <div class="d-flex">
            <h4 class="content-title mb-0 my-auto">{{ __('home.users') }}</h4>
            <span class="text-muted mt-1 tx-13 mr-2 mb-0">/ الخصومات المسموحة للموظفين</span>
        </div>
    </div>
</div>

<div class="row mt-3">
    <div class="col-xl-12">
        <div class="card mg-b-20">
            <div class="card-header pb-0">
                <h4 class="card-title mg-b-0">الخصومات المسموحة للموظفين</h4>
                <p class="tx-12 text-muted mb-0 mt-2">
                    الحد يُطبَّق في <b>عروض الأسعار</b> و<b>فواتير المبيعات</b> و<b>التسليمات</b>، ويُرفض الحفظ إذا تجاوزه الموظف.
                    <br>• <b>أقصى نسبة %</b>: على كل صنف (خصم الصنف ÷ السعر × الكمية) وعلى إجمالي المستند.
                    <br>• <b>أقصى مبلغ</b>: إجمالي الخصم في المستند الواحد.
                    <br>• اترك الحقل <b>فارغاً</b> = بدون حد. اكتب <b>0</b> = ممنوع من الخصم.
                </p>
            </div>
            <div class="card-body">
                @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif
                @if($errors->any())
                    <div class="alert alert-danger">
                        @foreach($errors->all() as $e)<div>{{ $e }}</div>@endforeach
                    </div>
                @endif

                <div class="row mb-3 align-items-end">
                    <div class="col-md-3">
                        <label class="tx-12">بحث</label>
                        <input type="text" id="dlSearch" class="form-control form-control-sm" placeholder="اسم الموظف أو الفرع">
                    </div>
                    <div class="col-md-2">
                        <label class="tx-12">نسبة للمحدد %</label>
                        <input type="number" step="0.01" min="0" max="100" id="dlBulkPercent" class="form-control form-control-sm">
                    </div>
                    <div class="col-md-2">
                        <label class="tx-12">مبلغ للمحدد</label>
                        <input type="number" step="0.01" min="0" id="dlBulkAmount" class="form-control form-control-sm">
                    </div>
                    <div class="col-md-3">
                        <button type="button" class="btn btn-sm btn-secondary" id="dlApplyBulk">تطبيق على المحدد</button>
                    </div>
                </div>

                <form method="POST" action="{{ route('discount_limits.update') }}">
                    @csrf
                    <div class="table-responsive">
                        <table class="table table-bordered text-md-nowrap" id="dlTable">
                            <thead>
                                <tr>
                                    <th style="width:30px"><input type="checkbox" id="dlCheckAll"></th>
                                    <th>#</th>
                                    <th>الموظف</th>
                                    <th>البريد</th>
                                    <th>الفرع</th>
                                    <th>الحالة</th>
                                    <th style="width:160px">أقصى نسبة خصم %</th>
                                    <th style="width:180px">أقصى مبلغ خصم للمستند</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($users as $i => $user)
                                    @php $l = $limits[$user->id] ?? null; @endphp
                                    <tr data-search="{{ mb_strtolower($user->name . ' ' . ($user->branch->name ?? '') . ' ' . $user->email) }}">
                                        <td><input type="checkbox" class="dl-check"></td>
                                        <td>{{ $i + 1 }}</td>
                                        <td>{{ $user->name }}</td>
                                        <td class="tx-12">{{ $user->email }}</td>
                                        <td>{{ $user->branch->name ?? '-' }}</td>
                                        <td>
                                            @if((string) ($user->active ?? '1') === '0')
                                                <span class="badge badge-secondary">معطّل</span>
                                            @else
                                                <span class="badge badge-success">نشط</span>
                                            @endif
                                        </td>
                                        <td>
                                            <input type="number" step="0.01" min="0" max="100" class="form-control form-control-sm dl-percent"
                                                name="limits[{{ $user->id }}][percent]" placeholder="بدون حد"
                                                value="{{ old('limits.' . $user->id . '.percent', $l && $l->max_percent !== null ? rtrim(rtrim(number_format($l->max_percent, 2, '.', ''), '0'), '.') : '') }}">
                                        </td>
                                        <td>
                                            <input type="number" step="0.01" min="0" class="form-control form-control-sm dl-amount"
                                                name="limits[{{ $user->id }}][amount]" placeholder="بدون حد"
                                                value="{{ old('limits.' . $user->id . '.amount', $l && $l->max_amount !== null ? number_format($l->max_amount, 2, '.', '') : '') }}">
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <button type="submit" class="btn btn-primary mt-2"><i class="fa fa-save"></i> حفظ</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
    (function () {
        var search = document.getElementById('dlSearch');
        var rows = Array.prototype.slice.call(document.querySelectorAll('#dlTable tbody tr'));
        search.addEventListener('input', function () {
            var q = this.value.trim().toLowerCase();
            rows.forEach(function (r) { r.style.display = !q || r.dataset.search.indexOf(q) !== -1 ? '' : 'none'; });
        });
        document.getElementById('dlCheckAll').addEventListener('change', function () {
            var on = this.checked;
            rows.forEach(function (r) { if (r.style.display !== 'none') r.querySelector('.dl-check').checked = on; });
        });
        document.getElementById('dlApplyBulk').addEventListener('click', function () {
            var p = document.getElementById('dlBulkPercent').value;
            var a = document.getElementById('dlBulkAmount').value;
            var n = 0;
            rows.forEach(function (r) {
                if (!r.querySelector('.dl-check').checked) return;
                r.querySelector('.dl-percent').value = p;
                r.querySelector('.dl-amount').value = a;
                n++;
            });
            if (!n) alert('حدد موظفاً واحداً على الأقل.');
        });
    })();
</script>
@endsection