Бутстрап Модальный не отображается — Laravel — AdminLTE

я использую Пакет AdminLTE с Laravel, чтобы дать мне тему AdminLTE для моего приложения.

Я не могу заставить модал запускаться вообще. Если я скопирую содержимое моего form.blade.php в мой index.blade.php оно работает. Хотя, как я кодировал свой контроллер & просмотров мне нужно, чтобы они были независимыми файлами.

• Index.blade.php <- просмотр порции данных
• form.blade.php <- просмотреть обслуживающий модал от клика редактировать на index.blade.php
• CostCenterController.php <- Контроллер отвечает за оба представления.

CostCenterController.php

Так что в моем контроллере у меня есть функция, которая возвращает результаты обработки на стороне сервера в мою таблицу данных, это просто часть, показывающая, как генерируется каждый элемент в таблице, в частности, с помощью btn-group для функции edit .:

 $data = array();
if (!empty($costcenters)){
foreach ($costcenters as $costcenter){
$editURL = "delete/".$costcenter->id;
$temp['name'] = $costcenter->name;
$temp['code'] = $costcenter->code;
$action = '';
$action .= '
<div class="btn-group">
<a href="'.route("costcenter.edit",$costcenter->id).'" class="btn btn-info modal-content"  data-toggle="modal" data-target="#modal"><i class="fa fa-edit"></i></a>
<a href="'.route("costcenter.delete",$costcenter->id).'"  type="button" class="btn btn-danger"><i class="fa fa-trash"></i></a>
</div>
';

$temp['action'] = $action;
array_push($data, $temp);

}//end for each
}// end if empty

$recordsTotal = count($recordsTotal);
echo json_encode(array('recordsTotal' => $recordsTotal, 'data' => $data, 'recordsFiltered' => $recordsTotal));

В моем index.blade.php У меня нет ничего важного или значимого на самом деле.

form.blade.php

Я создал form.blade.php поэтому, когда я нажимаю кнопку edit, маршрут вызывает это представление с данными, необходимыми для функции редактирования в связанном контроллере. Этот вид работает как обычный HTML, если открыт в новой вкладке.

<div class="modal fade" id="modal" role="dialog">
<div class="modal-dialog" >
@if ($mode == 'edit')
{!! Form::model($costcenter,array('route'=>array('costcenter.update',$costcenter->id),'id'=>'costcenter-form')) !!}
@else
{!! Form::open(array('url'=>'costcenter/store','method'=>'post','data-toggle'=>'validator','id'=>'costcenter-form')) !!}
@endif
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">
@if ($mode == 'edit')
Edit {{$costcenter->name}}'s Cost Center
@else
Create Cost Center
@endif
</h5>
<button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true"> &times;</span></button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
{!! Form::label('name','Cost Center Name:',['class'=>'control-label']) !!}
{!! Form::text('name',null,['class'=>'form-control','placeholder'=>'Enter Cost Center Name','data-error'=>"Please enter the name of the cost center",'required'=>true]) !!}
</div>
<div class="form-group">
{!! Form::label('code','CostCenter Code:',['class'=>'control-label']) !!}
{!! Form::text('code',null,['class'=>'form-control','placeholder'=>'Cost Center code as it appears in SYSPRO.','data-error'=>"Invalid Cost Center Code.",'required'=>true]) !!}
</div>

</form>
</div>
<div class="modal-footer">
{!! Form::submit('Save',['class'=>'btn btn-primary'])!!}
</div>
</div>
</div>
</div>

Любая помощь будет оценена.