@extends('layouts.app', ['title'=>(isset($title)) ? $title : 'Inicio'])
@section('localcss')
<link rel="stylesheet" href="/css/configuracion_email.css">
@endsection
@section('content')
<div class="margin-container"> 
    <div class="container"> 
        <div class="row">
            <div class="col-12 col-md-6">  
                <div class="card card-sombras">
                    <form class="px-4 py-3">
                        <h4 class="text-center display-4 display-4-font mb-3"><b>Ambiente</b></h4>
                        <div class="dropdown-divider"></div>
                        <div class="form-group">
                                <label for="exampleDropdownFormEmail1"><b>Nombre</b></label>
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-address-book text-danger"></i></span>
                                <input type="text" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1">
                            </div>
                        </div>
                        <div class="form-group">
                                <label for="exampleDropdownFormEmail1"><b>Color</b></label>
                            <div class="input-group">
                                <span class="input-group-addon text-success" id="basic-addon1">#</span>
                                <input type="text" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1">
                            </div>
                        </div>
                        <div class="form-group">
                                <label ><b>Logo</b></label>
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-clone text-primary"></i></span>
                                <input  class="form-control" >
                            </div>
                        </div>
                        <div class="text-center">
                            <button type="submit" class="btn btn-info">Guardar</button>
                        </div>
                        <hr>
                        <p>Estos son parámetros de la tabla ambiente, que pueden modificarse cuando se necesite, en un ambiente de producción casi nunca deberían cambiar estos 3 datos</p>
                    </form>      
                </div>
            </div>
            <div class="col-12 col-md-6">  
                <div class="card card-sombras" id="email-top">
                    <form class="px-4 py-3">
                        <h4 class="text-center display-4 display-4-font mb-3"><b>Configuración de Email</b></h4>
                        <div class="dropdown-divider"></div>
                        <div class="form-group">
                                <label for="exampleDropdownFormEmail1"><b>Servidor de Email</b></label>
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-desktop text-danger"></i></span>
                                <input type="text" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1" disabled>
                            </div>
                        </div>
                        <div class="form-group">
                                <label for="exampleDropdownFormEmail1"><b>Email</b></label>
                            <div class="input-group">
                                <span class="input-group-addon text-success" id="basic-addon1">@</span>
                                <input type="text" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1" disabled>
                            </div>
                        </div>
                        <div class="form-group">
                                <label ><b>Contraseña</b></label>
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-key text-primary"></i></span>
                                <input  class="form-control" >
                            </div>
                        </div>
                        <div class="form-group">
                                <label for="exampleDropdownFormEmail1"><b>Puerto</b></label>
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-hdd-o text-dark"></i></span>
                                <input type="text" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1" disabled>
                            </div>
                        </div>
                        <div class="form-group">
                                <label for="exampleDropdownFormEmail1"><b>Seguridad</b></label>
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-unlock-alt text-warning"></i></span>
                                <input type="text" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1" disabled>
                            </div>
                        </div>
                        <div class="text-center">
                            <button type="submit" class="btn btn-info">Guardar</button>
                        </div>
                        <hr>
                        <p>Para utilizar correos Gmail como servidores SMTP se debe cambiar la configuración de seguridad del servicio de google que se utiliza, para ello debe estar logueado en la cuenta de google asociada al correo a configurar y seguir el siguiente link: <a href="#">https://www.google.com/settings/security/lesssecureapps</a>.</p>
                    </form>      
                </div>
            </div>
        </div>
    </div>    
    <br>
<!-- ***************END OPCIONES PRINCIPALES****************** -->
</div>
    <!-- ******************FOOTER******************** -->
    @include('layouts.footer')
    <!-- ******************END FOOTER******************** -->
</div>
@endsection
@section('localjs')
<script>
        $( document ).ready(function() {
            $("#Busqueda-Avanzada-1").click(function() {
                    $("#Busqueda-1").removeClass("d-none");
                }
            );
            $("#Busqueda-1-cerrar").click(function() {
                    $("#Busqueda-1").addClass("d-none");
                }
            );
            $("#Crear-fase-1").click(function() {
                    $("#Crear-1").removeClass("d-none");
                    $("#table-crar-1").addClass("d-none");
                }
            );
            $("#Crear-1-cerrar").click(function() {
                    $("#Crear-1").addClass("d-none");
                    $("#table-crar-1").removeClass("d-none");
                }
            );
        });
</script>
@endsection