@extends('backend.app')

@section('content')
<div class="container-fluid">
    <div class="row mt-4">
        <div class="col-md-8 mx-auto">
            <div class="card shadow-sm border-0" style="border-radius: 10px;">
                <div class="card-header bg-white border-bottom py-3">
                    <h5 class="mb-0 text-primary">
                        <i class="uil uil-robot me-2"></i> Status-wise Auto Assign Rules
                    </h5>
                </div>
                
                <div class="card-body p-4">
                    <p class="text-muted" style="font-size: 14px;">
                        নিচের প্রতিটি স্ট্যাটাসের জন্য আপনি আলাদা আলাদা ওয়ার্কার সিলেক্ট করতে পারবেন। যে স্ট্যাটাসের জন্য যাদের সিলেক্ট করবেন, সেই অর্ডারের ক্ষেত্রে শুধু তাদের মাঝেই অর্ডারটি সমানভাবে ভাগ হবে। কোনো স্ট্যাটাসে টিক না দিলে সেটি অটো-অ্যাসাইন হবে না।
                    </p>

                    <form action="{{ route('admin.saveAutoAssignStatus') }}" method="POST">
                        @csrf

                        @foreach($statusList as $statusKey => $statusName)
                            {{-- স্ট্যাটাস কি-কে ছোট হাতের করে নেওয়া হলো যাতে কন্ট্রোলারের strtolower লজিকের সাথে মিলে যায় --}}
                            @php 
                                $lowerStatusKey = strtolower($statusKey); 
                            @endphp

                            {{-- শুধুমাত্র pending এবং incomplete চেক করা হচ্ছে --}}
                            @if(in_array($lowerStatusKey, ['pending', 'incomplete']))
                            
                            <div class="mb-3 p-3" style="background: #f8fafc; border-radius: 8px; border: 1px solid #e2e8f0;">
                                <label class="form-label fw-bold text-dark border-bottom pb-2 w-100" style="font-size: 15px;">
                                    <i class="uil uil-tag-alt text-primary"></i> {{ $statusName }} ({{ $statusKey }})
                                </label>
                                
                                @if($workers->count() > 0)
                                    <div class="row mt-2">
                                        @foreach($workers as $worker)
                                        <div class="col-md-4 mb-2">
                                            <div class="form-check custom-checkbox">
                                                {{-- name এবং id তে $lowerStatusKey ব্যবহার করা হয়েছে --}}
                                                <input class="form-check-input" type="checkbox" 
                                                       name="rules[{{ $lowerStatusKey }}][]" 
                                                       value="{{ $worker->id }}" 
                                                       id="worker_{{ $lowerStatusKey }}_{{ $worker->id }}" 
                                                    {{ in_array($worker->id, $savedRules[$lowerStatusKey] ?? []) ? 'checked' : '' }}>
                                                
                                                <label class="form-check-label fw-semibold" style="cursor: pointer; font-size: 13px;" for="worker_{{ $lowerStatusKey }}_{{ $worker->id }}">
                                                    {{ $worker->username ?? $worker->first_name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endforeach
                                    </div>
                                @else
                                    <p class="text-danger mb-0" style="font-size: 13px;">কোনো অ্যাক্টিভ ওয়ার্কার পাওয়া যায়নি!</p>
                                @endif
                            </div>
                            
                            @endif
                        @endforeach

                        <div class="d-grid mt-4">
                            <button type="submit" class="btn btn-primary btn-lg fw-bold">
                                <i class="uil uil-save me-1"></i> Save Routing Rules
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection