@extends('plantilla')
@section('titulo', "Datos de la tarjeta del beneficiario")
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script>
    globalId = '0';
    
</script>
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item"><a href="/beneficiarios">Beneficiarios</a></li>
    <li class="breadcrumb-item active">Beneficiario tarjeta</li>
</ol>
<ol class="toolbar">
    <li class="btn-item"><a title="Salir" href="#" class="fa fa-arrow-circle-o-left" aria-hidden="true" onclick="javascript: $('#modalSalir').modal('toggle');"><span>Salir</span></a></li>
</ol>
<script>
function fsalir(){
    location.href ="/beneficiarios";
}
</script>
@endsection
@section('contenido')
<div class="row">
    <div id = "msg"></div>
    </div>
    <div class="row">
        <div class="form-group col-sm-12">
            <label>Nombre Beneficiario:</label>
            <span>{{$beneficiario->nombre}} {{$beneficiario->apellido}}</span>
        </div>
        <div class="form-group col-sm-12">
            <label>Numero tarjeta:</label>
            <span>{{$beneficiarioTarjeta->numero_tarjeta}}</span>
        </div>
        <div class="form-group col-sm-12">
            {!! QrCode::size(150)->generate('$beneficiarioTarjeta->numero_tarjeta'); !!}
        </div>
    </div>
@endsection