@extends('template.main')

@section('titulo','Credencal del alumno '.$alumno->nombre.' '.$alumno->apellidos)

@section('cabecera')
    <link href="barcode_style.css" type="text/css" rel="stylesheet"/>
@endsection

@section('contenido')

    <div class="row" >
        <div class="col-lg-12">
            <div class="col-lg-12">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i> Inicio </a></li>
                        <li class="breadcrumb-item">Alumnos</li>
                        <li class="breadcrumb-item active" aria-current="page"><i class="fas fa-user-graduate"></i> {{$alumno->nombre}} {{$alumno->apellidos}} </li>
                    </ol>
                </nav>
                <hr>
            </div>
            <div class="col-lg-9">
                <h3 class="contexto"> <i class="fas fa-user-graduate"></i> Datos del alumno {{$alumno->nombre}} {{$alumno->apellidos}}</h3>
            </div>
            <div class="col-lg-1">
                <a href="{{ route('credencial.verCredencial',$alumno->idalumno) }}" class="btn btn-outline-danger"  title="PDF"><i class="fas fa-file-pdf"></i></a>
            </div>
            <div class="col-lg-12">
                <img  src="/herbart/resources/views/admin/credencial/barcode.blade.php?text=23&size=30&codetype=Code128&print=false&sizefactor=2"/>
                <input type="text" id="data" placeholder="Ingresa un valor">
                <button type="button" id="generar_barcode">Generar código de barras</button>
                <div id="imagen"></div>
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
                <script>
                    $("#generar_barcode").click(function() {
                        var data = $("#data").val();
                        $("#imagen").html('<img  src="/herbart/resources/views/admin/credencial/barcode.blade.php?text='+data+'&size=30&codetype=Code128&print=false&sizefactor=2"/>');
                        $("#data").val('');
                        $.post( "guardarImagen.php", { filepath: "codigosGenerados/"+data+".png", text:data } );
                        //  C:\xampp\htdocs\herbart\resources\views\admin\credencial\barcode.blade.php
                        //herbart/resources/views/admin/credencial/barcode.blade.php
                        //resources/views/admin/credencial/barcode.blade.php

                    });
                </script>


                <h3>Product: 0001245259636</h3>
            @php
                $generator = new Picqer\Barcode\BarcodeGeneratorHTML();
            @endphp

            {!! $generator->getBarcode($alumno->idalumno, $generator::TYPE_CODE_128) !!}

            <!--
                <h3>Product 2: 000005263635</h3>
                @php
                $generatorPNG = new Picqer\Barcode\BarcodeGeneratorPNG();
            @endphp

                <img src="data:image/png;base64,{{ base64_encode($generatorPNG->getBarcode('000005263635', $generatorPNG::TYPE_CODE_128)) }}">
-->
            </div>
        </div>
    </div>
@endsection