import React from 'react';
import {STATIC_ASSETS} from 'trc-client-core/src/constants/url';

var BodyAndPaintSideNav = React.createClass({
    render: function() {
        return (
            <div>
                <div className="margin-bottom2">
                    <a className="row block" href="http://webapps.toyota.com.au/iapps/SARIS/"><img src={`${STATIC_ASSETS}img/content/body_and_paint/saris.png`}  alt="Body And Paint" /></a>
                    <a className="row block" href="/#/body_and_paint"><img src={`${STATIC_ASSETS}img/content/body_and_paint/ToyotaBodyAndPaintLogo.jpg`}  alt="Body And Paint" /></a>
                </div>
                <ul className="IconList IconList-child IconList-body_paint">            
                    <li><a data-icon={"\uE037"}>Resources</a></li>               
                    <li className="IconList IconList-grandchild">
                        <ul>
                            <li><a 
                                href={`${STATIC_ASSETS}docs/bodyandpaint/Toyota Body Technician Step 1 Textbook.pdf`} 
                                data-icon={String.fromCharCode(57378)} 
                                title="Body Technician Textbook">Body Technician Textbook <small>(205.3 mb)</small></a>
                            </li>                    
                            <li><a 
                                href={`${STATIC_ASSETS}docs/bodyandpaint/Toyota Paint Technician Step 1 Textbook.pdf`}
                                data-icon={String.fromCharCode(57378)} 
                                title="Paint Technician Textbook">Paint Technician Textbook <small>(202.9 mb)</small></a>
                            </li>                                   
                        </ul>
                    </li>

                    <li ><a data-icon={"\uE051"}>Useful Links</a></li>               
                    <li className="IconList IconList-grandchild">
                        <ul>
                            <li><a href="http://webapps.toyota.com.au/iapps/SARIS/" data-icon={"\uE144"} title="Saris">Saris</a></li>
                        </ul>
                    </li>
                </ul>   
            </div>
        );
    }
});

module.exports = BodyAndPaintSideNav;