Modificato Javascript per nascondere il form e i dettagli del progetto

resources/views/progetti/dettaglio.blade.php

@@ -1,5 +1,4 @@
-@extends('admin')
+@extends('admin') @section('content')
-@section('content')
 <div class="row">
 	<div class="col-lg-12">
 		<h1 class="page-header">Dettaglio Progetto</h1>
@@ -9,81 +8,62 @@
 	<!-- Content here -->
 	<div class="row">
 		<div class="col-xs-12">
-            	<a class="btn btn-primary" href="progetti/new"><i class="fa fa-pencil-square-o fw"></i></a>
+			<a class="btn btn-primary" href="progetti/new"><i
+				class="fa fa-pencil-square-o fw"></i></a>
 		</div>
 	</div>
 
 	<div class="row">
 		<div class="col-xs-10">
 			<div class="panel panel-default">
-            	<div class="panel-heading" id="dettaglio">
+				<div class="panel-heading" id="dettaglio">Dettaglio Progetto</div>
-                    Dettaglio Progetto
-                </div>
 				<div class="panel-body">
 					@foreach($dettaglio ?? '' as $progetto)
 					<div class="row">
-     					<div class="col-xs-2">
+						<div class="col-xs-2">Nome:</div>
-        					Nome:
-        				</div>
 						<div class="col-xs-8">
 							<b>{{ $progetto->nome; }}</b>
 						</div>
 					</div>
 
 					<div class="row" hidable="">
-     					<div class="col-xs-2">
+						<div class="col-xs-2">Descrizione</div>
-        					Descrizione
-        				</div>
 						<div class="col-xs-8">
 							<b>{{ $progetto->descrizione; }}</b>
 						</div>
 					</div>
 					<div class="row" hidable="">
-     					<div class="col-xs-2">
+						<div class="col-xs-2">Data Inizio</div>
-        					Data Inizio
-        				</div>
 						<div class="col-xs-3">
 							<b>{{ date('d/m/Y',strtotime($progetto->data_inizio)) }}</b>
 						</div>
-     					<div class="col-xs-2">
+						<div class="col-xs-2">Data Termine</div>
-        					Data Termine
-        				</div>
 						<div class="col-xs-3">
 							<b>{{ date('d/m/Y',strtotime($progetto->data_fine)) }}</b>
 						</div>
 					</div>
 					<div class="row" hidable="">
-     					<div class="col-xs-2">
+						<div class="col-xs-2">Stato</div>
-        					Stato
-        				</div>
 						<div class="col-xs-3">
 							<b>{{ $progetto->stato }}</b>
 						</div>
-     					<div class="col-xs-2">
+						<div class="col-xs-2">Data Creazione</div>
-        					Data Creazione
-        				</div>
 						<div class="col-xs-3">
 							<b>{{ date('d/m/Y',strtotime($progetto->data_creazione)) }}</b>
 						</div>
 					</div>
 					<div class="row" hidable="">
-     					<div class="col-xs-2">
+						<div class="col-xs-2">Budget</div>
-        					Budget
-        				</div>
 						<div class="col-xs-3">
 							<b>&euro; {{ $progetto->budget }}</b>
 						</div>
-     					<div class="col-xs-2">
+						<div class="col-xs-2">Coordinatore</div>
-        					Coordinatore
-        				</div>
 						<div class="col-xs-3">
 							<b>{{ $progetto->name }}</b>
 						</div>
 					</div>
 					<div class="row" hidable="">
-     					<div class="col-xs-2">
+						<div class="col-xs-2">Note</div>
-        					Note
-        				</div>
 						<div class="col-xs-8">
 							<b>{{ $progetto->note; }}</b>
 						</div>
@@ -98,9 +78,8 @@
 	<div class="row">
 		<div class="col-xs-10">
 			<div class="panel panel-default">
-        	<div class="panel-heading" id="form">
+				<div class="panel-heading" id="form">Inserisci riga (click
-                    Inserisci riga (click show/hide)
+					show/hide)</div>
-            </div>
 				<div class="panel-body">
 					<form method="POST">
 						<div class="row">
@@ -108,15 +87,16 @@
 							<div class="col-xs-2">
 
 								<!-- Form per task con jquery e aggiunta righe automatica -->
-            		<label for="tdata" class="form-label">data:</label>
+								<label for="tdata" class="form-label">data:</label> <input
-            		 <input type="date" name="tdata" class="form-control" id="tdata" value="{{ date('Y-m-d') }}">
+									type="date" name="tdata" class="form-control" id="tdata"
+									value="{{ date('Y-m-d') }}">
 
 							</div>
 							<div class="col-xs-5">
 
 								<!-- Form per task con jquery e aggiunta righe automatica -->
-            		<label for="desc" class="form-label">descrizione:</label>
+								<label for="desc" class="form-label">descrizione:</label> <input
-            		 <input type="text" name="desc" class="form-control" id="desc">
+									type="text" name="desc" class="form-control" id="desc">
 
 							</div>
 							<div class="col-xs-2">
@@ -142,11 +122,40 @@
 			</div>
 		</div>
 	</div>
+	<div class="row">
+		<div class="col-xs-10">
+			<div class="panel panel-default">
+				<div class="panel-heading" id="form">Elementi e costi del progetto</div>
+			</div>
+			<div class="panel-body">
+				<table class="table table-striped table-bordered table-hover"
+					id="tab_progetti">
+					<thead>
+						<tr>
+							<th>Data</th>
+							<th>Descrizione</th>
+							<th>Ore lavoro</th>
+							<th>Costo</th>
+						</tr>
+					</thead>
+					<tbody>
+						@foreach($righe as $riga)
+						<tr>
+							<td>{{ date('d/m/Y',strtotime($riga->data)) }}</td>
+							<td>{{ $riga->descrizione }}</td>
+							<td>{{ $riga->ore }}</td>
+							<td>{{ $riga->prezzo }}</td>
+						</tr>
+						@endforeach
+					</tbody>
+				</table>
+			</div>
+		</div>
+		<
+	</div>
 	<!-- /.col-lg-12 -->
 
-@endsection
+	@endsection @section('script')
-
-@section('script')
 	<script>
         $(document).ready(function() {
             $('#tab_progetti').DataTable({