<style>
    .cs-data-list {
        position: relative;
    }

    .cs-data-list .filter-address {
        padding: 0 5px;
        width: 100%;
        padding-right: 20px;
    }
    .cs-data-list .filter-list-address2 {
        width:150px;
    }

    .cs-data-list .list-option {
        position: absolute;
        padding: 0;
        margin: 0;
        list-style: none;
        background: #fff;
        width: auto;
        max-height: 355px;
        overflow-y: auto;
        display: none;
        border: 1px solid #ccc;
        z-index:999;
        min-width: 100%;
    }

    .cs-data-list .list-option li[selected="selected"]{
        background: #1087db;
        color: #fff;
        position: relative;
    }

    .cs-data-list .list-option li {
        padding: 7px 5px;
        cursor: default;
        white-space: nowrap;
    }

    .cs-data-list .list-option li:hover {
        background: #1087db;
        color: #fff;
    }
    .cs-data-list i {
        position: absolute;
        right: 7px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
    }
    .cs-data-list .filter {
        height: 100%;
        width: 100%;
    }
</style>
<?php
    $sortName = str_replace("[]", "", $name);
    $val = (isset($i) && isset(request()->get($sortName)[$i])) ? request()->get($sortName)[$i] : "";
?>
<div class="cs-data-list data-list c-selectbox">
    <div class="filter">
        <input value="<?php echo e(!empty($val) ? $val : $value ?? ""); ?>" class="filter-address <?php echo e(isset($class) ? "filter-".$class : ""); ?>" placeholder="<?php echo e($placeholder); ?>" name="<?php echo e($name); ?>" code="<?php echo e($code ?? ""); ?>">
        <input type="hidden" name="scroll_<?php echo e($name); ?>" value="" class="scroll-address">
        <i class="fa fa-caret-down"></i>
    </div>
    <ul class="list-option <?php echo e(isset($class) ? "data-".$class : ""); ?> <?php echo e(isset($school) ? 'data-'.$school : ""); ?>">
        <?php if(isset($options) && is_array($options)): ?>
            <li code=""><?php echo e($placeholder); ?></li>
            <?php $__currentLoopData = $options; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <li code="<?php echo e($item['code']); ?>"><?php echo e($item['name']); ?></li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        <?php endif; ?>
    </ul>
</div>
