<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
<link rel="stylesheet" href="/css/carnet/carnet.css">
<div class="modal fade" id="modal_carnet">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clearQr()">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title text-center">Carné Alumno</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <div class="row">

                        <div class="col-12 col-md-12">
                            <div id="alertModal" class="alert alert-danger" role="alert"
                                style="display: none; text-align:center;">
                                <h4>
                                    {{ Lang::get('messages.academy_users.tag72') }}
                                </h4>
                            </div>
                        </div>

                        <div class="col-12 col-md-12 canvas-container" id="canvas-container">
                            <canvas id="canvasCarnet" class="canvas qr-code" width="500" height="300"
                                style="display: none;"></canvas>
                        </div>
                        <div id="qr" class="qr-code" style="display: none;"></div>

                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="btn-canvacarne" style="display: block;" class="btn btn-primary pull-right"
                    onclick="canvasDownload()">{{ Lang::get('messages.academy_users.tag71') }}</button>
                {{ csrf_field() }}
            </div>
        </div>
    </div>
</div>