<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/fullscreenoverlay/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/fullscreenoverlay/css/style11.css" />

<script>
    $(function(){
        $("#templatewizard").steps({
            headerTag: "h3",
            bodyTag: "section",
            transitionEffect: "slideLeft",
            stepsOrientation: "vertical",
            autoFocus: true
        });

        // $("#websiteGenerator").modal("show");
    })

    function getIndustry(){
        var businessIndustry = $('#businessIndustryTemp option:selected').val();

        $('#businessTypeTemp').empty();

        $.ajax({
            type: "POST",
            url: "<?php echo base_url(); ?>setup/getBusinessType",
            data: {
                'industryID' : businessIndustry
            },
            dataType:'json',
            success: function(data){
                if(data.status = 'success'){

                    var n = data.message.length;
                    var i = 0;

                    var opt = '';

                    for (i=0;i<n;i++)
                        opt=opt + '<option value="' + data.message[i].ID + '">' + data.message[i].name + '</option>';

                    $('#businessTypeTemp').append(opt);
                }
            }
         });
    }
</script>
<style>
    .carousel-caption {
    top: 0;
    bottom: auto;
    }
</style>
<!-- ********************************************************************************************************************************* -->
<div id="websiteGenerator" class="modal fade in">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header" style="background-color: #3b5998 !important;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span></button>
                <h4 class="modal-title" style="color: #fff !important;"><?php echo $this->lang->line('modalTitle'); ?></h4>
            </div>
            <div class="modal-body" style="color: #333333 !important;">
                <div id="templatewizard" style="font-size: 1.3em;">
                    <h3><?php echo $this->lang->line('section1_title'); ?></h3>
                    <section>
                        <p><?php echo $this->lang->line('section1_ins'); ?></p>
                    </section>
<!-- ********************************************************************************************************************************* -->
                    <h3><?php echo $this->lang->line('section2_title'); ?></h3>
                    <section>
                        <p><?php echo $this->lang->line('section2_ins'); ?></p>
                        <div class="box box-solid">
                            <div class="box-body">
                                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                                    <ol class="carousel-indicators">
                                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                                        <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
                                        <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
                                    </ol>
                                    <div class="carousel-inner">
                                        <div class="item active">
                                            <a href="<?php echo base_url() ?>templates/template1" target="_blank">
                                            <img src="<?php echo base_url() ?>assets/images/spslite_template1.png" alt="Template 1">
                                            </a>
                                            <div class="carousel-caption">
                                                <h3>Greyscale</h3>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <a href="<?php echo base_url() ?>templates/template2" target="_blank">
                                            <img src="<?php echo base_url() ?>assets/images/spslite_template2.png" alt="Template 2">
                                            </a>
                                            <div class="carousel-caption">
                                                <h3>Agency</h3>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <a href="<?php echo base_url() ?>templates/template3" target="_blank">
                                            <img src="<?php echo base_url() ?>assets/images/spslite_template3.png" alt="Template 3">
                                            </a>
                                            <div class="carousel-caption">
                                                <h3>Creative</h3>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                                    <span class="fa fa-angle-left"></span>
                                    </a>
                                    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                                    <span class="fa fa-angle-right"></span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="pick">
                            <div class="col-md-4">
                                <div class="input-group">
                                    <div class="form-control templatename" style="background-color: #fff !important;"><label for="templateA">Greyscale</label></div>
                                    <span class="input-group-addon">
                                    <input type="radio" id="templateA" name="templatepick" value="1">
                                    </span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="input-group">
                                    <div class="form-control templatename" style="background-color: #fff !important;"><label for="templateB">Agency</label></div>
                                    <span class="input-group-addon">
                                    <input type="radio" id="templateB" name="templatepick" value="2">
                                    </span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="input-group">
                                    <div class="form-control templatename" style="background-color: #fff !important;"><label for="templateC">Creative</label></div>
                                    <span class="input-group-addon">
                                    <input type="radio" id="templateC" name="templatepick" value="3">
                                    </span>
                                </div>
                            </div>
                        </div>
                    </section>
<!-- ********************************************************************************************************************************* -->
                    <h3><?php echo $this->lang->line('section3_title'); ?></h3>
                    <section>
                        <p><?php echo $this->lang->line('section3_ins'); ?></p>
                        <label><?php echo $this->lang->line('name'); ?></label>
                        <input class="form-control" type="text" name="" value="<?php echo $compName; ?>"><br>
                        <label><?php echo $this->lang->line('companyLogo'); ?></label>
                        <form action="/upload-target" class="dropzone"></form><br>
                        <!-- <input class="form-control" type="file" name="" value=""><br> -->
                        <div class="form-group">
                            <label><?php echo $this->lang->line('industryType'); ?></label>
                            <select class="form-control" id="businessIndustryTemp" name="businessIndustryTemp" onchange="getIndustry()">
                                <?php
                                    $getIndustry = $this->company_info_model->getBusinessIndustry();
                                    echo "<option value=''>--Please Select--</option>";
                                    foreach($getIndustry as $row){

                                        echo "<option value=".$row->ID.">".$row->name."</option>";

                                    }
                                ?>
                            </select>
                        </div>
                        <div class="form-group">
                            <label><?php echo $this->lang->line('bizType'); ?></label>
                            <select class="form-control" id="businessTypeTemp" name="businessTypeTemp">
                            <?php
                                $getBusiness = $this->company_info_model->getBusinessType();
                                echo "<option value=''>--Please Select--</option>";
                                foreach($getBusiness as $row){

                                    echo "<option value=".$row->ID.">".$row->name."</option>";

                                }
                            ?>
                            </select>
                        </div>
                    </section>
