%PDF-
%PDF-
Mini Shell
Mini Shell
<?php $__env->startSection('title'); ?>
Liste des couleurs
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<div class="container">
<!-- Button trigger modal -->
<?php if(session()->has('status')): ?>
<div class="alert alert-success" role="alert">
<?php echo e(session()->get('status')); ?>
</div>
<?php elseif(session()->has('error')): ?>
<div class="alert alert-danger" role="alert">
<?php echo e(session()->get('error')); ?>
</div>
<?php 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="#exampleModal">
<i class="fas fa-plus"></i> Ajouter Couleur
</button>
</li>
<li class="nav-item">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#DeleteColorModal" 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 couleurs</h5>
<table class="table table-hover">
<thead>
<tr>
<th scope="col">Séléctionner Tout <input type="checkbox" id="checkAll"> </th>
<th scope="col">Nom de couleur</th>
<th scope="col">Couleur</th>
<th scope="col">Actions</th>
</tr>
</thead>
<tbody>
<?php $__currentLoopData = $colors; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $color): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<tr id="color">
<td><input type="checkbox" value="<?php echo e($color->id); ?>" name="ids" class="checkAllids"></td>
<td><?php echo e($color->color); ?></td>
<td><button class="btn-circle btn-sm border-0" style="background-color:<?php echo e($color->code); ?>;"></button> </td>
<td>
<div class="row">
<div class="px-2">
<button class="badge badge-info border-0" type="button" data-toggle="modal" data-target="#editColorModal"
data-object="<?php echo e(@json_encode($color)); ?>"><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="<?php echo e($color->id); ?>">
<i class="fas fa-trash-alt"></i></button>
</div>
</div>
</td>
</tr>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</tbody>
</table>
<div class="d-flex flex-row justify-content-center"><?php echo e($colors->links()); ?></div>
</div>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('scripts'); ?>
<!-- Modal add category -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
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 Couleur </h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action=<?php echo e(route('store_color')); ?> method="POST">
<?php echo csrf_field(); ?>
<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="color" id="color"
placeholder="Nom du couleur" required>
</div>
<div class="col-12">
<label>Code couleur</label>
<input type="color" name="code" class="form-control form-control-color" id="exampleColorInput" value="#563d7c" title="Choose your color">
</div>
</div>
<button type="submit" class="btn btn-primary btn-user btn-block">Ajouter</button>
</div>
</form>
</div>
</div>
</div>
<!-- End Modal add category -->
<!-- Delete category -->
<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<form class="modal-content" action="<?php echo e(route('destroy_color')); ?>" 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">
<?php echo csrf_field(); ?>
<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>
<!-- Modal Edit -->
<div class="modal fade" id="editColorModal" tabindex="-1" role="dialog"
aria-labelledby="editColorModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="editColorModalLabel"> J2HB | Modifier Couleur </h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action=<?php echo e(route('store_color')); ?> method="POST">
<?php echo csrf_field(); ?>
<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="color" id="color" required>
</div>
<div class="col-12">
<label>Code couleur</label>
<input type="color" name="code" class="form-control form-control-color" id="exampleColorInput" value="#563d7c" title="Choose your color">
</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="DeleteColorModal" tabindex="-1" role="dialog" aria-labelledby="DeleteColorModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<form class="modal-content" action="<?php echo e(route('deleteAllcolors')); ?>" 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">
<?php echo csrf_field(); ?>
<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 -->
<!-- End Delete Category-->
<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);
});
$("#editColorModal").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="color"]').val(data.color);
$(this).find('input[name="code"]').val(data.code);
});
$("#DeleteColorModal").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'));
});
});
$("#searchInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#color").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('template', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\gestionstock\resources\views/colors/index.blade.php ENDPATH**/ ?>
Zerion Mini Shell 1.0