has-many.blade.php

@if(isset($view) && ($view == 'browse' || $view == 'read'))

	@php
		$relationshipData = (isset($data)) ? $data : $dataTypeContent;
		$model = app($options->model);
		$selected_values = $model::where($options->column, '=', $relationshipData->id)->pluck($options->label)->all();
	@endphp

  @if($view == 'browse')
  	@php
  		$string_values = implode(", ", $selected_values); 
  		if(strlen($string_values) > 25){ $string_values = substr($string_values, 0, 25) . '...'; } 
  	@endphp
  	@if(empty($selected_values))
    	<p>No results</p>
    @else
  		<p>{{ $string_values }}</p>
  	@endif
  @else
  	@if(empty($selected_values))
    	<p>No results</p>
    @else
    	<ul>
      	@foreach($selected_values as $selected_value)
      		<li>{{ $selected_value }}</li>
      	@endforeach
      </ul>
    @endif
  @endif

@else

	@php
		$model = app($options->model);
    $query = $model::where($options->column, '=', $dataTypeContent->id)->get();
    $modelType = Voyager::model('DataType')->where('model_name', '=', $options->model)->first();
	@endphp

	<div class="relation-forms" id="relation-{{$dataTypeContent->id}}-forms" data-model="{{$modelType->name}}"></div>
	
	<div class="modal modal-danger fade" tabindex="-1" id="relation-{{$dataTypeContent->id}}-delete-modal" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('voyager.generic.close') }}"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title"><i class="voyager-trash"></i> ¿Estás seguro?</h4>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-danger pull-right" onclick="removeChildForm(current, true)">{{ __('voyager.database.delete_table_confirm') }}</button>
          <button type="button" class="btn btn-outline pull-right" style="margin-right:10px;" onclick="$(this).closest('.modal').modal('hide')">{{ __('voyager.generic.cancel') }}</button>
        </div>
      </div>
    </div>
	</div>
	
  <script>
  	var current;
  	
  	function createChildForm() {
  		$.get('/{{$modelType->name}}/form', function (data) {
  			$('#relation-{{$dataTypeContent->id}}-forms').append(data);
  		});
  	}
  	
  	function removeChildForm(el, isSure) {
  		current = el;
  		if (isSure) {
  			$(current).closest('.panel').remove();
  			$('#relation-{{$dataTypeContent->id}}-delete-modal').modal('hide');
  		} else {
  			$('#relation-{{$dataTypeContent->id}}-delete-modal').modal('show');
  		}
  	}
  	
  	@if(isset($query))
      document.addEventListener('DOMContentLoaded', function () {
        @foreach($query as $query_res)
          $.get('/{{$modelType->name}}/{{$query_res->id}}/form', function (data) {
            $('#relation-{{$dataTypeContent->id}}-forms').append(data);
          });
				@endforeach
      });
    @endif
  </script>

@endif