<!-- ********************************************************************************************************************************* -->
                    <h3><?php echo $this->lang->line('section4_title'); ?></h3>
                    <section>
                        <div class="col-md-12">
                            <label><?php echo $this->lang->line('address'); ?></label>
                            <input class="form-control" type="text" name="" value="<?php echo $compAddress1; ?>"><br>
                            <input class="form-control" type="text" name="" value="<?php echo $compAddress2; ?>"><br>
                            <input class="form-control" type="text" name="" value="<?php echo $compAddress3; ?>"><br>
                        </div>
                        <div class="col-md-4">
                            <label><?php echo $this->lang->line('postcode'); ?></label>
                            <input class="form-control" type="text" name="" value="<?php echo $compPostCode; ?>">
                        </div>
                        <div class="col-md-4">
                            <label><?php echo $this->lang->line('city'); ?></label>
                            <select class="form-control">
                                <option></option>
                                <option>option 2</option>
                                <option>option 3</option>
                                <option>option 4</option>
                                <option>option 5</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label><?php echo $this->lang->line('state'); ?></label>
                            <select class="form-control">
                                <option></option>
                                <option>option 2</option>
                                <option>option 3</option>
                                <option>option 4</option>
                                <option>option 5</option>
                            </select>
                            <br>
                        </div>
                        <div class="col-md-12">
                            <label><?php echo $this->lang->line('website'); ?></label>
                            <input class="form-control" type="text" name="" value="<?php echo $compWebsite; ?>"><br>
                        </div>
                        <div class="col-md-6">
                            <label><?php echo $this->lang->line('email'); ?></label>
                            <input class="form-control" type="text" name="" value="<?php echo $compEmail; ?>"><br>
                        </div>
                        <div class="col-md-6">
                            <label><?php echo $this->lang->line('phone'); ?></label>
                            <input class="form-control" type="text" name="" value="<?php echo $compPhone; ?>">
                        </div>
                    </section>
<!-- ********************************************************************************************************************************* -->
                    <h3><?php echo $this->lang->line('section5_title'); ?></h3>
                    <section>
                        <p><?php echo $this->lang->line('section5_ins'); ?></p>
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-facebook fa-lg fa-fw"></i></span>
                            <input type="email" class="form-control" placeholder="Facebook">
                        </div>
                        <br>
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-twitter fa-lg fa-fw"></i></span>
                            <input type="email" class="form-control" placeholder="Twitter">
                        </div>
                        <br>
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-instagram fa-lg fa-fw"></i></span>
                            <input type="email" class="form-control" placeholder="Instagram">
                        </div>
                        <br>
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-google-plus fa-lg fa-fw"></i></span>
                            <input type="email" class="form-control" placeholder="Google+">
                        </div>
                        <br>
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-youtube fa-lg fa-fw"></i></span>
                            <input type="email" class="form-control" placeholder="YouTube">
                        </div>
                        <br>
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-linkedin fa-lg fa-fw"></i></span>
                            <input type="email" class="form-control" placeholder="LinkedIn">
                        </div>
                    </section>
<!--********************************************************************************************************************************** -->
                    <h3><?php echo $this->lang->line('section6_title'); ?></h3>
                    <section>
                        <p><?php echo $this->lang->line('section6_ins'); ?></p>
                    </section>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ********************************************************************************************************************************* -->
<div class="content-wrapper">
    <section class="content-header">
        <h1><?php echo $this->lang->line('page_title'); ?></h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-home fa-fw"></i> <?php echo $this->lang->line('home'); ?></a></li>
            <li class="active"><i class="fa fa-dashboard fa-fw"></i> <?php echo $this->lang->line('page_title'); ?></li>
        </ol>
    </section>
    <section class="content">
        <button id="trigger-overlay" class="btn btn-lg btn-flat bg-olive"><i class="fa fa-plus"></i></button>
    </section>
    <div class="overlay overlay-simplegenie">
        <button type="button" class="overlay-close">Close</button>
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Work</a></li>
                <li><a href="#">Clients</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </div>
</div>
<script src="<?php echo base_url(); ?>assets/fullscreenoverlay/js/modernizr.custom.js"></script>
<script src="<?php echo base_url(); ?>assets/fullscreenoverlay/js/classie.js"></script>
<script src="<?php echo base_url(); ?>assets/fullscreenoverlay/js/demo1.js"></script>
