<!-- 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/comites'); ?>">Comités</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/comites'); ?>">
        <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">
	        <?php foreach ($comite as $value) { ?>
			<?php echo form_open_multipart('index.php/comites/update');?>
                <input type="hidden" value="<?= $value->id_comite ;?>" name="id_comite">
            <small>Campos con * son requeridos</small>
            <br>
            <hr>

            <div class="row form-group">

                <div class="col-md-4">
                    <label for="nombre_comite" class="required"><b>Nombre Completo</b>
                        <span class="required">*</span>
                    </label>
                    <input class="form-control" placeholder="Nombre completo" maxlength="150"
                           name="nombre_comite" id="nombre_comite" type="text" required
                           value="<?= $value->nombre_comite ;?>" >
                </div>

                <div class="col-md-5">
                    <label for="nombre_completo_comite" class="required"><b>Nombre Completo</b>
                        <span class="required">*</span>
                    </label>
                    <input class="form-control" placeholder="Nombre completo" maxlength="150"
                           name="nombre_completo_comite" id="nombre_completo_comite" type="text" required
                           value="<?= $value->nombre_completo_comite ;?>" >
                </div>


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


                    <label><b>Foto</b></label>
                    <a href="#" class="pop"><img src="<?= base_url('/uploads/logos/').$value->imagen_comite; ?>" width="30px" ></a>
                    <input type="file" name="imagen_comite" id="imagen_comite" size="20" value="<?= base_url('/uploads/logos/').$value->imagen_comite; ?>">
					<?php if (isset($message)) { echo '<span style="color: red">'.$message.'</span>'; } ?>
                    <input type="hidden" value="<?= $value->imagen_comite; ?>" name="imagen_2">

                </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><?= $value->descripcion ;?></textarea>
            </div>



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

			<?php echo form_close(); ?>
	        <?php } ?>
        </div>
        <!-- /.portlet-body -->
    </div>
    <!-- /.portlet -->
</div>

<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <img src="" class="imagepreview" style="width: 100%;" >
            </div>
        </div>
    </div>
</div>


<script>
    $(function() {
        $('.pop').on('click', function() {
            $('.imagepreview').attr('src', $(this).find('img').attr('src'));
            $('#imagemodal').modal('show');
        });
    });
</script>