@extends('layouts.backoffice')


@section('styles')
    <!-- MATERIAL DESIGN ICONIC FONT -->
    <link rel="stylesheet" href="{{asset('js/wizard/fonts/material-design-iconic-font/css/material-design-iconic-font.css')}}">
            
            <!-- STYLE CSS -->
	<link rel="stylesheet" href="{{asset('js/wizard/css/style.css')}}">
	
	<style>
		.stepstwo{
			position: absolute;
			right: 11px;
			bottom: 24px;
			right: 57px;
			z-index: 9;
		}
		.steps{
			z-index:-10;
		}
		</style>
@endsection

@section('content')

<div class='container'>
   <div class='box row'>
        <div class='box-header with-border'>
            <div class='title'>
                <h1> Seu QRCODE</h1>
                </h3> Utilize-o para ter acesso ao locker </h3>
            </div>
        </div>    
        <div class='row'>           
            <div class='col-sm-6'>
               <img class='' id='imagemqrcode' src="{{ $caminhoImagem }}">
            </div>
            <div class='col-sm-12'>
                Aqui está seu QR utilize-o para obter acesso ao locker escolhido
            </div>
        </div>
    </div>   
</div>



@endsection

@section('scripts')

	{{-- <script src="{{asset('js/wizard/js/jquery-3.3.1.min.js')}}"></script> --}}

	<!-- JQUERY VALIDATION -->
	<script src="{{asset('js/wizard/js/jquery.validate.min.js')}}"></script>
	<script src="{{asset('js/wizard/js/additional-methods.min.js')}}"></script>
	<script src="{{asset('js/wizard/js/messages_pt_BR.min.js')}}"></script>

	

	<!-- JQUERY STEP -->
	<script src="{{asset('js/wizard/js/jquery.steps.js')}}"></script>
	<script src="{{asset('js/wizard/js/main.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/maps/mapsenvios.js')}}"></script>

	<script src="{{ asset('/plugins/mask-money/jquery.maskMoney.min.js') }}"></script>
	
	<!-- Template created and distributed by Colorlib -->
	<script>
   		//mascaras
		$(document).ready(function(){

			$(".mascara-money").maskMoney({
				prefix: "R$ ",
				decimal: ",",
				thousands: "."
			});
			
		});
	
	</script>


	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDIpnHFAp3i0xkl_L8ejOFbbKf6Mpi80Sw&libraries=places"></script>

@endsection