@extends('layouts.new-app')
@section('content')
<style>
    .c-evaluation {
        background-color: #fff;
    }

    .c-evaluation .chapters-container {
        padding: 20px;
    }

    .cevaluation-title {
        font-weight: bold;
        text-align: center;
        margin: 10px 0px !important;
        font-size: 20px;
    }

    .c-note {
        border: 1px solid #ccc;
        padding: 0px 10px;
        font-size: 12px;
        margin-top: 10px;
    }

    .operator-table {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
    }

    .cevaluation-cont {
        padding: 10px 0px;
    }

    .cform-rule {
        font-size: 12px;
    }

    .cform-footer {
        font-size: 12px;
    }

    .form-group label {
        color: #000;
    }

    input:focus {
        border-color: #74cb80;
    }

    input {
        border-width: 0px 0px 1px;
        width: 150px;
    }

    .form-group {
        margin: 0px !important;
    }
</style>
<div class="row m-0" style="justify-content: center;">
    <a target="_blank" href="{{ url('/user/certificate-download/100') }}"
        class="btn btn-sm btn-outline-success pull-right" id="cmd" style="margin-right:2rem;">DOWNLOAD
        CERTIFICATE</a>
</div>
<div class="clearfix"></div>
<div class="row m-0" style="justify-content: center;">
    <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12">
        <div class="" id="pdfDiv" style="margin-top:20px;">
            <div
                style="width:700px; height:650px; text-align:center; border: 8px solid #86c366;background-color:#fff;padding:10px;">
                <div
                    style="width:665px; height:615px; padding:15px; text-align:center; border: 3px solid #b1c7a2;background-color:#fff;">
                    <span style="float:left;">
                        <img src="/public/new_theme/images/golars-tank.png" alt="logo" style="width:100px;">
                    </span>
                    <span style="float: right;font-size:12px;text-align:left;font-family:Roboto;font-weight:bold;">
                        <span style="">9761 Crosspoint Blvd,
                            <br>Indianapolis, IN 46256, USA.</span>
                    </span>
                    <span class="clearfix"></span>
                    <span style="text-align:center;color:#000;font-size:20px;">
                        <span style="display:block;text-align:center;font-family:Bai-jamjuree;">Underground Storage Tank
                            Program</span>
                        <span style="display:block;text-align: center;font-family:Bai-jamjuree;"><b>Operator Training
                                Certification</b></span>
                        <span style="text-align: center;position:relative;left:0px;right:0px;">
                            <span
                                style="font-size:32px;font-weight: bold;color:#fff;border-radius:5px;border:1px solid #5eb034;background-color:#5eb034;padding:0px 10px;font-family:Roboto;">AB</span>
                        </span>
                    </span>
                    <span class="clearfix"></span>
                    <span
                        style="display:block;font-size:24px; font-family:Roboto-bold;font-weight:bold;letter-spacing:1.5px;">CERTIFICATE
                        OF COMPLETION</span>
                    <br>
                    <span style="font-size:18px;font-family:Roboto-Regular;">Awarded to</span>
                    <br>
                    <span style="font-size:20px;color:#1365b7;font-family:Bai-jamjuree;font-weight:bold;">
                        {{ ucwords(auth()->user()->name.' '.auth()->user()->last_name) }}
                    </span><br>
                    <span class="italic" style="font-size:14px;font-family:Roboto;">For completion of Underground
                        Storage Tank
                        Operator Training Class <b>"A & B"</b><br>
                        course approved by <b>TEXAS Commission on Environmental Quality (TCEQ)</b><br>
                        in accordance with Texas Administrative Code <b>(30 TAC Chapter 334)</b>.</span><br><br>
                    <span style="padding-left:10px;font-size:16px;float:left;font-family:Roboto;"><b>ISSUE
                            DATE</b><br><span style="font-size:14px;font-weight:500;">{{ date('d-M-Y') }}</span></span>
                    <span style="font-size:16px;float:right;font-family:Roboto;"><b>TRAINER
                            SIGNATURE</b><br>
                        <span style="text-align:center;"><img src="{{ asset('theme/images/signature-green.jpg') }}"
                                alt="image" style="width:40%;"></span><br><span style="font-size:14px;display:block;">
                            {{ ucwords('Virender Kumar') }}</span></span>
                    <span class="clearfix"></span><br>
                    <hr>
                    <span style="font-size:14px;"><span
                            style="text-align:left;padding:0px 10px;">info@tankbaba.com</span><span
                            style="text-align:center;padding:0px 10px;">(317) 500-0000</span><span
                            style="padding:0px 10px;text-align:right;">www.tankbaba.com</span></span>
                </div>
            </div>
        </div>
    </div>
</div>
<!--FORM ENDS HERE-->
<script>
    var doc = new jsPDF();
    var specialElementHandlers = {
        '#editor': function (element, renderer) {
            return true;
        }
    };

    $('#cmd').click(function () {
        doc.fromHTML($('#pdfDiv').html(), 15, 15, {
            'width': 170,
            'elementHandlers': specialElementHandlers
        });
        doc.save('file.pdf');
    });
</script>
@endsection