<div class="modal fade right" id="exampleModalPreview" tabindex="-1" role="dialog" aria-labelledby="exampleModalPreviewLabel" aria-hidden="true">
<div class="modal-dialog-full-width modal-dialog momodel modal-fluid" role="document">
<div class="modal-content-full-width modal-content ">
<div class=" modal-header-full-width bg-success text-white modal-header text-center">
<h5 id="exampleModalPreviewLabel">Images ()</h5>
<button type="button" class="close " data-dismiss="modal" aria-label="Close">
<span style="font-size: 1.3em;" aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
@foreach($images as $image)
<div class="col-md-3">
<div class="card">
<div class="card-body">
<center><img class="modal-img" src=""></center><hr>
<div class="row">
<div class="col-md-6 mt-3">
<input class="checkbox" type="checkbox" name="image_id" value="">
</div>
<div class="col-md-6">
<a class="btn btn-link btn-md btn-rounded pull-right use" href="javascript:void(0);" data-id="" data-dismiss="modal">USE</a>
</div>
</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
<div class="modal-footer-full-width modal-footer">
<button type="button" class="btn btn-danger btn-md btn-rounded" data-dismiss="modal">Close</button>
<button id="submit" type="button" class="btn btn-primary btn-md btn-rounded" data-dismiss="modal">Use Selected Image</button>
</div>
</div>
</div>
</div>
lundi 7 septembre 2020
On click image checkbox should be checked
Inscription à :
Publier les commentaires (Atom)
Aucun commentaire:
Enregistrer un commentaire