Realicé un modal en una vista nueva para mostrar todas las columnas de un tabla, pero lo que sucede es que toque en la fila que toque en el boton de visualizar, me muestra todos los registros y yo quiero poder mostrar solo el seleccionado. Pero no se me ocurre como hacerlo, supongo que debe ser con JavaScript.
Esta es la parte de mi vista con la tabla y los botones de editar eliminar y visualizar:
<tbody>
@foreach($file as $key => $product)
@if($product->status == 1)
<tr>
<td style="display: none">{{ $key+1 }}</td>
<td>{{ $product->id }}</td>
<td>{{$product->marca->brandName . " " . $product->modelo->modelName}}</td>
<td>{{ $product['ptype']['productType']}}</td>
<td>{{ $product->marca->brandName }}</td>
<td>{{ $product->modelo->modelName}}</td>
<td>{{ $product->coin }}</td>
<td>{{ $product->description }}</td>
<td>{{ $product->cost }}</td>
@php
$count_product = App\Model\Purchase::where('product_id',$product->id)->count();
@endphp
<td>
<!--<a title="Download" id="download" class="btn btn-sm btn-success"
href="/products/download/{{ $product->file }}"><i
class="fa fa-download"></i></a>-->
<a title="Edit" class="btn btn-sm text-white"
style="background-image: linear-gradient(200deg, #070525ce 1%, rgb(1, 0, 5)100%);"
href="{{ route('products.edit', $product->id) }}"><i
class="fa fa-edit"></i></a>
<a title="Delete" id="delete" class="btn btn-sm btn-danger"
href="{{ route('products.delete', $product->id) }}"><i
class="fa fa-trash"></i></a>
<a title="Info" id="info" class="btn btn-sm btn-info" data-toggle="modal" data-idUpdate="'.$product->id.'" data-target="#ProductView"><i class="fa fa-eye"></i></a>
</td>
</tr>
@endif
@endforeach
</tbody>
Esta es la parte de mi vista con el modal que cree:
<div class="modal fade" id="ProductView" tabindex="-1" role="dialog" style="z-index: 1050; display:none; width:100%" aria-hidden="true">
<div class="modal-dialog" role="document" style="max-width:75%;">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Detalle del producto</h5>
<button type="button" class="close btn btn-danger" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fas fa-times-circle"></i></span>
</button>
</div>
<div class="modal-body">
<table id="example1" class="table table-striped table-responsive" width="100%">
<thead class="thead">
<tr>
<th style="display: none">Codigo</th>
<th>ID</th>
<th>Tipo de Producto</th>
<th>Marca</th>
<th>Modelo</th>
<th>Moneda</th>
<th>Costo</th>
<th>Costo FOB</th>
<th>Costo USD</th>
<th>Costo USDB</th>
<th>Costo Nacionalizacion</th>
<th>Costo ARS</th>
<th>Precio Lista</th>
<th>Precio Mercado Libre</th>
<th>Precio Distribuidor</th>
<th>Precio Limite</th>
<th>Descripcion</th>
</tr>
</thead>
<tbody>
@foreach($file as $key => $product)
<tr>
<td style="display: none">{{ $key+1 }}</td>
<td>{{ $product->id }}</td>
<td>{{ $product['ptype']['productType']}}</td>
<td>{{ $product->marca->brandName }}</td>
<td>{{ $product->modelo->modelName}}</td>
<td>{{ $product->coin}}</td>
<td>{{ $product->cost}}</td>
<td>{{ $product->fob}}</td>
<td>{{ $product->costUSD}}</td>
<td>{{ $product->costUSDB}}</td>
<td>{{ $product->costNacionalizacion}}</td>
<td>{{ $product->costARS}}</td>
<td>{{ $product->list_price}}</td>
<td>{{ $product->ML_price}}</td>
<td>{{ $product->distributor_price}}</td>
<td>{{ $product->limit_price}}</td>
<td>{{ $product->description }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
Estos son mis metodos edit y update de mi controlador de productos:
public function edit($id){
$data['editData'] = Product::find($id);
$data['categories'] = Category::all();
$data['ptypes'] = Ptype::all();
$data['brands'] = Brand::all();
$data['models'] = ModelP::all();
return view('backend.product.edit-product', $data);
}
public function update(Request $request, $id){
$product = Product::find($id);
if($request->file('file')){
$file = $request->file('file');
$filename = time().'.'.$file->getClientOriginalName();
$request->file->move('storage/', $filename);
$product->file = $filename;
}
$product->ptype_id = $request->ptype_id;
$product->model_id = $request->model_id;
$product->brand_id = $request->brand_id;
$product->sale_coin = $request->sale_coin;
$product->change_type = $request->change_type;
$product->cost = $request->cost;
$product->fob = $request->fob;
$product->costUSD = $request->costUSD;
$product->costUSDB = $request->costUSDB;
$product->costNacionalizacion = $request->costNacionalizacion;
$product->costARS = $request->costARS;
$product->coin = $request->coin;
$product->list_price = $request->list_price;
$product->ML_price = $request->ML_price;
$product->distributor_price = $request->distributor_price;
$product->limit_price = $request->limit_price;
$product->quantity = $request->quantity;
$product->updated_by = Auth::user()->id;
$product->save();
Session::flash('success');
return redirect()->route('products.view');
}
Si no se entendio bien, lo que trato de hacer en el modal es que al presionar el boton de visualizar sobre una fila, que me muestre unicamente esa fila y todos los valores de todas las columnas.