@extends('layouts.backend')

@section('extraCss')
@endsection

@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>QR Code Generator</h4>
    </div>
    
    <div class="alert alert-default">  
        <form action="{{ route('qrcodegenerator') }}" id="spscustomerreport" method="post">
            @csrf
            <fieldset class="fieldset">
            <div class="row">
                    <div class="col-12 col-sm-12 col-md-6 col-lg-6">
                        <label class="d-block"><b>Enter URL</b></label>
                        <input name="code" class="form-control" value="">
                    </div>
                    <div class="col-12 col-sm-12 col-md-6 col-lg-6">
                        <label class="d-block"><b> ACTION </b></label>
                        <button class="btn  btn-success  btn-sm d-inline" id="submit"><i class="fa fas fa-search"> Search </i></button>
                    </div>
                </div>
            </fieldset>  
        </form>
    </div>

    <div class="alert alert-default">{{ !empty(request('code')) ?  \QrCode::size(300)->generate(request('code'))  : '' }}</div>
    @php if(!empty(request('code'))) { @endphp
    <form action="{{ route('qrcodegeneratordownload') }}" method="post">
        @csrf
        <input type="hidden" value="{{ request('code') }}" name="qrurls">
        <button type="submit">Download Image</button>
    </form>
    @php } @endphp
</div>
@endsection
@section('extraJs')
@endsection