@extends('layout')

@section('title', 'CSR Key List')

{{--@section('meta:title', $page->title)--}}
{{--@section('meta:description', $page->meta_description)--}}

@section('content')

    @include('commons.banner')

    <section>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <a class="btn btn-link" href="{{route('csr.generator')}}"><i class="fa fa-arrow-left"></i> Back To Generator</a>
                            <h5 class="card-title">Private Key</h5>
                            <p class="card-text" id="PrivKey">
                                {!! $pkeyout !!}
                            </p>
                            <button class="btn btn-link" id="downPriv">Download</button>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">CSR</h5>

                            <p class="card-text" id="CSR">
                                {!! $csrout !!}
                            </p>
                            <button class="btn btn-link" id="downCSR">Download</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@stop


@push('scripts')
    <script>
        function downloadInnerHtml(filename, elId, mimeType) {
            var elHtml = document.getElementById(elId).innerHTML;
            var link = document.createElement('a');
            mimeType = mimeType || 'text/plain';

            link.setAttribute('download', filename);
            link.setAttribute('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(elHtml));
            link.click();
        }

        $('#downPriv').click(function () {
            downloadInnerHtml('key.txt', 'PrivKey', 'text/plain');
        });
        $('#downCSR').click(function () {
            downloadInnerHtml('csr.txt', 'CSR', 'text/plain');
        });
    </script>
@endpush