@extends('layouts.new-app')
@section('content')
<a target="_blank" href="{{ url('/user/certificate-download/1') }}" class="btn btn-sm btn-outline-success pull-right" id="cmd" style="margin-right:10px;">DOWNLOAD CERTIFICATE</a>

<div class="container h-100" id="pdfDiv">
	<div class="row d-flex justify-content-center  h-100">
	    <div class="col-md-12 col-xs-12 col-sm-12 col-lg-8 chapterscontainer">
		   <div style="width:730px; height:920px; text-align:center; border: 10px solid #5f5f5f;background-color:#fff;">
		   <div style="width:710px; height:900px; padding:30px 15px; text-align:center; border: 2px solid #f2f2f2;background-color:#fff;">

		      <span style="text-align:center;"><img src="{{ asset('new_theme/images/certificate-header-design-300.png') }}" alt="No image"></span><br>
		       <br>
		       <span style="font-size:20px;font-family:Roboto;border-bottom:2px solid #ccc;padding:5px 200px;text-align:center;font-weight:bold;">GOLARSTANK LLC</span>
		       <br><br>
		       <span style="font-size:20px;font-family:Roboto;font-weight:bold;line-height:25px;">A Certified Course Sponsor for<br>
		        "Bureau of Underground Storage Tank Regulations"<br>
		        Class "AB" Operator Training</span><br><br>
               <span style="font-size:18px;font-family:Roboto">
		       Recognizing
		       </span><br>
		      <span style="font-size:20px;font-family:Roboto;font-weight:bold;border-bottom:2px solid #ccc;padding:5px 100px;">
		       "{{ ucwords(auth()->user()->name.' '.auth()->user()->last_name) }}  "
		       </span><br><br>

		       <span style="font-size:18px;text-align:center;font-family:Roboto;line-height:25px;">as having successfully completed<br>
		       "Underground Storage Tank Class "@if(($list!='') && $list->operator==1) A @endif @if(($list!='') && $list->operator==2) B @endif @if(($list!='') && $list->operator==3) C @endif" Operator Traing".<br>
		       Presented
		       </span><br><br>
		       <div style="background-image:url(/public/new_theme/images/certificate-footer-design-300.jpg);background-repeat: no-repeat;background-position: center;height:250px;">
		       <span style="font-size:16px;text-align:center;">{{ ($list!='')?date('d-M-Y', strtotime($list->created_at)):'' }}</span><br><br>
		       <span style="font-size:16px;font-family:Roboto;text-align:center;border-top:2px solid #ccc;padding:0px 50px;">Date</span><br><br>

		       <span style="text-align:center;"><img src="{{ asset('theme/images/signature-green.jpg') }}" alt="image" style="width:12%;"></span><br>
		       <span style="font-size:14px;text-align:center;display:block;padding:5px 0px;">VIRENDER KUMAR</span>
		       <span style="font-size:14px;font-family:Roboto;text-align:center;border-top:2px solid #ccc;padding:3px 80px;">Instructor Signature</span>
		       </div>

		      </div>
		</div>
    </div>
    </div>
</div>

<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