<div id="editModal" class="modal fixed inset-0 flex items-center justify-center z-50 hidden">
    <div class="modal-backdrop fixed inset-0 bg-black opacity-50"></div>
    <div class="modal-container bg-white w-11/12 md:max-w-md mx-auto rounded shadow-lg z-50 overflow-y-auto" style="min-width: 800px">
        <div class="modal-content py-4 text-left px-6">
            <div class="modal-header flex justify-between items-center pb-3">
                <h3 class="text-xl font-semibold">Edit Company</h3>
                <button class="modal-close-edit z-50">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            <div class="modal-body">
                <form id="editForm" method="POST" enctype="multipart/form-data"
                    action="<?php echo e(route('role.company-settings.update', ['role' => Str::slug(Auth::user()->getRoleNames()->first()), 'company_setting' => 1])); ?>">
                    <?php echo csrf_field(); ?>
                    <?php echo method_field('PUT'); ?>
                    <input type="hidden" id="editItemId" name="id">
                
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                        <!-- Name -->
                        <div>
                            <label for="edit_name" class="block text-gray-700 text-sm font-medium mb-2">Name</label>
                            <input type="text" id="edit_name" name="name"
                                class="form-input w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                                placeholder="Enter Name">
                            <p class="text-red-500 text-xs mt-1 hidden error-message">Please enter a Name</p>
                        </div>
                
                        <!-- Email -->
                        <div>
                            <label for="edit_email" class="block text-gray-700 text-sm font-medium mb-2">Email</label>
                            <input type="email" id="edit_email" name="email"
                                class="form-input w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                                placeholder="Enter Email">
                            <p class="text-red-500 text-xs mt-1 hidden error-message">Please enter an Email</p>
                        </div>
                
                        <!-- Phone -->
                        <div>
                            <label for="edit_phone" class="block text-gray-700 text-sm font-medium mb-2">Phone</label>
                            <input type="text" id="edit_phone" name="phone"
                                class="form-input w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                                placeholder="Enter Phone">
                            <p class="text-red-500 text-xs mt-1 hidden error-message">Please enter a Phone</p>
                        </div>
                
                        <!-- Website -->
                        <div>
                            <label for="edit_website" class="block text-gray-700 text-sm font-medium mb-2">Website</label>
                            <input type="text" id="edit_website" name="website"
                                class="form-input w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                                placeholder="Enter Website">
                            <p class="text-red-500 text-xs mt-1 hidden error-message">Please enter a Website</p>
                        </div>
                    </div>
                
                    <!-- Address (Full width) -->
                    <div class="mt-4">
                        <label for="edit_address" class="block text-gray-700 text-sm font-medium mb-2">Address</label>
                        <textarea id="edit_address" name="address" rows="4" placeholder="Enter Address"
                            class="w-full rounded-md border border-gray-300 focus:border-blue-500 focus:ring-2 focus:ring-blue-100 p-3 text-sm text-gray-700 outline-none resize-none transition duration-150"></textarea>
                        <p class="text-red-500 text-xs mt-1 hidden error-message">Please enter an address</p>
                    </div>
                
                    <!-- Logo (Full width) -->
                    <div class="mt-4">
                        <label for="preview_logo" class="block text-gray-700 text-sm font-medium mb-2">Current Logo</label>                        
                        <img id="preview_logo" src="" alt="" style="width: 60px">
                    </div>
                
                    <!-- Logo (Full width) -->
                    <div class="mt-4">
                        <label for="edit_logo" class="block text-gray-700 text-sm font-medium mb-2">Logo</label>
                        <input type="file" id="edit_logo" name="logo" style="padding: 10px"
                            class="block w-full text-sm text-gray-700 border-2 border-gray-200 rounded-md cursor-pointer bg-gray-50 focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-100 transition duration-150">
                        <p class="text-red-500 text-xs mt-1 hidden error-message">Please choose a logo</p>
                    </div>
                
                    <!-- Status -->
                    <div class="mt-4">
                        <label class="flex items-center">
                            <input type="checkbox" id="edit_status" name="status" class="form-checkbox h-5 w-5 text-blue-600" checked>
                            <span class="ml-2 text-gray-700">Active</span>
                        </label>
                    </div>
                </form>
            </div>
            <div class="modal-footer flex justify-end pt-2">
                <button type="button" class="btn btn-secondary px-4 py-2 bg-gray-300 text-gray-700 rounded-md hover:bg-gray-400 transition duration-200 mr-2 modal-close-edit">
                    Cancel
                </button>
                <button data-action="<?php echo e(route('role.company-settings.update', ['role' => Str::slug(Auth::user()->getRoleNames()->first()), 'company_setting' => 1])); ?>" id="editSubmit" type="button" class="btn btn-primary px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition duration-200">
                    Update State
                </button>
            </div>
        </div>
    </div>
</div>
<?php /**PATH D:\laragon\www\epal_erp\resources\views/company/edit-modal.blade.php ENDPATH**/ ?>