<div class="max-w-7xl mx-auto">
    <!-- Header -->
    <div class="mb-8 flex flex-col md:flex-row md:items-center justify-between gap-4">
        <div>
            <h1 class="text-2xl font-black text-slate-900 tracking-tight mb-1">إدارة المراكز</h1>
            <p class="text-sm text-slate-500 font-medium">التحكم في المراكز التابعة للفروع.</p>
        </div>
        <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('create records')): ?>
        <button wire:click="openModal" class="bg-indigo-600 hover:bg-indigo-700 text-white px-5 py-2.5 rounded-lg font-bold shadow-sm flex items-center gap-2 transition-colors shrink-0">
            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path></svg>
            مركز جديد
        </button>
        <?php endif; ?>
    </div>

    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(session()->has('message')): ?>
        <div class="mb-6 p-4 bg-emerald-50 text-emerald-800 rounded-2xl flex items-center gap-3 border border-emerald-200 shadow-sm">
            <div class="bg-emerald-100 rounded-full p-1 shrink-0">
                <svg class="w-5 h-5 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
            </div>
            <span class="font-bold text-sm"><?php echo e(session('message')); ?></span>
        </div>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    <!-- Card -->
    <div class="bg-white rounded-2xl shadow-sm border border-slate-100">
        
        <!-- Search & Filter Bar -->
        <div class="p-4 border-b border-slate-100 bg-slate-50/50 relative z-20 flex flex-col md:flex-row items-center gap-4 rounded-t-2xl relative z-20">
            <!-- Search -->
            <div class="relative w-full max-w-md">
                <div class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
                    <svg class="w-5 h-5 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
                </div>
                <input wire:model.live.debounce.300ms="search" type="text" placeholder="البحث برمز أو اسم المركز..." class="block w-full bg-white border-slate-200 rounded-xl pr-10 pl-4 py-2.5 text-sm focus:ring-indigo-500 focus:border-indigo-500 shadow-sm">
            </div>
            
            <!-- Entity Filter -->
            <div class="w-full md:w-64" x-data="{
                open: false,
                search: '',
                selected: <?php if ((object) ('filter_entity_id') instanceof \Livewire\WireDirective) : ?>window.Livewire.find('<?php echo e($__livewire->getId()); ?>').entangle('<?php echo e('filter_entity_id'->value()); ?>')<?php echo e('filter_entity_id'->hasModifier('live') ? '.live' : ''); ?><?php else : ?>window.Livewire.find('<?php echo e($__livewire->getId()); ?>').entangle('<?php echo e('filter_entity_id'); ?>')<?php endif; ?>.live,
                options: <?php echo e(Js::from($entities->map(fn($e) => ['id' => $e->id, 'name' => $e->name]))); ?>,
                get filteredOptions() {
                    return this.search === '' ? this.options : this.options.filter(o => o.name.includes(this.search));
                },
                get selectedName() {
                    let opt = this.options.find(o => o.id == this.selected);
                    return opt ? opt.name : 'جميع الكيانات';
                }
            }" @click.away="open = false">
                <div class="relative">
                    <button @click="open = !open" type="button" class="w-full text-right bg-white border border-slate-200 rounded-xl px-4 py-2.5 text-sm focus:ring-indigo-500 focus:border-indigo-500 shadow-sm flex items-center justify-between">
                        <span x-text="selectedName" class="font-bold text-slate-700 truncate"></span>
                        <svg class="w-4 h-4 text-slate-400 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                    </button>

                    <div x-show="open" x-cloak class="absolute z-50 w-full mt-1 bg-white border border-slate-200 rounded-xl shadow-xl overflow-hidden">
                        <div class="p-2 border-b border-slate-100 bg-slate-50">
                            <input type="text" x-model="search" placeholder="ابحث عن كيان..." class="w-full border-slate-200 rounded-lg text-sm py-1.5 px-3 focus:ring-indigo-500 focus:border-indigo-500">
                        </div>
                        <ul class="max-h-48 overflow-y-auto py-1">
                            <li @click="selected = ''; open = false; search = ''" 
                                class="px-4 py-2 text-sm cursor-pointer hover:bg-slate-50 transition-colors"
                                :class="selected == '' ? 'bg-indigo-50 text-indigo-700 font-bold' : 'text-slate-700'">
                                جميع الكيانات
                            </li>
                            <template x-for="option in filteredOptions" :key="option.id">
                                <li @click="selected = option.id; open = false; search = ''" 
                                    class="px-4 py-2 text-sm cursor-pointer hover:bg-slate-50 transition-colors"
                                    :class="selected == option.id ? 'bg-indigo-50 text-indigo-700 font-bold' : 'text-slate-700'">
                                    <span x-text="option.name"></span>
                                </li>
                            </template>
                            <li x-show="filteredOptions.length === 0" class="px-4 py-3 text-sm text-slate-500 text-center">لا توجد نتائج</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- Branch Filter -->
            <div class="w-full md:w-64" x-data="{
                open: false,
                search: '',
                selected: <?php if ((object) ('filter_branch_id') instanceof \Livewire\WireDirective) : ?>window.Livewire.find('<?php echo e($__livewire->getId()); ?>').entangle('<?php echo e('filter_branch_id'->value()); ?>')<?php echo e('filter_branch_id'->hasModifier('live') ? '.live' : ''); ?><?php else : ?>window.Livewire.find('<?php echo e($__livewire->getId()); ?>').entangle('<?php echo e('filter_branch_id'); ?>')<?php endif; ?>.live,
                options: <?php echo e(Js::from($branches)); ?>,
                get filteredOptions() {
                    return this.search === '' ? this.options : this.options.filter(o => o.name.includes(this.search));
                },
                get selectedName() {
                    let opt = this.options.find(o => o.id == this.selected);
                    return opt ? opt.name : 'جميع الفروع';
                }
            }" @click.away="open = false">
                <div class="relative">
                    <button @click="open = !open" type="button" class="w-full text-right bg-white border border-slate-200 rounded-xl px-4 py-2.5 text-sm focus:ring-indigo-500 focus:border-indigo-500 shadow-sm flex items-center justify-between">
                        <span x-text="selectedName" class="font-bold text-slate-700 truncate"></span>
                        <svg class="w-4 h-4 text-slate-400 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                    </button>

                    <div x-show="open" x-cloak class="absolute z-50 w-full mt-1 bg-white border border-slate-200 rounded-xl shadow-xl overflow-hidden">
                        <div class="p-2 border-b border-slate-100 bg-slate-50">
                            <input type="text" x-model="search" placeholder="ابحث عن فرع..." class="w-full border-slate-200 rounded-lg text-sm py-1.5 px-3 focus:ring-indigo-500 focus:border-indigo-500">
                        </div>
                        <ul class="max-h-48 overflow-y-auto py-1">
                            <li @click="selected = ''; open = false; search = ''" 
                                class="px-4 py-2 text-sm cursor-pointer hover:bg-slate-50 transition-colors"
                                :class="selected == '' ? 'bg-indigo-50 text-indigo-700 font-bold' : 'text-slate-700'">
                                جميع الفروع
                            </li>
                            <template x-for="option in filteredOptions" :key="option.id">
                                <li @click="selected = option.id; open = false; search = ''" 
                                    class="px-4 py-2 text-sm cursor-pointer hover:bg-slate-50 transition-colors"
                                    :class="selected == option.id ? 'bg-indigo-50 text-indigo-700 font-bold' : 'text-slate-700'">
                                    <span x-text="option.name"></span>
                                </li>
                            </template>
                            <li x-show="filteredOptions.length === 0" class="px-4 py-3 text-sm text-slate-500 text-center">لا توجد نتائج</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- Status Filter -->
            <div class="w-full sm:w-auto shrink-0 flex items-center gap-2">
                <label class="text-sm font-bold text-slate-600 hidden sm:block">الحالة:</label>
                <select wire:model.live="statusFilter" class="block w-full sm:w-48 bg-white border-slate-200 rounded-xl py-2.5 text-sm focus:ring-indigo-500 focus:border-indigo-500 shadow-sm font-bold text-slate-700">
                    <option value="all">الكل</option>
                    <option value="active">المراكز النشطة فقط</option>
                    <option value="inactive">المراكز الموقوفة فقط</option>
                </select>
            </div>
        </div>

        <!-- Table -->
        <div class="overflow-x-auto">
            <table class="w-full text-right whitespace-nowrap">
                <thead>
                    <tr class="bg-slate-50 border-b border-slate-100 text-slate-500 text-xs font-bold">
                        <th class="px-6 py-4 w-12 text-center">#</th>
                        <th class="px-6 py-4">الرمز</th>
                        <th class="px-6 py-4">اسم المركز</th>
                        <th class="px-6 py-4">الفرع التابع له</th>
                        <th class="px-6 py-4">العنوان</th>
                        <th class="px-6 py-4">الحالة</th>
                        <th class="px-6 py-4 text-left">إجراءات</th>
                    </tr>
                </thead>
                <tbody>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__empty_1 = true; $__currentLoopData = $centers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $center): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
                        <tr class="hover:bg-slate-50/50 transition-colors border-b border-slate-100 last:border-0">
                            <td class="px-6 py-4 text-center">
                                <span class="text-xs font-bold text-slate-400"><?php echo e(($centers->currentPage() - 1) * $centers->perPage() + $loop->iteration); ?></span>
                            </td>
                            <td class="px-6 py-4">
                                <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-bold bg-slate-100 text-slate-700 border border-slate-200" dir="ltr">
                                    <?php echo e($center->code); ?>

                                </span>
                            </td>
                            <td class="px-6 py-4">
                                <div class="font-bold text-slate-800 text-sm"><?php echo e($center->name); ?></div>
                            </td>
                            <td class="px-6 py-4">
                                <div class="flex flex-col">
                                    <span class="text-sm font-bold text-indigo-700">
                                        <?php echo e($center->branch->name ?? '—'); ?>

                                    </span>
                                    <span class="text-[10px] text-slate-500 font-bold">
                                        <?php echo e($center->branch->entity->name ?? ''); ?>

                                    </span>
                                </div>
                            </td>
                            <td class="px-6 py-4">
                                <span class="text-sm text-slate-600"><?php echo e($center->address ?? '—'); ?></span>
                            </td>
                            <td class="px-6 py-4">
                                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($center->is_active): ?>
                                    <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-bold bg-emerald-50 text-emerald-700 border border-emerald-100">
                                        <span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span> نشط
                                    </span>
                                <?php else: ?>
                                    <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-bold bg-red-50 text-red-700 border border-red-100">
                                        <span class="w-1.5 h-1.5 rounded-full bg-red-500"></span> موقوف
                                    </span>
                                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            </td>
                            <td class="px-6 py-4 text-left">
                                <div class="flex items-center justify-end gap-2">
                                    <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('update records')): ?>
                                    <button wire:click="toggleStatus(<?php echo e($center->id); ?>)" class="p-2 <?php echo e($center->is_active ? 'text-rose-400 hover:text-rose-600 hover:bg-rose-50' : 'text-emerald-400 hover:text-emerald-600 hover:bg-emerald-50'); ?> rounded-lg transition" title="<?php echo e($center->is_active ? 'إيقاف المركز' : 'تنشيط المركز'); ?>">
                                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($center->is_active): ?>
                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                                        <?php else: ?>
                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                                    </button>
                                    
                                    <button wire:click="edit(<?php echo e($center->id); ?>)" class="p-2 text-slate-400 hover:text-indigo-600 hover:bg-indigo-50 rounded-lg transition" title="تعديل">
                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path></svg>
                                    </button>
                                    <?php endif; ?>
                                </div>
                            </td>
                        </tr>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
                        <tr>
                            <td colspan="7" class="px-6 py-12 text-center text-slate-500">
                                <div class="flex flex-col items-center justify-center">
                                    <svg class="w-12 h-12 text-slate-300 mb-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path></svg>
                                    <span class="text-sm font-medium">لا توجد مراكز مسجلة.</span>
                                </div>
                            </td>
                        </tr>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                </tbody>
            </table>
        </div>
        
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($centers->hasPages()): ?>
        <div class="p-4 border-t border-slate-100 bg-slate-50/50">
            <?php echo e($centers->links()); ?>

        </div>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    </div>

    <!-- Modal -->
    <div x-data="{ open: <?php if ((object) ('isModalOpen') instanceof \Livewire\WireDirective) : ?>window.Livewire.find('<?php echo e($__livewire->getId()); ?>').entangle('<?php echo e('isModalOpen'->value()); ?>')<?php echo e('isModalOpen'->hasModifier('live') ? '.live' : ''); ?><?php else : ?>window.Livewire.find('<?php echo e($__livewire->getId()); ?>').entangle('<?php echo e('isModalOpen'); ?>')<?php endif; ?> }" 
         x-show="open" 
         x-cloak
         class="fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-0" 
         aria-labelledby="modal-title" 
         role="dialog" 
         aria-modal="true">
        
        <!-- Backdrop -->
        <div x-show="open" 
             x-transition.opacity 
             class="fixed inset-0 bg-slate-900/60 transition-opacity" 
             @click="open = false" 
             aria-hidden="true"></div>

        <!-- Modal Panel -->
        <div x-show="open" 
             x-transition.opacity.translate.scale 
             class="relative bg-white rounded-2xl text-right overflow-hidden shadow-2xl transform transition-all w-full max-w-lg border border-slate-100 flex flex-col max-h-[90vh]">
                
                <!-- Modal Header -->
                <div class="px-6 py-4 border-b border-slate-100 bg-slate-50 flex items-center justify-between">
                    <h3 class="text-lg font-bold text-slate-800" id="modal-title">
                        <?php echo e($center_id ? 'تعديل بيانات المركز' : 'إضافة مركز جديد'); ?>

                    </h3>
                    <button @click="open = false" type="button" class="text-slate-400 hover:text-slate-600 transition p-1 rounded-lg hover:bg-slate-200/50">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
                    </button>
                </div>

                <!-- Form -->
                <form wire:submit.prevent="save" class="flex flex-col text-right">
                    <div class="p-6 overflow-y-auto max-h-[70vh] space-y-4">
                        
                        <div class="bg-indigo-50 p-4 rounded-xl border border-indigo-100">
                            <label class="block text-xs font-bold text-indigo-900 mb-1.5">الفرع التابع له المركز <span class="text-red-500">*</span></label>
                            <div class="flex gap-2">
                                <!-- Searchable Select -->
                                <div x-data="{
                                    open: false,
                                    search: '',
                                    selected: <?php if ((object) ('branch_id') instanceof \Livewire\WireDirective) : ?>window.Livewire.find('<?php echo e($__livewire->getId()); ?>').entangle('<?php echo e('branch_id'->value()); ?>')<?php echo e('branch_id'->hasModifier('live') ? '.live' : ''); ?><?php else : ?>window.Livewire.find('<?php echo e($__livewire->getId()); ?>').entangle('<?php echo e('branch_id'); ?>')<?php endif; ?>,
                                    options: <?php echo e(Js::from($branches)); ?>,
                                    get filteredOptions() {
                                        return this.search === '' ? this.options : this.options.filter(o => o.name.includes(this.search));
                                    },
                                    get selectedName() {
                                        let opt = this.options.find(o => o.id == this.selected);
                                        return opt ? opt.name : 'اختر الفرع...';
                                    }
                                }" class="relative flex-1" @click.away="open = false">
                                    <button @click="open = !open" type="button" class="w-full text-right bg-white border border-indigo-200 rounded-lg shadow-sm px-4 h-10 text-sm focus:ring-indigo-500 focus:border-indigo-500 flex items-center justify-between">
                                        <span x-text="selectedName" :class="!selected ? 'text-slate-500' : 'text-slate-900 font-bold truncate pr-1'"></span>
                                        <svg class="w-4 h-4 text-slate-400 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                                    </button>
                                    <div x-show="open" x-cloak class="absolute z-50 w-full mt-1 bg-white border border-slate-200 rounded-lg shadow-xl overflow-hidden">
                                        <div class="p-2 border-b border-slate-100 bg-slate-50">
                                            <input type="text" x-model="search" placeholder="ابحث عن فرع..." class="w-full border-slate-200 rounded-md text-sm py-1.5 px-3 focus:ring-indigo-500 focus:border-indigo-500">
                                        </div>
                                        <ul class="max-h-40 overflow-y-auto py-1">
                                            <template x-for="option in filteredOptions" :key="option.id">
                                                <li @click="selected = option.id; open = false; search = ''" 
                                                    class="px-4 py-2 text-sm cursor-pointer hover:bg-indigo-50 hover:text-indigo-700 transition-colors"
                                                    :class="selected == option.id ? 'bg-indigo-50 text-indigo-700 font-bold' : 'text-slate-700'">
                                                    <span x-text="option.name"></span>
                                                </li>
                                            </template>
                                            <li x-show="filteredOptions.length === 0" class="px-4 py-3 text-sm text-slate-500 text-center">لا توجد نتائج</li>
                                        </ul>
                                    </div>
                                </div>
                                <button type="button" wire:click="fetchBranchData" class="px-3 py-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-xs font-bold shadow-sm transition-colors flex items-center gap-1.5 whitespace-nowrap">
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"></path></svg>
                                    سحب البيانات
                                </button>
                            </div>
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['branch_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <span class="text-[10px] text-red-500 mt-1 block font-bold"><?php echo e($message); ?></span> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        </div>

                        <div>
                            <label class="block text-xs font-bold text-slate-700 mb-1.5">رمز المركز <span class="text-red-500">*</span></label>
                            <input type="text" wire:model.live.debounce.300ms="code" placeholder="مثال: CEN-001" class="w-full border-slate-200 rounded-lg shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm h-10 text-left" dir="ltr" required>
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['code'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <span class="text-[10px] text-red-500 mt-1 block font-bold"><?php echo e($message); ?></span> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        </div>

                        <div>
                            <label class="block text-xs font-bold text-slate-700 mb-1.5">اسم المركز <span class="text-red-500">*</span></label>
                            <input type="text" wire:model.live.debounce.300ms="name" class="w-full border-slate-200 rounded-lg shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm h-10" required>
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <span class="text-[10px] text-red-500 mt-1 block font-bold"><?php echo e($message); ?></span> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        </div>

                        <div>
                            <label class="block text-xs font-bold text-slate-700 mb-1.5">العنوان</label>
                            <input type="text" wire:model="address" class="w-full border-slate-200 rounded-lg shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm h-10">
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['address'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <span class="text-[10px] text-red-500 mt-1 block"><?php echo e($message); ?></span> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        </div>

                        <div>
                            <label class="block text-xs font-bold text-slate-700 mb-1.5">حالة المركز <span class="text-red-500">*</span></label>
                            <select wire:model="is_active" class="w-full border-slate-200 rounded-lg shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm h-10 bg-white" required>
                                <option value="1">نشط ومفعل</option>
                                <option value="0">موقوف</option>
                            </select>
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['is_active'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <span class="text-[10px] text-red-500 mt-1 block"><?php echo e($message); ?></span> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        </div>

                        <div>
                            <label class="block text-xs font-bold text-slate-700 mb-1.5">ملاحظات</label>
                            <textarea wire:model="notes" rows="2" class="w-full border-slate-200 rounded-lg shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm"></textarea>
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['notes'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <span class="text-[10px] text-red-500 mt-1 block"><?php echo e($message); ?></span> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        </div>

                    </div>
                    
                    <!-- Form Footer -->
                    <div class="px-6 py-4 bg-slate-50 border-t border-slate-100 flex items-center justify-end gap-3 shrink-0 text-right">
                        <button type="button" @click="open = false" class="px-5 py-2.5 bg-white border border-slate-300 hover:bg-slate-50 hover:border-slate-400 text-slate-700 text-sm font-bold rounded-lg shadow-sm transition-all">
                            إلغاء
                        </button>
                        <button type="submit" class="px-5 py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-bold rounded-lg shadow-sm transition-all flex items-center gap-2">
                            <span wire:loading.remove wire:target="save">حفظ المركز</span>
                            <span wire:loading wire:target="save">جاري الحفظ...</span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<?php /**PATH D:\laragon\www\Ledger\resources\views/livewire/centers.blade.php ENDPATH**/ ?>