import React from 'react';
import { SiteRoutes } from '../../../config';
import {    Link
  } from "react-router-dom";
// import { ServiceRequest } from 'Components/Request/service';

class Header extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            Company: '',
            CallCenter: ''
        }
    }

    componentDidMount() {
        // this.CargarInfo();

    }

    // async CargarInfo() {
    //     let token = this.getParameterByName('pToken')
    //     let id = this.getParameterByName('pId')
    //     const response = await ServiceRequest.ObtenerExp_Ubicacion_Util(id, token);
    //     if (response != null) {
    //         this.setState({ Company: response.data.Empresa_Nombre, CallCenter: response.data.Call_Center_Nombre })
    //     }
    // }
    getParameterByName(name) {
        name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
            results = regex.exec(location.search);
        return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    }



    render() {
        const baseUrl = document.getElementById('rutaRaizRedireccion').value;
        const { Company, CallCenter } = this.state;
        console.log(Company)

        return (

            <header>
                <div className="brand">
                    <div className="container">
                        <div className="row">
                            <div className="col-md-6">
                                <img src={baseUrl + "public/img/ld-blanco.png"}  />
                            </div>
                            <div className="col-md-6 text-right">
                                <img src={baseUrl + "public/img/ld-blanco.png"}  />
                            </div>
                        </div>
                    </div>
                </div>
                <div className="container">
                    <nav className="navbar navbar-expand-lg navbar-dark bg-dark">
                        <a className="navbar-brand" href="#">Dashboard <span>Ecommerce</span></a>
                        <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                            <span className="navbar-toggler-icon"></span>
                        </button>

                        <div className="collapse navbar-collapse" id="navbarSupportedContent">

                            <ul className="navbar-nav mr-auto bl-1">
                                <li className="nav-item ">
                                <Link className="nav-link" aria-current="page" to={SiteRoutes.Cliente}><i className="fas fa-user-tie"></i> Cliente</Link>
                                </li>
                                <li className="nav-item">
                                <Link className="nav-link" aria-current="page" to={SiteRoutes.Ordenes}><i className="fas fa-user-tie"></i> Ordenes</Link>
                                </li>
                                <li className="nav-item">
                                <Link className="nav-link" aria-current="page" to={SiteRoutes.Articulos}><i className="fas fa-user-tie"></i> Artículos</Link>
                                </li>
                            </ul>
                            <ul className="navbar-nav bl-1">
                                <li className="nav-item dropdown user-profile">
                                    <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <img className="user-profile-pic" src={baseUrl + "public/img/ld-blanco.png"}  /> Josué Redondo
                                    </a>
                                    <div className="dropdown-menu dropdown-menu-right">
                                        <a className="dropdown-item user-options" href="../cambio-contraseña.html"><i
                                            className="fas fa-unlock"></i> Cambiar Contraseña</a>
                                        <a className="dropdown-item user-options" href="#"> <i className="fas fa-sign-out-alt"></i> Cerrar Sesión</a>  
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </header>

        )
    }
};
export default Header;