@extends('layouts.app')
@section('title', $title.$browserappend)
@section('content')
<script>
    $(document).ready(function() {
        $('.titlebreadcrumb').html('User Manual');
        $('.titlelabel').html('User Manual');
        $('.desclabel').html('');
        $('.pageicon').html('<span class="glyphicon glyphicon-list"></span>');
    });
</script>
<script type="text/javascript" src="/js/plugins/custom/pdfobject.js"></script>
<script type="text/javascript">
window.onload = function (){
    var success = new PDFObject({ url: "/uploads/manual/hrmagic_usermanual_v1.pdf" }).embed("pdf");
};
</script>
<style>
#pdf {
    width: 100%;
    height: 1300px;
    margin: 0;
    border: 1px solid green;
}
#pdf p {
   padding: 1em;
}
#pdf object {
   display: block;
   border: solid 1px #666;
}
</style>
@include('index.messages')
<div id="help_index">
    <div class="row">
        <div class="col-sm-12">
            <div class="box box-color">
                <div class="box-title">
                    <h3><i class="fa fa-calendar"></i>Quick Start Guide</h3>
                </div>
                <div class="box-content nopadding">
                    <div class="widget-content" style="background-color:#fdfdfd; height:auto; width:100%; border:1px solid green; padding:10px;">
                        <div id="pdf">
                            <div class="alert alert-info margin10">It appears you don't have Adobe Reader or PDF support in this web browser. <a href="/uploads/manual/hrmagic_usermanual_v1.pdf">Click here to download the PDF</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>          
</div>
@endsection