<div class="col-sm-8">
    <div class="row gray"> 
        <div class="col-sm-12">
            <div class="col-sm-12">
                <div class="col-sm-12"><h3 style="text-align: center !important; color: ">Invite Learner</h3></div>      
            </div>  
            <div class="col-sm-12"></div>
            <div class="col-sm-12">

                <div class="form-group col-sm-12">
                    <div class="form-group col-sm-12 padding-zero">
                        <div class="col-sm-11 padding-zero text-left">
                            <label for="video_course_name">To: </label>
                            <textarea type="text" data-errormessage-value-missing="Email address is Required" class="form-control" id="to_address" name="to_address" value="" placeholder="Separate multiple email addresses with a comma (,)" style="max-width: 505px;max-height: 200px;"></textarea>
                        </div>                                               
                    </div>                   
                </div>


                <div class="col-sm-12 form-group">                   
                    <div class="form-group col-sm-12 padding-zero">
                        <div class="col-sm-11 padding-zero text-left">
                            <label for="video_course_url">Invitation Message:</label>
                            <textarea data-errormessage-value-missing="Video Course Level is Required!" class="form-control" type="text" rows="7" cols="65" style="max-width: 505px;max-height: 200px" name="invitation_message" id="invitation_message" placeholder="Hi,I would like you to enroll in my online video course on TalhaTraining.Regards, #Teacher Name" value=""></textarea>
                        </div>
                    </div>                       
                </div>              

                <div class="col-sm-12 form-group"><br> 
                    <div class="col-sm-2 col-sm-offset-9">
                        <input class="col-sm-1 btn green-btn btn-small preview" value="Preview" onclick="email_preview();" type="button">
                    </div>
                    <br><br> 
                </div>

                <!--Email Preview View start-->
                <div class="col-sm-12" id="email_preview" >
                    <div class="col-sm-12">
                        <div id="dvEmailPreview" style="display: none">
                            <div class="full text-left top20">
                                <center><label class="fnt12">Email Preview</label></center>
                            </div>

                            <div class="fleft tbl_responsive top10 " style="background-color: #fff; border: solid 1px #d5d5d5;width: 620px ;" id="emailPreview">

                                <div id="dvEmailTemplate">
                                    <table style="font-family: Tahoma; border: solid 1px #cad4e7; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#eceef5">
                                        <tbody>
                                            <tr>
                                                <td width="5%">
                                                    <table width="10%" cellspacing="0" cellpadding="0" border="0">
                                                        <tbody><tr>
                                                                <td>&nbsp;
                                                                </td>
                                                            </tr>
                                                        </tbody></table>
                                                </td>
                                                <td width="90%" valign="top">
                                                    <!-- LOGO -->
                                                    <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                                        <tbody>
                                                            <tr>
                                                                <td height="10">&nbsp;
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <table style="font-family: Tahoma; border: solid 1px #DDDDDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF">
                                                        <tbody>
                                                            <tr>
                                                                <td colspan="3">
                                                                    <table style="font-family: Tahoma" width="100%" cellspacing="0" cellpadding="0" border="0">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td height="20"></td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="3">
                                                                    <table style="font-family: Tahoma;" width="100%" cellspacing="0" cellpadding="0" border="0">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td width="1%" valign="top" align="left"></td>
                                                                                <td valign="top" align="left">
                                                                                    <a href="javascript:void(0);" target="_blank" style="cursor:default;">
                                                                                        <img src="<?php echo base_url() . '/image/logo.png' ?>" alt="" border="0">
                                                                                        Talha Training</a>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td width="1%">
                                                                    <table width="15" cellspacing="0" cellpadding="0" border="0">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td></td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </td>
                                                                <td style="font-size: 12px; color: #444; border-top: solid 1px #cfcfcf; line-height: 20px;" width="98%" valign="top">
                                                                    <table style="font-family: Tahoma; color: #444;" width="100%" cellspacing="0" cellpadding="0" border="0">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td height="15"></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td style="font-family: Tahoma; color: #444; font-size: 12px;" align="left">Hello, </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td height="5"></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td style="font-size: 12px; float: left; color: #444; font-family: Tahoma;" valign="top">
                                                                                    <span id="inv_msg"></span>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td height="10"></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td style="font-size: 12px; float: left; color: #444;  font-family: Tahoma;" valign="top">
                                                                                    Click below link to view Course Details 
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td>
                                                                                    <div id="dvOwnerMsg" style="margin-top:10px; font-weight: bold; float: left;">
                                                                                        <a href="" target="blank"></a>
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td style="font-size: 12px; color: #444; font-family: Tahoma;" valign="top">
                                                                                    <p class="text-justify"></p><p> 
                                                                                    </p><p class="text-justify"></p><p> 
                                                                                    </p><p class="text-justify">Thank You.</p>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td height="10"></td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <table style="font-family: Tahoma; color: #444;" width="100%" cellspacing="0" cellpadding="0" border="0">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td style="line-height: 17px; font-size: 12px" class="text-justify" valign="top" height="15px">
                                                                                    Sincerely,<br>

                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <table width="1" cellspacing="0" cellpadding="0" border="0">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td height="10"></td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </td>
                                                                <td width="1%">
                                                                    <table style="width: 15px" cellspacing="0" cellpadding="0" border="0">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td>&nbsp;
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                                <td width="5%">
                                                    <table width="10" cellspacing="0" cellpadding="0" border="0">
                                                        <tbody>
                                                            <tr>
                                                                <td>&nbsp;
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="3">
                                                    <table width="1" cellspacing="0" cellpadding="0" border="0">
                                                        <tbody>
                                                            <tr>
                                                                <td height="10">&nbsp;
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <!--Email Preview View End-->
                <input id="video_course_num" name="video_course_num" value="45" type="hidden">
                <div class="col-md-12"><br></div>
                <div class="col-sm-2"></div>
                <div class="col-sm-3">
                    <a href="#" class="green-btn btn btn-default edit_course">Edit Course</a>
                </div>           
                <div class="col-sm-2">
                    <input class="green-btn btn btn-default invite" name="btn" value="Invite" type="submit">
                </div>
                <div class="col-sm-2">
                    <a href="#" class="green-btn btn btn-default skip">Skip</a>
                </div>
            </div>  
        </div>   
    </div>
</div>
<script src="<?php echo base_url();?>video_course_asset/video_course_front_end/video_course_js/invite_learner.js" type="text/javascript"></script>
<link href="<?php echo base_url();?>video_course_asset/video_course_front_end/video_course_css/video_course_invite_learner.css" rel="stylesheet" type="text/css"/>