@extends('usuarios.funcionarios.master.layout2')
 
@section('conteudo')
<br><br>
<br>
<nav class="row  justify-content-center">
    <nav class="col-4">

        <form class="">
            <div class="input-group ">
                <input type="text" class="form-control form-control-sm" placeholder="Pesquise aqui" aria-label="Recipient's username" aria-describedby="basic-addon2">
                <span class="input-group-text bg-light" id="basic-addon2"><a href=""><i class="fa fa-search"></i></a></span>
            </div>
        </form>
    </nav>
</nav>
<br><br>
<nav class="row p-3 justify-content-center">


    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-warehouse fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >ARMAZÉM</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir armazem...</small>
                </div>
            </nav>
        </div>
    </div>



    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-expand fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >SERVIÇOS EXTERNOS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir serviços...</small>
                </div>
            </nav>
        </div>
    </div>



    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-user fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >MENU 1</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Funcionalidade1...</small>
                </div>
            </nav>
        </div>
    </div>



    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-user fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >MENU 1</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Funcionalidade1...</small>
                </div>
            </nav>
        </div>
    </div>



    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-user fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >MENU 1</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Funcionalidade1...</small>
                </div>
            </nav>
        </div>
    </div>



    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-user fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >MENU 1</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Funcionalidade1...</small>
                </div>
            </nav>
        </div>
    </div>



    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-user fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >MENU 1</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Funcionalidade1...</small>
                </div>
            </nav>
        </div>
    </div>



    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-user fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >MENU 1</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Funcionalidade1...</small>
                </div>
            </nav>
        </div>
    </div>

    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-user fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >MENU 1</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Funcionalidade1...</small>
                </div>
            </nav>
        </div>
    </div>







</nav>
<br><br>
    <hr>

    <label for="" class="">ADMIN</label>
<br><br>
<nav class="row p-3 justify-content-center">


    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1 ">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-laptop fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="{{ route('us.admin.funcionario.devices.all') }}" class="btn btn-sm " >DISPOSITIVOS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir dispositivos...</small>
                </div>
            </nav>
        </div>
    </div>

    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-laptop fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >DISPOSITIVOS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir dispositivos...</small>
                </div>
            </nav>
        </div>
    </div>

    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-laptop fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >DISPOSITIVOS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir dispositivos...</small>
                </div>
            </nav>
        </div>
    </div>

    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-laptop fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >DISPOSITIVOS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir dispositivos...</small>
                </div>
            </nav>
        </div>
    </div>

    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-laptop fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >DISPOSITIVOS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir dispositivos...</small>
                </div>
            </nav>
        </div>
    </div>

    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-laptop fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >DISPOSITIVOS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir dispositivos...</small>
                </div>
            </nav>
        </div>
    </div>

    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-laptop fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >DISPOSITIVOS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir dispositivos...</small>
                </div>
            </nav>
        </div>
    </div>

    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-laptop fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >DISPOSITIVOS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir dispositivos...</small>
                </div>
            </nav>
        </div>
    </div>

    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-laptop fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >DISPOSITIVOS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir dispositivos...</small>
                </div>
            </nav>
        </div>
    </div>

    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-laptop fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >DISPOSITIVOS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir dispositivos...</small>
                </div>
            </nav>
        </div>
    </div>

    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-laptop fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start">
                    <a href="" class="btn btn-sm " >DISPOSITIVOS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir dispositivos...</small>
                </div>
            </nav>
        </div>
    </div>

    <div class="btn col-sm-12 col-md-4 col-lg-3   border p-3 shadow m-1">
        <div class="container ">
            <nav class="row">
                <div class="col-3 text-end">
                    <i class="fa fa-users fa-3x mt-1 text-success"></i>
                </div>
                <div class="col-9    text-start  ">
                    <a href="" class="btn btn-sm " >CONTAS</a>
                    <br>
                    <small class="text-muted "> &nbsp;&nbsp;&nbsp;Gerir contas...</small>
                </div>
            </nav>
        </div>
    </div>
</nav>
<br><br><br><br>
@endsection