{"size": 4822, "ext": "js", "max_stars_repo_path": "src/components/WizardCapacitacion/Pagina6.js", "max_stars_repo_name": "Solang3/codefen", "max_stars_repo_stars_event_min_datetime": "2019-04-24T00:55:59.000Z", "max_stars_repo_stars_event_max_datetime": "2019-04-24T00:55:59.000Z", "max_issues_repo_path": "src/components/WizardCapacitacion/Pagina6.js", "max_issues_repo_name": "Solang3/codefen", "max_issues_repo_issues_event_min_datetime": "2019-04-26T22:02:55.000Z", "max_issues_repo_issues_event_max_datetime": "2019-05-06T18:52:48.000Z", "max_forks_repo_path": "src/components/WizardCapacitacion/Pagina6.js", "max_forks_repo_name": "Solang3/codefen", "max_forks_repo_forks_event_min_datetime": "2019-04-23T14:49:21.000Z", "max_forks_repo_forks_event_max_datetime": "2019-04-23T14:49:21.000Z"}
{"max_stars_count": 1, "max_issues_count": 2, "max_forks_count": 1, "avg_line_length": 41.5689655172, "max_line_length": 261, "alphanum_fraction": 0.5396101203}
import React, { Component } from 'react';
import Form from 'react-bootstrap/Form';
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
import Alert from 'react-bootstrap/Alert';
import Media from 'react-bootstrap/Media';
import RouteLink from '../RouteLink';
import InputGroup from 'react-bootstrap/InputGroup'
import FormControl from 'react-bootstrap/FormControl'
import Button from 'react-bootstrap/Button'

class Pagina6 extends Component {
  render() {
    return (
      <Container>
        <h3>Página de inicio del curso</h3>
        <hr></hr>
        <Form>
          <Form.Group>
            <Form.Label>Título del curso</Form.Label>
            <Form.Control type="text" name="titulo_del_curso" placeholder="Inserta el título de tu curso" />
          </Form.Group>     
        
          <Form.Group>
            <Form.Label>Subtítulo del curso</Form.Label>
            <Form.Control type="text" name="subtitulo_del_curso" placeholder="Inserta el subtítulo de tu curso" />
          </Form.Group>     

          <Form.Group>
            <Form.Label>Descripción del Curso</Form.Label>
            <Form.Control type="text" name="descripcion_del_curso" placeholder="Inserta la descripción del curso." maxLength="144"/>
          </Form.Group>     

          <Form.Group>
            <Form.Label>Imagen del Curso</Form.Label>
            <Row>
              <Col sm={1} md={6}>
              <img
                style={{width: '100%', height: 'auto'}}
                  className="mr-3"
                  src="/subi_tu_foto.png"
                  alt="Subi tu foto"
                />
              </Col>
              <Col sm={1} md={6}>
              <p>Haz que tu curso destaque con una atractiva imagen de nuestro equipo de diseño basada en tus preferencias y estilo. Consigue tu imagen gratis.</p>
              <p>Si creas la imagen por tu cuenta, tendrá que cumplir los estándares de calidad que deben cumplir las imágenes de los cursos para que la aceptemos.</p>
              <p>Directrices importantes: 750 x 422 píxeles, formato .jpg, .jpeg, .gif, o .png y sin texto en la imagen.</p>
              <InputGroup className="mb-3">
                <FormControl
                  placeholder="No has seleccionado un archivo"
                  aria-label="No has seleccionado un archivo"
                />
                <InputGroup.Append>
                  <Button variant="outline-secondary">Subir imagen</Button>
                </InputGroup.Append>
              </InputGroup>
              </Col>
            </Row>
          </Form.Group>

          <Form.Group>
            <Form.Label>Video Promocional</Form.Label>
            <Row>
              <Col sm={1} md={6}>
              <img
                style={{width: '100%', height: 'auto'}}
                  className="mr-3"
                  src="/subi_tu_foto.png"
                  alt="Subi tu foto"
                />              
              </Col>
              <Col>
              <p>Los estudiantes que ven un vídeo promocional bien hecho tienen 5 veces más probabilidades de matricularse en tu curso. Esa estadística se multiplica por 10 si los vídeos son excepcionalmente buenos. Aprende a hacer los tuyos impresionantes.</p>
              <InputGroup className="mb-3">
                <FormControl
                  placeholder="No has seleccionado un archivo"
                  aria-label="No has seleccionado un archivo"
                />
                <InputGroup.Append>
                  <Button variant="outline-secondary">Subir imagen</Button>
                </InputGroup.Append>
              </InputGroup>
              </Col>
            </Row>
          </Form.Group>

        </Form>
        <h6>Perfiles de los instructores</h6>
        <Alert  variant="danger">
          Todos los instructores visibles de este curso deben completar su perfil para que el curso se pueda publicar. Esto incluye el nombre, una foto y una breve biografía (mínimo de 50 palabras).
        </Alert>   
        <Media style={{marginBottom:20}}>
                <img
                  width={64}
                  height={64}
                  className="mr-3"
                  src="/image_171x180.svg"
                  alt="Instructor"
                />
                <Media.Body>
                  Nombre del instructor
                </Media.Body>
              </Media>              
              <Alert variant="danger">
                  <p>La biografía de un instructor debe tener al menos 50 palabras.</p>
                  <p>Es necesaria una imagen del instructor.</p>
                  <RouteLink to="/mi-perfil" label="Actualiza tu perfil"></RouteLink>
                  </Alert>
      </Container>
    )
  }
}

export default Pagina6