<!-- Breadcumbs -->
<div class="row">
    <h3 class="page-title" style="margin: 0 0 20px;"><?= $title; ?>
        <small></small>
    </h3>
    <div class="page-bar">
        <ul class="page-breadcrumb">
            <li>
                <i class="fa fa-dashboard"></i>
                <a href=" <?= base_url('index.php/user/dashboard'); ?>">Inicio</a>
                <i class="fa fa-angle-right"></i>
            </li>
            <li>
                <i class="fa fa-users"></i>
                <a href=" <?= base_url('index.php/integrantes'); ?>">Integrantes</a>
                <i class="fa fa-angle-right"></i>
            </li>
            <li>
                <span><?= $title; ?></span>
            </li>
        </ul>
    </div>
</div>
<!-- End Breadcumbs -->
<div class="row">
    <a href=" <?= base_url('index.php/integrantes'); ?>">
        <button class="btn btn-green">
            <i class="fa fa-arrow-left" style="margin-right:8px;"></i>Regresar
        </button>
    </a>
    <div style="margin:15px;"></div>
    <div class="portlet portlet-default">
        <div class="portlet-heading">
            <div class="portlet-title">
                <h4><?= $title; ?></h4>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="portlet-body">
            <!--form  class="" id="integrantes-form" action=" <?= base_url(''); ?>" method="post" -->
	            <?php// echo form_open_multipart("index.php/integrantes/insert", "class='form-'"); ?>
	            <?php echo form_open_multipart('index.php/integrantes/insert');?>
                <small>Campos con * son requeridos</small>
                <br>
                <hr>

                <div class="row form-group">

                    <div class="col-md-5">
                        <label for="Integrantes_nombre_completo" class="required"><b>Nombre Completo</b>
                            <span class="required">*</span>
                        </label>
                        <input class="form-control" placeholder="Nombre completo" maxlength="150"
                               name="Integrantes_nombre_completo" id="Integrantes_nombre_completo" type="text" required
                            <?php if (isset($datos)) { echo 'value='.$datos['Integrantes_nombre_completo']; } ?> >
                    </div>


                    <div class="col-md-4">
                        <label for="tipo"><b>Dependencia</b></label>
                        <select class="form-control" name="tipo" id="tipo">
                            <!--optgroup label="" -->
			                <?php foreach ($tipo_integrante as $tipo) { ?>
                                <option value="<?= $tipo->id ;?>" ><?= $tipo->nombre ;?></option>
                                <!--/optgroup -->
			                <?php } ?>
                        </select>
                    </div>



                    <div class="col-md-3">


                        <label><b>Foto</b></label>
                        <input type="file" name="imagen" id="imagen" size="20" required>
	                    <?php if (isset($message)) { echo '<span style="color: red">'.$message.'</span>'; } ?>

                    </div>

                </div>

                <div class="form-group">

                    <label for="descripcion" class="required"><b>Descripción
                            <span class="required">*</span></b>
                    </label>
                    <textarea rows="6" cols="50" class="form-control" name="descripcion" id="descripcion" required><?php if (isset($datos)) { echo $datos['descripcion']; } ?></textarea>
                </div>

                <div class="form-group">
                    <label for="puesto"><b>Puesto</b></label>
                    <input class="form-control" maxlength="100" placeholder="Puesto de trabajo" name="puesto"
                           id="puesto" type="text" <?php if (isset($datos)) { echo 'value='.$datos['puesto']; } ?>>
                </div>

                <div class="form-group row">
                    <div class="col-md-6">
                        <label for="perfil_academico"><b>Perfil Académico</b></label>
                        <input class="form-control" maxlength="100" placeholder="URL del perfil académico"
                               name="perfil_academico" id="perfil_academico" type="text" <?php if (isset($datos)) { echo 'value='.$datos['perfil_academico']; } ?>>
                    </div>
                    <div class="col-md-6">
                        <label for="correo"><b>Correo electrónico</b></label>
                        <input class="form-control" maxlength="100" placeholder="Correo electrónico" name="correo"
                               id="correo" type="email" <?php if (isset($datos)) { echo 'value='.$datos['correo']; } ?>>
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-md-6">
                        <label for="website"><b>Website</b></label>
                        <input class="form-control" maxlength="100" placeholder="URL de sitio web" name="website"
                               id="website" type="text" <?php if (isset($datos)) { echo 'value='.$datos['website']; } ?>>
                    </div>
                    <div class="col-md-6">
                        <label for="twitter"><b>Twitter</b></label>
                        <input class="form-control" maxlength="100" placeholder="URL de Twitter" name="twitter"
                               id="twitter" type="text" <?php if (isset($datos)) { echo 'value='.$datos['twitter']; } ?>>
                    </div>
                </div>

                <div class="form-group row">

                    <div class="col-md-6">
                        <label for="facebook"><b>Facebook</b></label>
                        <input class="form-control" maxlength="100" placeholder="URL de Facebook" type="text"
                               name="facebook" id="facebook" <?php if (isset($datos)) { echo 'value='.$datos['facebook']; } ?>>
                    </div>

                    <div class="col-md-6">
                        <label for="otro"><b>Otro</b></label>
                        <input class="form-control" maxlength="100" placeholder="URL del colaborador" name="otro"
                               id="otro" type="text" <?php if (isset($datos)) { echo 'value='.$datos['otro']; } ?>>
                    </div>
                </div>

                <div class="form-group row">

                    <div class="col-md-6">
                        <label for="youtube"><b>URL Youtube</b></label>
                        <input class="form-control" maxlength="300" placeholder="URL Youtube" name="youtube"
                               id="youtube" type="text" <?php if (isset($datos)) { echo 'value='.$datos['youtube']; } ?>>
                    </div>

                    <div class="col-md-6">
                        <label for="comite"><b>Comité</b></label>
                        <select class="form-control" name="comite" id="comite">
                            <!--optgroup label="" -->
                            <?php foreach ($comites as $comite) { ?>
                                <option value="<?= $comite->id_comite ;?>" <?php if ($comite->id_comite==1){echo 'selected'; } ?>><?= $comite->nombre_comite ;?></option>
                                <!--/optgroup -->
			                <?php } ?>
                        </select>
                    </div>

                </div>

                <div class="form-actions">
                    <button class="btn btn-default btn btn-primary" type="submit">Crear</button>
                    <button class="btn btn-default btn" type="reset" >Borrar</button>
                </div>

	        <?php echo form_close(); ?>

        </div>
        <!-- /.portlet-body -->
    </div>
    <!-- /.portlet -->
</div>