%PDF-
%PDF-
Mini Shell
Mini Shell
@extends('template')
@section('title')
Liste des marques
@endsection
@section('content')
<div class="container fluid">
@if (session()->has('status'))
<div class="alert alert-success" role="alert">
{{ session()->get('status') }}
</div>
@elseif (session()->has('error'))
<div class="alert alert-danger" role="alert">
{{ session()->get('error') }}
</div>
@endif
<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="#addModal">
<i class="fas fa-plus"></i> Ajouter Marque
</button>
</li>
<li class="nav-item">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#DeleteMarqueModal" 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">La liste des marques</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">Marques</th>
<th scope="col">Actions</th>
</tr>
</thead>
<tbody>
@foreach ($marques as $marque)
<tr id="marque">
<td><input type="checkbox" value="{{ $marque->id }}" name="ids" class="checkAllids"></td>
<td>{{ $marque->marque }}</td>
<td>
<div class="row">
<div class="px-2">
<button class="badge badge-primary btn-sm border-0" type="button" data-toggle="modal" data-target="#editMarqueModal"
data-object="{{ @json_encode($marque) }}"><i class="fas fa-edit"></i></button>
</div>
<div class="px-2">
<button class="badge badge-danger btn-sm border-0" type="button" data-toggle="modal"
data-target="#confirmModal" data-delete-id="{{ $marque->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">{{ $marques->links() }}</div>
</div>
</div>
</div>
@endsection
@section('scripts')
<!-- Modal add -->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel"> J2HB | Ajouter Marque </h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action={{ route('store_marque') }} 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="marque" id="marque"
placeholder="Marque" required>
</div>
</div>
<button type="submit" class="btn btn-primary btn-user btn-block">Ajouter</button>
</div>
</form>
</div>
</div>
</div>
<!-- End Modal add -->
<!-- Delete -->
<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="confirmModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<form class="modal-content" action="{{ route('destroy_marque') }}" 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="OK_button" 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 Edit -->
<div class="modal fade" id="editMarqueModal" tabindex="-1" role="dialog"
aria-labelledby="editMarqueModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="editMarqueModalLabel"> J2HB | Modifier Marque </h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action={{ route('store_marque') }} 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="marque" id="marque" required>
</div>
</div>
<button type="submit" class="btn btn-primary btn-user btn-block">Modifier</button>
</div>
</form>
</div>
</div>
</div>
<!-- End Modal Edit -->
<!-- Delete ALL -->
<div class="modal fade" id="DeleteMarqueModal" tabindex="-1" role="dialog" aria-labelledby="DeleteMarqueModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<form class="modal-content" action="{{ route('deleteAllmarques') }}" 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="OK_button" 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>
<!-- Delete ALL -->
<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);
});
$("#editMarqueModal").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="marque"]').val(data.marque);
});
$("#searchInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#marque").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
$("#DeleteMarqueModal").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(','));
});
$(function(e) {
$("#checkAll").click(function() {
$(".checkAllids").prop('checked', $(this).prop('checked'));
});
});
});
</script>
@endsection
Zerion Mini Shell 1.0