%PDF-
%PDF-
Mini Shell
Mini Shell
@extends('template')
@section('title')
La liste des taux
@endsection
@section('content')
<div class="container fluid">
<div class="card">
<div class="card-header">
<ul class="nav nav-pills card-header-pills">
<li class="nav-item">
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#addTVAModal">
<i class="fas fa-plus"></i> Ajouter TVA
</button>
</li>
<li class="nav-item">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#DeleteTVAModal"
id="DeleteAll">
<i class="fas fa-trash-alt"></i> Supprimer Tout
</button>
</li>
<li class="d-flex">
<input class="form-control me-2" type="search" id="searchInput" placeholder="Search"
aria-label="Search">
</li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title text-primary">Liste des taux</h5>
<table class="table table-hover table-sm">
<thead>
<tr>
<th scope="col">Séléctionner Tout <input type="checkbox" id="checkAll"> </th>
<th scope="col">Taux</th>
<th scope="col">Actions</th>
</tr>
</thead>
<tbody>
@foreach ($taux as $tva)
<tr id="tva">
<td><input type="checkbox" value="{{ $tva->id }}" name="ids" class="checkAllids">
</td>
<td>{{ $tva->taux }} %</td>
<td>
<div class="row">
<div class="px-2">
<button class="badge badge-info border-0" type="button" data-toggle="modal"
data-target="#editTVAModal"
data-object="{{ @json_encode($tva) }}"><i
class="fas fa-edit"></i></button>
</div>
<div class="px-2">
<button class="badge badge-danger border-0" type="button" data-toggle="modal"
data-target="#confirmModal" data-delete-id="{{ $tva->id }}">
<i class="fas fa-trash-alt"></i></button>
</div>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
<div class="d-flex flex-row justify-content-center">{{ $taux->links() }}</div>
</div>
</div>
</div>
@endsection
@section('scripts')
{{-- Add Tva Modal --}}
<div class="modal fade" id="addTVAModal" tabindex="-1" role="dialog" aria-labelledby="addTVAModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="addTVAModalLabel"> J2HB | Ajouter TVA </h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action={{ route('store_tva') }} method="POST">
@csrf
<div class="modal-body">
<div class="form-group row">
<div class="col-12 pb-4">
<input type="text" class="form-control form-control-user" name="tva" id="tva"
placeholder="TVA" required>
</div>
</div>
<button type="submit" class="btn btn-primary btn-user btn-block">Ajouter</button>
</div>
</form>
</div>
</div>
</div>
{{-- End Add Modal --}}
{{-- Update Modal --}}
<div class="modal fade" id="editTVAModal" tabindex="-1" role="dialog" aria-labelledby="editTVAModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="editTVAModalLabel"> J2HB | Modifier TVA </h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action={{ route('store_tva') }} method="POST">
@csrf
<input type="hidden" name="id">
<div class="modal-body">
<div class="form-group row">
<div class="col-12 pb-4">
<input type="text" class="form-control form-control-user" name="tva" id="tva" required>
</div>
</div>
<button type="submit" class="btn btn-primary btn-user btn-block">Modifier</button>
</div>
</form>
</div>
</div>
</div>
{{-- End Update --}}
{{-- Delete TVA Modal --}}
<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="DeleteTVAModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<form class="modal-content" action="{{ route('destroy_tva') }}" method="post">
<div class="modal-header">
<h5 class="modal-title">Confirmation :</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Etes-vous sûr que vous voulez supprimer ?</p>
</div>
<div class="modal-footer">
<input type="hidden" name="id">
@csrf
<button type="submit" id="delete" name="OK_button" class="btn btn-primary">OK</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
</div>
</form>
</div>
</div>
{{-- End Delete Modal --}}
{{-- Delete All Modal --}}
<div class="modal fade" id="DeleteTVAModal" tabindex="-1" role="dialog" aria-labelledby="DeleteTVAModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<form class="modal-content" action="{{ route('deleteAll_taux') }}" method="post">
<div class="modal-header">
<h5 class="modal-title">Confirmation :</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Etes-vous sûr que vous voulez supprimer ?</p>
</div>
<div class="modal-footer">
<input type="hidden" name="allids">
@csrf
<button type="submit" id="deleteAll" name="OK_button" class="btn btn-primary">OK</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
</div>
</form>
</div>
</div>
{{-- End Delete All Modal --}}
{{-- Jquery --}}
<script language="javascript">
$(document).ready(function() {
$("#confirmModal").on('show.bs.modal', function(e) {
var id = parseInt($(e.relatedTarget).attr('data-delete-id'));
$(this).find('input[name="id"]').val(id);
});
$("#editTVAModal").on('show.bs.modal', function(e) {
var data = JSON.parse($(e.relatedTarget).attr('data-object'));
$(this).find('input[name="id"]').val(data.id);
$(this).find('input[name="tva"]').val(data.taux);
});
$("#DeleteTVAModal").on('show.bs.modal', function(e) {
var allids = [];
$("input:checkbox[name=ids]:checked").each(function() {
allids.push($(this).val());
});
$(this).find('input[name="allids"]').val(allids.join(','));
});
$("#searchInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#tva").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
$(function(e) {
$("#checkAll").click(function() {
$(".checkAllids").prop('checked', $(this).prop('checked'));
});
});
});
</script>
{{-- end jquery --}}
@endsection
Zerion Mini Shell 1.0