@php
    $selected = [];
@endphp
 @if(!empty(old('courses')))
    @php
        $selected = old('courses');
    @endphp
@elseif(!empty($entry) && $entry->courses)
    @php
        $selected = $entry->courses->map(function($item){
            return (['course_id'=>$item->course_id,'price'=>$item->pivot->price]);
        });
    @endphp
@endif
 <div class="row">
	<label>{{ $field['label'] }}</label>
	<div>
        @foreach($field['options'] as $key=>$option)
        <button class="btn btn-primary button_{{ $field['name'] }}" type="button" data-value="{{ $key }}">{{ $option }}</button>
        @endforeach
       <table id="table_{{ $field['name'] }}"class="table" style="border:none;">
        <tbody>
            @foreach($selected as $index=>$course)
            <tr>
                <td>
                    <input class="hidden_{{ $field['name'] }}" type="hidden" name="{{ $field['name'] }}[{{ $course['course_id'] }}][course_id]" value="{{ $course['course_id'] }}" />{{ $field['options'][$course['course_id']] }}
                </td>
                <td>
                    <input class="form-control" type="number" min="0.01" step="0.01" name="{{ $field['name'] }}[{{ $course['course_id'] }}][price]" value="{{ $course['price'] }}" />
                </td>
            </tr>
            @endforeach
        </tbody>
       </table>
	</div>
</div>

<script type="text/javascript">
$(document).ready(function(){
    $('.button_{{ $field['name'] }}').click(function(){
        var d = Date.now();
        $('#table_{{ $field['name'] }} tbody').append('<tr><td><input type="hidden" name="{{ $field['name'] }}['+d+'][course_id]" value="'+$(this).data('value')+'" />'+$(this).html()+'</td><td><input type="number" min="0.01" step="0.01" name="{{ $field['name'] }}['+d+'][price]" /></td></tr>');
        $(this).prop('disabled',true)
    });

    var selected = $('.hidden_{{ $field['name'] }}');
    if(selected.length){
        selected.each(function(){
            $('button[data-value="'+$(this).val()+'"]').prop('disabled',true);
        });
    }
});
</script>