@extends('admin.layout')


@section('content')


    <div class="wrapper-md">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading font-bold">
                    <div class="row">
                        <div class="col-md-9">
                            <p class="m-n font-thin h3">QR Code Setup</p>
                        </div>
                        <div class="col-md-3 text-right">
                           {{-- <a href="{{ url('/setting') }}" title="Back">
                                <button class="btn btn-warning btn-sm"><i class="fa fa-print" aria-hidden="true"></i>
                                    Print
                                </button>
                            </a>--}}

                        </div>
                    </div>

                </div>
                <div class="panel-body">
                    <div class="col-md-12">
                        <form class="bs-example form-horizontal" accept-charset="UTF-8"
                              action="{{ url('setting/updateqrcode' ,$setting->id) }}" method="post"
                              enctype="multipart/form-data">
                            {{ csrf_field() }}

                            <div class="form-group">
                                <label for="value" class=" col-form-label">{{ 'QR Code Value' }}</label>

                                <input class="form-control" name="value" placeholder="Provide value" type="text"
                                       id="value" value="{{ $setting->value ?? '' }}" required>

                                {!! $errors->first('value', '<small class="text-danger">:message</small>') !!}

                            </div>
                            @if(!empty( $setting->value))
                                <div class="form-group">
                                    <img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->errorCorrection('H')->size(200)->generate( $setting->value )) !!}"/>
                                </div>
                            @endif
                            <div class="form-group">
                                <div class="text-right">
                                    <input class="btn btn-primary" type="submit" value="Submit">
                                </div>
                            </div>


                        </form>
                        <ul class="d-flex p-0 justify-content-center" style="list-style:none;">
                            {{--<li>
                                <form class="form-horizontal" action="{{ route('qrcode.download', [ 'type' => 'png' ])}}" method="post">
                                    @csrf
                                    <button type="submit" class="align-middle btn btn-outline-primary btn-sm">
                                        <i class="fas fa-fw fa-download"></i>
                                        PNG
                                    </button>
                                </form>
                            </li>--}}
                            <li>
                                <form class="form-horizontal" action="{{ route('qrcode.download', [ 'type' => 'svg' ])}}" method="post">
                                    @csrf
                                    <input class="form-control" name="qrcode" placeholder="Provide value" type="hidden"
                                           id="value" value="{{ $setting->value ?? '' }}"  >

                                    <button type="submit" class="align-middle btn btn-outline-primary btn-sm ml-1">
                                        <i class="fas fa-fw fa-download"></i>
                                       Print QR Code
                                    </button>
                                </form>
                            </li>
                    {{--        <li>
                                <form class="form-horizontal" action="{{ route('qrcode.download',[ 'type' => 'eps' ])}}" method="post">
                                    @csrf
                                    <button type="submit" class="align-middle btn btn-outline-primary btn-sm ml-1">
                                        <i class="fas fa-fw fa-download"></i>
                                        EPS
                                    </button>
                                </form>
                            </li>--}}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection