<?php $__env->startSection('page-title', 'List Item'); ?>
<?php $__env->startPush('page-css'); ?>
<link rel="stylesheet" href="<?php echo e(asset('public/backend_assets/vendor/libs/sweetalert2/sweetalert2.css')); ?>" />
<style>
    .barcode-preview {
        border: 1px solid #ddd;
        padding: 16px;
        text-align: center;
        background: #f0f0f0;
        margin: 10px 0;
        overflow: auto;
    }
    .barcode-preview-surface {
        margin: 0 auto;
        box-sizing: border-box;
        border: 1px dashed #999;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .barcode-controls {
        background: #f8f9fa;
        padding: 15px;
        border-radius: 5px;
        margin-bottom: 20px;
    }
    .barcode-field-control {
        margin-bottom: 10px;
    }
</style>
<?php $__env->stopPush(); ?>
<?php $__env->startSection('page-content'); ?>
<div class="container-xxl flex-grow-1 container-p-y">
    <!-- Add Product -->
    <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-6 row-gap-4">
        <div class="d-flex flex-column justify-content-center">
            <h4 class="mb-0"><?php echo e(__('List')); ?> <?php echo e(__('Item')); ?></h4>
        </div>
        <?php echo $__env->make('backend.components.breadcrumb', [
            'breadcrumbs' => [
                [
                    'label' => '<i class="ti tabler-home"></i>',
                    'link' => '#'
                ],
                [
                    'label' =>  __('Item') . ' ' . __('Stock'), 
                    'link' => '#'
                ],
                [
                    'label' => __('List') . ' ' .  __('Item'),
                    'active' => true
                ]
            ]
        ], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    </div>

    <?php if(session('success')): ?>
        <?php echo insertSuccess(session('success')); ?>

    <?php endif; ?>
    <?php if(session('error')): ?>
        <?php echo insertFailed(session('error')); ?>

    <?php endif; ?>

    <?php if($status == 'success'): ?>
        <?php echo insertSuccess('Item created successfully'); ?>

    <?php endif; ?>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-datatable table-responsive pt-0">
                    <table class="datatables-basic table">
                        <thead>
                            <tr>
                                <th><?php echo e(__('SN')); ?></th>
                                <th><?php echo e(__('Name')); ?></th>
                                <th><?php echo e(__('Type')); ?></th>
                                <th><?php echo e(__('Category')); ?></th>
                                <th><?php echo e(__('Purchase')); ?> <?php echo e(__('Price')); ?></th>
                                <th><?php echo e(__('Sale')); ?> <?php echo e(__('Price')); ?></th>
                                <th><?php echo e(__('Action')); ?></th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Barcode Print Modal -->
<div class="modal fade" id="barcodePrintModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header pb-3">
                <h5 class="modal-title"><?php echo e(__('Barcode Print Options')); ?></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row mb-3">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <h6 class="mb-3"><?php echo e(__('Item Information')); ?></h6>
                                <div class="row">
                                    <div class="col-md-4">
                                        <strong><?php echo e(__('Name')); ?>:</strong> <span id="barcodeModalItemName">N/A</span>
                                    </div>
                                    <div class="col-md-4">
                                        <strong><?php echo e(__('Code')); ?>:</strong> <span id="barcodeModalItemCode">N/A</span>
                                    </div>
                                    <div class="col-md-4">
                                        <strong><?php echo e(__('Price')); ?>:</strong> <span id="barcodeModalItemPrice">0.00</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="variationSelectContainer" class="row mb-3" style="display: none;">
                    <div class="col-12">
                        <label class="form-label"><?php echo e(__('Select Variation Item')); ?></label>
                        <select class="form-select select2" id="modalVariationSelect">
                            <option value=""><?php echo e(__('Use Parent Item')); ?></option>
                        </select>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-12 col-md-6">
                        <label class="form-label"><?php echo e(__('Quantity')); ?></label>
                        <input type="text" class="form-control number-input" id="modalBarcodeQuantity" value="1" min="1">
                        <small class="text-muted"><?php echo e(__('Used as label count / barcode count')); ?></small>
                    </div>
                    <div class="col-12 col-md-6 mt-3 mt-md-0">
                        <label class="form-label" for="modalPrintMode"><?php echo e(__('Print mode')); ?></label>
                        <select class="form-select" id="modalPrintMode">
                            <option value="label"><?php echo e(__('Print in label (1 per page)')); ?></option>
                            <option value="multiple"><?php echo e(__('Print barcode multiple')); ?></option>
                        </select>
                        <small class="text-muted"><?php echo e(__('Choose between label page mode and multi barcode sheet mode')); ?></small>
                    </div>
                    <div class="col-12 col-md-6 mt-3 mt-md-0" id="modalMultiplePerPageWrap" style="display: none;">
                        <label class="form-label" for="modalMultiplePerPage"><?php echo e(__('Barcodes per page')); ?></label>
                        <input type="number" class="form-control" id="modalMultiplePerPage" value="12" min="2" max="100" step="1">
                    </div>
                </div>

                <div class="barcode-controls">
                    <h6 class="mb-3"><?php echo e(__('Label size')); ?> (<?php echo e(__('mm')); ?>)</h6>
                    <div class="row g-3 mb-3">
                        <div class="col-md-4">
                            <label class="form-label" for="modalLabelWidth"><?php echo e(__('Label width')); ?> (<?php echo e(__('mm')); ?>)</label>
                            <input type="number" class="form-control form-control-sm" id="modalLabelWidth" value="50" min="20" max="200" step="1">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label" for="modalLabelHeight"><?php echo e(__('Label height')); ?> (<?php echo e(__('mm')); ?>)</label>
                            <input type="number" class="form-control form-control-sm" id="modalLabelHeight" value="30" min="15" max="200" step="1">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label" for="modalBarcodeHeight"><?php echo e(__('Barcode height')); ?> (<?php echo e(__('px')); ?>)</label>
                            <input type="number" class="form-control form-control-sm" id="modalBarcodeHeight" value="25" min="20" max="200">
                        </div>
                    </div>

                    <h6 class="mb-3"><?php echo e(__('Barcode Options')); ?></h6>

                    <div class="row g-3 mb-3">
                        <div class="col-md-4">
                            <label class="form-label" for="modalTextLineHeight"><?php echo e(__('Line height')); ?></label>
                            <input type="number" class="form-control form-control-sm" id="modalTextLineHeight" value="1.2" min="0.8" max="2.5" step="0.1">
                        </div>
                        
                    </div>

                    <div class="barcode-field-control">
                        <div class="row align-items-center">
                            <div class="col-md-4">
                                <div class="form-check mb-0">
                                    <input class="form-check-input" type="checkbox" id="modalShowCompanyName" checked>
                                    <label class="form-check-label" for="modalShowCompanyName"><?php echo e(__('Company name')); ?></label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label"><?php echo e(__('Font size')); ?></label>
                                <input type="number" class="form-control form-control-sm" id="modalCompanyNameFontSize" value="14" min="8" max="72">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label"><?php echo e(__('Font weight')); ?></label>
                                <select class="form-select form-select-sm" id="modalCompanyNameFontWeight">
                                    <option value="normal">normal</option>
                                    <option value="bold">bold</option>
                                    <option value="bolder">bolder</option>
                                    <option value="lighter">lighter</option>
                                    <option value="100">100</option>
                                    <option value="200">200</option>
                                    <option value="300">300</option>
                                    <option value="400">400</option>
                                    <option value="500">500</option>
                                    <option value="600">600</option>
                                    <option value="700" selected>700</option>
                                    <option value="800">800</option>
                                    <option value="900">900</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="barcode-field-control">
                        <div class="row align-items-center">
                            <div class="col-md-4">
                                <div class="form-check mb-0">
                                    <input class="form-check-input" type="checkbox" id="modalShowItemName" checked>
                                    <label class="form-check-label" for="modalShowItemName"><?php echo e(__('Product name')); ?></label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label"><?php echo e(__('Font size')); ?></label>
                                <input type="number" class="form-control form-control-sm" id="modalItemNameFontSize" value="14" min="8" max="72">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label"><?php echo e(__('Font weight')); ?></label>
                                <select class="form-select form-select-sm" id="modalItemNameFontWeight">
                                    <option value="normal">normal</option>
                                    <option value="bold">bold</option>
                                    <option value="bolder">bolder</option>
                                    <option value="lighter">lighter</option>
                                    <option value="100">100</option>
                                    <option value="200">200</option>
                                    <option value="300">300</option>
                                    <option value="400">400</option>
                                    <option value="500" selected>500</option>
                                    <option value="600">600</option>
                                    <option value="700">700</option>
                                    <option value="800">800</option>
                                    <option value="900">900</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="barcode-field-control">
                        <div class="row align-items-center">
                            <div class="col-md-4">
                                <div class="form-check mb-0">
                                    <input class="form-check-input" type="checkbox" id="modalShowPrice" checked>
                                    <label class="form-check-label" for="modalShowPrice"><?php echo e(__('Product price')); ?></label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label"><?php echo e(__('Font size')); ?></label>
                                <input type="number" class="form-control form-control-sm" id="modalPriceFontSize" value="14" min="8" max="72">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label"><?php echo e(__('Font weight')); ?></label>
                                <select class="form-select form-select-sm" id="modalPriceFontWeight">
                                    <option value="normal">normal</option>
                                    <option value="bold">bold</option>
                                    <option value="bolder">bolder</option>
                                    <option value="lighter">lighter</option>
                                    <option value="100">100</option>
                                    <option value="200">200</option>
                                    <option value="300">300</option>
                                    <option value="400" selected>400</option>
                                    <option value="500">500</option>
                                    <option value="600">600</option>
                                    <option value="700">700</option>
                                    <option value="800">800</option>
                                    <option value="900">900</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="barcode-field-control">
                        <div class="row align-items-center">
                            <div class="col-md-4">
                                <div>Barcode</div>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label"><?php echo e(__('Barcode width')); ?></label>
                                <input type="number" class="form-control form-control-sm" id="modalBarcodeWidth" value="2" min="1" max="6" step="0.2">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label"><?php echo e(__('Barcode text size')); ?></label>
                                <input type="number" class="form-control form-control-sm" id="modalBarcodeFontSize" value="12" min="8" max="72">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="barcode-preview">
                    <h6 class="mb-3"><?php echo e(__('Preview')); ?></h6>
                    <div id="barcodeModalPreview"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-label-primary" id="modalSetBarcodeDefault">
                    <i class="ti tabler-device-floppy me-2"></i> <?php echo e(__('Set Default')); ?>

                </button>
                <button type="button" class="btn btn-primary" id="modalPrintBarcode">
                    <i class="ti tabler-printer me-2"></i> <?php echo e(__('Print Barcode')); ?>

                </button>
                <button type="button" class="btn btn-label-secondary" data-bs-dismiss="modal"><?php echo e(__('Close')); ?></button>
            </div>
        </div>
    </div>
</div>

<?php $__env->stopSection(); ?>
<?php $__env->startPush('page-js'); ?>
<?php echo app('Tighten\Ziggy\BladeRouteGenerator')->generate(); ?>
<!-- Page JS -->
<script src="<?php echo e(asset('public/backend_assets/vendor/libs/sweetalert2/sweetalert2.js')); ?>"></script>
<script src="<?php echo e(asset('public/backend_assets/js/extended-ui-sweetalert2.js')); ?>"></script>
<script src="<?php echo e(asset('public/backend_assets/vendor/js/barcode.js')); ?>"></script>
<script src="<?php echo e(asset('public/backend_assets/js/pages_list_js/list_item.js')); ?>?v=<?php echo e(@filemtime(public_path('backend_assets/js/pages_list_js/list_item.js')) ?: time()); ?>"></script>
<script src="<?php echo e(asset('public/backend_assets/js/pages_list_js/delete_confirmation.js')); ?>?v=<?php echo e(@filemtime(public_path('backend_assets/js/pages_list_js/delete_confirmation.js')) ?: time()); ?>"></script>
<?php $__env->stopPush(); ?>


<?php echo $__env->make('backend.backend_layout', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/uzbeacom/pos.uzbea.com/off_pos/Modules/Stock/resources/views/item/index.blade.php ENDPATH**/ ?>