<div class="row">
    <div class="col-12 rounded">
        <div class="row g-2 mb-2">
            <div class="col-12">
                <input type="hidden" name="id" value="{{$post->id}}">
                <label class="form-label" for="expense_name">{{trans('sarf.expense_name')}}<span class="text-danger">*</span></label>
                <input id="expense_name" name="expense_name" type="text" class="form-control form-control-sm" placeholder="" autocomplete="on" value="{{$post->expense_name}}">
            </div>

            <div class="col-12">
                <label class="form-label" for="expense_name_ar">{{trans('sarf.expense_name_ar')}}<span class="text-danger">*</span></label>
                <input id="expense_name_ar" name="expense_name_ar" type="text" class="form-control form-control-sm" placeholder="" autocomplete="on" value="{{$post->expense_name_ar}}">
            </div>

            <div class="col-12">
                <label class="form-label" for="color">{{trans('sarf.color')}}<span class="text-danger">*</span></label>
                <select id="color" name="color" class="form-control form-control-sm">
                    <option value="">{{trans('sarf.choose')}}</option>
                    @foreach(colorList() as $color)
                        <option value="{{$color->c_code}}" style="background-color: {{$color->c_code}}!important" @if($color->c_code == $post->color) selected @endif>{{$color->c_code}}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="col-12">
                <label class="form-label" for="order_by">{{trans('sarf.order_by')}}</label>
                <input id="order_by" name="order_by" type="number" class="form-control form-control-sm" placeholder="" autocomplete="on" value="{{$post->order_by}}">
            </div>
    </div>
</div>