<style>
    .img-card-user{
        width:220px;
        border-radius:50%;
    }
    .img-mini-card{
        width:50px;
    }
    .centered {
        margin: 0 auto !important;
        float: none !important;
    }
</style>


<html>
    <head>
        <link href="http://localhost:8000/css/app.css" rel="stylesheet">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
        <script src="http://localhost:8000/js/app.js" type="text/javascript"></script>
        <title>Sistema de cadastro</title>
        <meta name="csrf-token" content="{ { csrf_toke() } }">
    </head>
    <style>
        .container{
            margin-top:80px;
            margin-bottom:80px;
        }
    </style>
    <body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Sistema de gerenciamento</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarText">
    <ul class="navbar-nav mr-auto">
      <li  class="nav-item" >
        <a class="nav-link" href="/">Home</a>
      </li>
      <li  class="nav-item active dropdown" >
        <a class="nav-link dropdown-toggle" id="linkClientes" role="button" data-toggle="dropdown" href="#">Clientes</a>
        <div class="dropdown-menu" aria-labelledby="linkClientes">
          <a class="dropdown-item" href="/clientes">Lista de clientes</a>
          <a class="dropdown-item" href="/cliente/novo">Cadastro</a>
        </div>
      </li>
      <li  class="nav-item dropdown" >
      <a class="nav-link dropdown-toggle" id="linkClientes" role="button" data-toggle="dropdown" href="#">Departamentos</a>
        <div class="dropdown-menu" aria-labelledby="linkClientes">
          <a class="dropdown-item" href="/departamentos">Lista de departamentos</a>
          <a class="dropdown-item" href="/departamento/novo">Cadastro</a>
        </div>
      </li>
      <li  class="nav-item" >
        <a class="nav-link" href="/about">about</a>
      </li>
    </ul>
    <span class="navbar-text">
      IBico solutions 
    </span>
  </div>
</nav>        <div class="container">
            <main role="main">
                                        <h2>Ultimo cliente cadastrado</h2>
    <p class="text-secondary">Esse foi o ultimo cliente cadastrado.</p>
    <div class="bs-callout bs-callout-primary">
        <div class="card-body">
            <div class="row">
                <div class="col-12 col-md-3 centered">
                    <img alt="Responsive image" class="img-card-user mx-auto d-block"  src="/img/clientes/jademS.jpg">
                </div>
                <div class="col-12 col-md-6 centered" style="padding-top:15px;">
                    <h4 class="text-primary">Marcos</h4>
                    <small class="text-dark">Desenvolvedor back-end</small>
                    <div class="text-secondary" style="margin-top:15px;">
                        <ul style="list-style-type: none; padding-left:0px;">
                            <li><b>Idade: </b>33</li>
                            <li><b>Departamento:</b> Finanças</li>
                            <li><b>Descriação:</b> Give me money</li>
                        </ul>
                    </div>
                    <div class="row" style="font-size:24px; padding-left:15px;">
                        <i style="margin-right:10px;" class="fab fa-facebook-square"></i>
                        <i style="margin-right:10px;" class="fab fa-github"></i>
                        <i style="margin-right:10px;" class="fab fa-instagram"></i>
                    </div>
                </div>
                <div class="col-12 col-md-2" style="padding-top:15px; font-size:20px;">
                    <span class="badge badge-primary full">Skills</span>
                    <span class="badge badge-secondary full">PHP 7 <i class="fab fa-php"></i></span>
                    <span class="badge badge-secondary full">Laravel 5.6 <i class="fab fa-laravel"></i></span>
                    <span class="badge badge-secondary full">Bitcoin <i class="fab fa-bitcoin"></i></span>
                </div>
            </div>
        </div>
    </div>
    <p class="text-right text-secondary"> Data de cadastro: 14/03/19 </p>
    <h2>Clientes</h2>
    <div class="card border">
        <div class="card-body">
            <ul class="list-group">
                                <li class="list-group-item">
                    <img class="img-card-user img-mini-card" src="/img/clientes/mandela.jpg">
                    Marcos <small class="text-secondary"> Finanças</small>
                    <a class="btn btn-primary float-right" href="/cliente/destroy/9" style="margin-top:10px;">Excluir</a>
                </li>
                                <li class="list-group-item">
                    <img class="img-card-user img-mini-card" src="/img/clientes/mandela.jpg">
                    Bruno <small class="text-secondary"> Segurança da informação</small>
                    <a class="btn btn-primary float-right" href="/cliente/destroy/8" style="margin-top:10px;">Excluir</a>
                </li>
                                <li class="list-group-item">
                    <img class="img-card-user img-mini-card" src="/img/clientes/mandela.jpg">
                    Evandro <small class="text-secondary"> Desenvolvimento</small>
                    <a class="btn btn-primary float-right" href="/cliente/destroy/7" style="margin-top:10px;">Excluir</a>
                </li>
                            </ul>
        </div>
    </div>
                    
            </mains>
        </div>
    </body>
</html>