@extends('layouts.app')
@section('title', 'Generate QR')
@section('content')
    <div class="container page-content">
        <div class="row justify-content-xl-center page-col">
            <div class="col-xl-10 col-12">
                <h1 class="font-weight-bold typography-4 mb-0">Generate QR Details</h1>
            </div>
        </div>
        <!--Header -->
        <div class="row justify-content-xl-center page-col">
            <div class="col-xl-10 col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md">
                                <div class="row mb-3">
                                @if( Route::currentRouteName() == 'generate-qr-add-new-view' )
                                    <form id="generateQrForm" method="POST" action="{{ route('generate-qr-add-new-post') }}">
                                        @csrf
                                        <label for="qr_name" class="col-xl-4 col-form-label required-label">
                                        {{ __('Qr Name') }}
                                        </label>
                                        <div class="col-xl-12">
                                            <input id="qr_name" type="text" class="form-control @error('qr_name') is-invalid @enderror" name="qr_name" value="{{ old('qr_name') }}" placeholder="Insert meaningful qr name"/>
                                            @error('qr_name')
                                            <span class="invalid-feedback mt-3" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <label for="link_generated" class="col-xl-4 col-form-label required-label">
                                        {{ __('Link Generate') }}
                                        </label>
                                        <div class="col-xl-12">
                                            <input id="link_generated" type="text" class="form-control @error('link_generated') is-invalid @enderror" name="link_generated" value="{{ old('link_generated') }}" placeholder="Paste link to be generate"/>
                                            @error('link_generated')
                                            <span class="invalid-feedback mt-3" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-12 text-end d-flex pt-3">
                                                <a class="btn btn-black btn-custom" href="{{ route('generate-qr-index') }}">Back</a>
                                                <button type="submit" class="ms-3 btn btn-purple">Apply</button>
                                            </div>
                                        </div>
                                    </form>
                                @endif
                                @if( Route::currentRouteName() == 'generate-qr-edit-view' )
                                    <form id="generateQrForm" method="POST" action="{{ route('generate-qr-edit-post', ['id'=>$generate_qr->id] ) }}">
                                        @csrf
                                        <label for="qr_name" class="col-xl-4 col-form-label">
                                        {{ __('Qr Name') }}
                                        </label>
                                        <div class="col-xl-12">
                                            <input id="qr_name" type="text" class="form-control" name="qr_name" value="{{ $generate_qr->qr_name}}" placeholder="Paste link to be generate"/>
                                        </div>
                                        <label for="link_generated" class="col-xl-4 col-form-label">
                                        {{ __('Link Generate') }}
                                        </label>
                                        <div class="col-xl-12">
                                            <input id="link_generated" type="text" class="form-control" name="link_generated" value="{{ $generate_qr->link_generated}}" placeholder="Paste link to be generate"/>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-12 text-end d-flex pt-3">
                                                <a class="btn btn-black btn-custom" href="{{ route('generate-qr-index') }}">Back</a>
                                                <button type="submit" class="ms-3 btn btn-purple">Apply</button>
                                            </div>
                                        </div>
                                    </form>
                                @endif
                                </div>
                                <!-- Link Generate -->
                            </div>
                        </div>   
                    </div>
                </div>
               @if( Session::get('link') )
                <div class="card mt-5">
                        <div class="card-body">
                            <div class="row mb-3">
                                <div class="col-md">
                                    <div class="row mb-3">
                                        {!! QrCode::size(300)->style('square')->margin(3)->generate(Session::get('link')) !!}
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-12 text-end d-flex pt-3">
                                            <a class="btn btn-purple btn-custom" href="data:image/png;base64, {!! base64_encode (QrCode::format('png')->size(1000)->generate(Session::get('link'))) !!}" download>Download</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
               @endif
            </div>
        </div>
    </div>
@endsection