@extends('adminlte::page')

@section('content_header')
<h1>Lista categorie</h1>
@endsection

@section('content')

<div class="container">
	<!-- Content here -->
	<button class="btn btn-warning btn-detail open_modal_new">Nuova
		Categoria</button>
	<div class="row">
		<div class="col-lg-12">
			<div class="panel panel-default">
				<div class="panel-heading">Lista delle categorie</div>
				@if ($errors->any())
				<div class="alert alert-danger">
					<ul>
						@foreach ($errors->all() as $error)
							<li>{{ $error }}</li>
						@endforeach
					</ul>
				</div>
			@endif
				<div class="panel-body">
					<div class="table-responsive">
						<table class="table table-striped table-bordered table-hover"
							id="categorie">

							<thead>
								<tr>
									<th>Categoria</th>
									<th>Classificazione</th>
									<th>Azione</th>
								</tr>
							</thead>
							<tbody>
								@foreach($categorie as $categoria)
								<tr>
									<td><a
										href="movimenti/report/movimentibycat?cat={{ $categoria->id }}">{{
											$categoria->cat_name }}</a></td>
									<td>
											@if($categoria->cat_entrata == 1)
											Entrata ,
											@endif
											@if($categoria->cat_uscita == 1)
											Uscita
											@endif
									</td>
									<td>
										<button class="btn btn-warning btn-detail open_modal"
											value="{{$categoria->id}}">Edit</button>&nbsp; <a
										class="btn btn-danger"
										href="/admin/categorie/delete?id={{ $categoria->id }}">Elimina</a>&nbsp;
									</td>
								</tr>
								@endforeach
							</tbody>

						</table>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- MODAL MODIFICA -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" role="document">
		<form action="/admin/categorie/modify" method="POST">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">Modifica Categoria</h4>
				</div>
				<div class="modal-body">
					
					<div class="row">
						<div class="col-md-8">
							
								@csrf 
								<label for="H_cat_cat_name" class="form-label">Categoria</label>
								<input type="text" class="form-control" id="H_cat_cat_name"	size="50" name="cat_name">

						</div>
					</div>
					<div class="row">
						<div class="col-md-4">
							<div class="form-check form-switch">
								<input class="form-check-input" type="checkbox" role="switch" id="cat_entrata" name="cat_entrata" >
								<label class="form-check-label" for="cat_entrata">Entrata</label>
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-check form-switch">
								<input class="form-check-input" type="checkbox" role="switch" id="cat_uscita" name="cat_uscita">
								<label class="form-check-label" for="cat_uscita">Uscita</label>
							</div>
						</div>		
					</div>
				</div>
				<div class="modal-footer">
					<input type="hidden" name="id" id="H_cat_id">
					<button type="submit" class="btn btn-primary">Modifica</button>
				</div>
				
			</div>
		</form>
		</div>
	</div>
	<!-- FINE MODAL MODIFICA -->
	<!-- MODAL INSERIMENTO -->
	<div class="modal fade" id="myModal_new" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">Categoria</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-8">
							<!-- FORM INSERIMENTO NUOVA CATEGORIA -->
							<form action="" method="POST">
								@csrf 
								<label for="categoria" class="form-label">Categoria</label>
								<input type="text" class="form-control" id="categoria"
									name="cat_name" size="50">

						</div>
						<div class="row">
							<div class="col-md-4">
								<div class="form-check form-switch">
									<input class="form-check-input" type="checkbox" role="switch" id="cat_entrata" name="cat_entrata" >
									<label class="form-check-label" for="cat_entrata">Entrata</label>
								</div>
							</div>
							<div class="col-md-4">
								<div class="form-check form-switch">
									<input class="form-check-input" type="checkbox" role="switch" id="cat_uscita" name="cat_uscita">
									<label class="form-check-label" for="cat_uscita">Uscita</label>
								</div>
							</div>		
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="submit" class="btn btn-primary">Submit</button>
					</form>
					<!-- FINE FORM INSERIMENTO NUOVA CATEGORIA -->
				</div>
			</div>
		</div>
	</div>
</div>
<!-- FINE MODAL INSERIMENTO -->
<!-- /.col-lg-12 -->

@endsection

@section('js')
<script src="/js/app/conti_categorie.js"></script>
@endsection