@php

$name = $id = 'sub_category_id';
$label = isset($element['label']) ? $element['label'] : 'Sub Category:';

$class = 'form-control custom-select2';
if (isset($element['attributes']['class'])) {
    $class .= ' ' . $element['attributes']['class'];
}

$attributes = ['id' => $id, 'class' => $class,'placeholder' => 'Select Sub Category'];
if (isset($element['attributes'])) {
    $attributes = array_merge($attributes, $element['attributes']);
}

$data = [];



$data = DB::table('pos_product_sub_categories')->select('name', 'id')
            ->pluck('name', 'id')
            ->whereNull('deleted_at')
            ->all();


$options = $data;

if (isset($element['options'])) {
    $options = $element['options'];
}

$defaultValue = isset($element['defaultValue']) ? $element['defaultValue'] : '';
@endphp

<div class="col-xs-2">
    {!! Form::label($name, $label, ['class' => 'control-label']) !!} <br />
    {!! Form::select($name, $options, $defaultValue, $attributes) !!}
</div>



<script>
    $(document).ready(function(){

        $("#sub_category_id").change(function(){

            var category_id = $(this).val();
            $.ajax({
                type: 'post',
                url: '{{url("/pos/onSubCategoryChange")}}',//
                data: $('form').serialize(),
                dataType: 'json',
                success: function( _response ){

                    $("#model_id").empty();
                    $("#model_id").prepend('<option value="">All</option>');

                    $.each(_response, function (key, value) {
                        {

                            if (key == "models") {
                                $.each(value, function (index,result) {
                                    $('#model_id').append("<option value='"+result.id +"'>"+result.name+"</option>");
                                });
                            }

                        }
                    });

                }
            });/*End Ajax*/

        });/*End Change Category*/

    });
</script>