@include('layouts.app', ['title'=>(isset($title)) ? $title : 'Inicio'])

<link rel="stylesheet" href="/css/actualizar_tarea.css">

<div class="margin-container"> 
    
<!-- ***************OPCIONES PRINCIPALES****************** -->
    
<!-- ***************OPCIONES PRINCIPALES****************** -->
<div class="container">
        <div class="row">
            <div class="col-1">
            </div>
            <div class="col-10">
                <div class="jumbotron jumbotron-fluid jumbotron-fluid-texto py-3">
                    <div class="container">
                        <h4 class="text-center display-4 display-4-font"><b>Actualizar Tarea # 10</b></h4>
                        <br>
                        <form>
                            <div class="form-group row px-lg-8">
                                <label for="inputEmail3" class="col-3 col-form-label">Fase</label>
                                <div class="col-sm-9">
                                    <input class="form-control" id="inputEmail3" placeholder="Email" readonly value="ARQUITECTURA DE PROCESOS INFORMATICOS">
                                </div>
                            </div>
                            <div class="form-group row px-lg-8">
                                <label for="inputEmail3" class="col-3 col-form-label">Subfase</label>
                                <div class="col-sm-9">
                                    <input class="form-control" id="inputEmail3" placeholder="Email" readonly value="VALIDACIÓN Y APROBACIÓN">
                                </div>
                            </div>
                            <div class="form-group row px-lg-8">
                                <label for="inputEmail3" class="col-3 col-form-label">Actividad</label>
                                <div class="col-sm-9">
                                    <input class="form-control" id="inputEmail3" placeholder="Email" readonly value="INGRESO VALIDO">
                                </div>
                            </div>
                            <div class="form-group row px-lg-8">
                                <label for="inputEmail3" class="col-3 col-form-label">Consecutivo</label>
                                <div class="col-sm-9">
                                    <input class="form-control" id="inputEmail3" placeholder="Email" readonly value="10">
                                </div>
                            </div>
                            <div class="form-group row px-lg-8">
                                <label for="inputEmail3" class="col-sm-3 col-form-label">Nombre de la Tarea</label>
                                <div class="col-sm-9">
                                    <input class="form-control" id="inputEmail3" placeholder="Email" readonly value="CARTERA">
                                </div>
                            </div>
                        </form>
                        
                    </div>
                </div>
                <div class="jumbotron jumbotron-fluid jumbotron-fluid-texto mt-4 pt-3 pb-3">
                    <div class="container">
                            <p class="lead"><B>CREACIÓN</B></p>
                            <hr class="hr-color-creacion">
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="inputEmail4">Consecutivo</label>
                                <input class="form-control" id="inputEmail4" placeholder="Email" readonly value="10">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="inputEmail4">Nombre</label>
                                <input class="form-control" id="inputEmail4" placeholder="Email"readonly value="CARTERA">
                            </div>
                        </div>
                    </div>
                </div>

<!-- identificacion -->

                <div class="jumbotron jumbotron-fluid jumbotron-fluid-texto mt-4 pt-3 pb-3">
                    <div class="container">
                            <p class="lead"><B>IDENTIFICACIÓN</B></p>
                            <hr class="hr-color-identificacion">
                        <div class="form-row">
                        <div class="form-group col-md-6">
                            <label >Lider Responsable</label>
                            <select class="form-control" >
                                <option>Seleccione</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label >Consultor</label>
                            <select class="form-control" >
                                <option>Seleccione</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="exampleFormControlTextarea1">Descripción de las Tarea</label>
                                <textarea class="form-control"  rows="3"></textarea>
                            </div>
                            <div class="form-group col-md-6">
                                <label for="exampleFormControlTextarea1">Alcance</label>
                                <textarea class="form-control"  rows="3"></textarea>
                            </div>
                         </div>
                    </div>
                    <div class="form-row">
                            <div class="form-group col-md-4">
                                <label for="inputZip">Fecha Inicial</label>
                                <input type="text" class="form-control" id="inputZip">
                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputZip">Fecha Fin</label>
                                <input type="text" class="form-control" id="inputZip">
                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputZip">Duracion (Días)</label>
                                <input type="text" class="form-control" id="inputZip">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="inputZip">Atraso</label>
                                <input type="text" class="form-control" id="inputZip">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="inputZip">Atraso</label>
                                <input type="text" class="form-control" id="inputZip">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label for="inputZip">Link Documento Entregable 1</label>
                                <input type="text" class="form-control" id="inputZip">
                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputZip">Link Documento Entregable 2</label>
                                <input type="text" class="form-control" id="inputZip">
                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputZip">Link Documento Entregable 3</label>
                                <input type="text" class="form-control" id="inputZip">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label >Campo opcionañ uno</label>
                                <select class="form-control" >
                                    <option>Seleccione</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                            <div class="form-group col-md-4">
                                <label >Campo opcional dos</label>
                                <select class="form-control" >
                                    <option>Seleccione</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                            <div class="form-group col-md-4">
                                <label >Campo opcional tres</label>
                                <select class="form-control" >
                                    <option>Seleccione</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                        <div class="form-group col-md-4">
                            <label >Campo opcional cuatro</label>
                            <select class="form-control" >
                                <option>Seleccione</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="form-group col-md-4">
                            <label >Campo opcional cinco</label>
                            <select class="form-control" >
                                <option>Seleccione</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="form-group col-md-4">
                            <label >Campo opcional seis</label>
                            <select class="form-control" >
                                <option>Seleccione</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                </div>
                <!-- Bitacora -->
                <div class="jumbotron jumbotron-fluid jumbotron-fluid-texto mt-4 pt-3 pb-3">
                    <div class="container">
                            <p class="lead"><B>BITÁCORA</B></p>
                            <hr class="hr-color-bitacora">
                    <div class="form-group">
                            <label for="exampleFormControlTextarea1">Example textarea</label>
                            <textarea class="form-control"  rows="3"></textarea>
                            </div>
                        </form>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label >Porcentaje de la Tarea</label>
                                <select class="form-control" >
                                    <option>Seleccione</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                                </div>
                            <div class="form-group col-md-6">
                                <label >Estado de la Tarea</label>
                                <select class="form-control" >
                                    <option>Seleccione</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>
                            <button type="submit" class="btn btn-success text-white">Guardar</button>
                        </div>
                    </div>
                </div>
            </div>
        <div class="col-1">
        </div>
    </div>
    
<!-- ***************END OPCIONES PRINCIPALES****************** -->

</div>   
<!-- ******************FOOTER******************** -->


     @include('layouts.footer')
    
<!-- ******************END FOOTER******************** -->