I have a view to create where I call data from a table called Computer and inside it I have a modal that contains a foreach that brings me the data of a foreigner. What I would like to know is how to add the data of the modal to my view create, that when I select a checkbox and I save it, I add them to my view create?
here is the view of the creation and the code.
<form method="POST" action="{{ route('computador.store') }}" role="form">
{{ csrf_field() }}
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="tipo_pco">Tipo PC:</label>
<select class="form-control input-sm" name="tipo_pc" required>
<option disabled="true" selected="true">Tipo PC.</option>
<option>Escritorio</option>
<option>Portatil</option>
</select>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="nombre_pc">Nombre PC:</label>
<input type="text" name="nombre_pc" id="nombre_pc" class="form-control input-sm" placeholder="Nombre pc" required>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="serial">Serial:</label>
<input type="text" name="serial" id="serial" class="form-control input-sm" placeholder="Serial" required>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="num_inv_pc">N° Inventario:</label>
<input type="text" name="num_inv_pc" id="num_inv_pc" class="form-control input-sm" placeholder="N° Inventario" required>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="marca_pc">Marca:</label>
<input type="text" name="marca_pc" id="marca_pc" class="form-control input-sm" placeholder="Marca" required>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="modelo_pc">Modelo:</label>
<input type="text" name="modelo_pc" id="modelo_pc" class="form-control input-sm" placeholder="Modelo" required>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="ip_pc">IP:</label>
<input type="text" name="ip_pc" id="ip_pc" class="form-control input-sm" placeholder="ip" required>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="disco_duro">Disco Duro:</label>
<input type="text" name="disco_duro"id="disco_duro" class="form-control input-sm" placeholder="Disco Duro" required>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="m_ram">Memoria RAM:</label>
<input type="text" name="m_ram"id="m_ram" class="form-control input-sm" placeholder="Memoria RAM" required>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="procesador_pc">Procesador:</label>
<input type="text" name="procesador_pc"id="procesador_pc" class="form-control input-sm" placeholder="Procesador" required>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="tipo_office">Office:</label>
<input type="text" name="tipo_office"id="tipo_office" class="form-control input-sm" placeholder="Tipo Office"required>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="sistema_o">Sistema Operativo:</label>
<input type="text" name="sistema_o"id="sistema_o" class="form-control input-sm" placeholder="S.O" required>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="tiempo_uso_pc">Tiempo de Uso:</label>
<select class="form-control input-sm" name="tiempo_uso_pc">
<option disabled="true" selected="true">24hrs.</option>
<option>SI</option>
<option>NO</option>
</select>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="ubicacion_pc">Ubicacion:</label>
<input type="text" name="ubicacion_pc" id="ubicacion_pc" class="form-control input-sm" placeholder="Ubicacion">
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="usuario_pc">Usuario PC:</label>
<input type="text" name="usuario_pc" id="usuario_pc" class="form-control input-sm" placeholder="Ususario">
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="nombre_user">Nombre Usuario:</label>
<input type="text" name="nombre_user"id="registro_pc" class="form-control input-sm" placeholder="Nombre Ususario">
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="fecha_compra">Fecha Compra:</label>
<input type="date" name="fecha_compra" id="fecha_compra" class="form-control input-sm">
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="proveedor_pc">Proveedor:</label>
<input type="text" name="proveedor_pc"id="proveedor_pc" class="form-control input-sm" placeholder="Proveedor">
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="tel_proveedor_pc">Telefono Proveedor:</label>
<input type="text" name="tel_proveedor_pc"id="tel_proveedor_pc" class="form-control input-sm" placeholder="Proveedor">
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="fecha_entrega">Fecha Entrega:</label>
<input type="date" name="fecha_entrega" id="fecha_entrega" class="form-control input-sm">
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="fecha_entrega">Fecha Entrega:</label>
<input class="form-control input-sm" id="product" type="text" placeholder="Nombre del producto" autocomplete="off">
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label for="fecha_entrega">Agregar Componentes:</label>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"><i class="glyphicon glyphicon-plus"></i></button>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Componentes</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<table class="table" width="250" border="2">
<thead>
<tr>
<td><h4>Nombre Componente</h4></td>
<td><h4>Modelo Componente</h4></td>
<td><h4>Serie Componente</h4></td>
<td></td>
</tr>
<thead>
<tbody>
@foreach($componentes as $componente)
<tr>
<td> {{ $componente->nombre_componente}}</td>
<td> {{ $componente->modelo_componente}}</td>
<td> {{ $componente->serie_componente}}</td>
<td> <input type="checkbox" aria-label="Checkbox for following text input" href="" />Agregar </td>
</tr>
@endforeach
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">Guardar</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<br>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<input type="submit" value="Guardar" class="btn btn-success btn-block">
<a href="{{ route('computador.index') }}" class="btn btn-info btn-block" >Atrás</a>
</div>
</div>
</form>