@foreach($master_service_lists as $master_service_list)
    <tr>
        <td>
            <select name="service_id[]" class="service_id_from_pending" style="width: 100%">
                <option value="">Select Task</option>
                @foreach($services as $index => $service)
                    <option value="{{$service->id}}" @if($master_service_list->service_id == $service->id) selected @endif>{{ $service->name }}</option>
                @endforeach
            </select>
        </td>
        <td><span class="add-on item_balance" style="color: #000080">( Never Done Before )</span>
        </td>
        <td><a class="remove_row_from_pending alert-danger btn">x</a></td>
    </tr>
@endforeach
<script>
    jQuery('.service_id_from_pending').select2();
    jQuery('.service_id_from_pending').on('change', function () {
        var tr_position = jQuery(this).closest('tbody');

        if (jQuery(this).val()) {
            {{--var url = "{{route('ajax.stores.item',[':id'])}}";--}}
            {{--url = url.replace(":id", jQuery(this).val());--}}
            {{--jQuery.ajax({--}}
                {{--type: "GET",--}}
                {{--url: url,--}}
                {{--dataType: 'xml',--}}
                {{--beforeSend: function () {--}}
                    {{--startSpinner();--}}
                    {{--tr_position.find('.item_balance').html('()');--}}
                {{--},--}}
                {{--success: function (data) {--}}
                    {{--var balance = jQuery(data).find('xml').find('item').find('balance').text();--}}
                    {{--if (balance > 0) {--}}
                        {{--tr_position.find('.item_balance').html('( Done on ' + balance.toLocaleString() + ')');--}}
                    {{--} else {--}}
                        {{--tr_position.find('.item_balance').html('( Never Done Before )');--}}
                    {{--}--}}
                {{--},--}}
                {{--error: function (xhr, textStatus, error) {--}}
                    {{--onAjaxError(xhr, textStatus, error);--}}
                {{--},--}}
                {{--complete: function () {--}}
                    {{--stopSpinner();--}}
                {{--}--}}
            {{--})--}}
addInspectionParameters();
        }
    });
    jQuery('.remove_row_from_pending').on('click', function () {
        jQuery(this).closest('tr').remove();
    });
</script>