@extends('usuarios.funcionarios.master.layout2')
 
@section('conteudo')

<style>
  

    .breadcrumbs {
          list-style: none;
          margin: 0;
          padding: 0;
        }
        
        .breadcrumbs li {
          list-style: none;
          margin: 0;
          padding: 0;
          display: block;
          float: right;
          font-family: Helvetica Neue,sans-serif;
          font-size: 13px;
          text-transform: uppercase;
          font-weight: 700;
          letter-spacing: .05em;
          line-height: 20px;
          color: hsl(0, 0%, 30%);
        }
        
        .breadcrumbs li a {
          display: block;
          padding: 0 40px 0 0px;
          color: hsl(0, 0%, 30%);
          text-decoration: none;
          height: 20px;
          position: relative;
          perspective: 700px;
        }
        
        .breadcrumbs li a:after {
          content: '';
          width: 20px;
          height: 20px;
          border-color: #333;
          border-style: solid;
          border-width: 1px 1px 0 0;
          
          -webkit-backface-visibility: hidden;
          outline: 1px solid transparent;
          
          position: absolute;
          right: 20px;
          -webkit-transition: all .15s ease;
             -moz-transition: all .15s ease;
              -ms-transition: all .15s ease;
                  transition: all .15s ease;
          -webkit-transform: rotateZ(45deg) skew(10deg, 10deg);
             -moz-transform: rotateZ(45deg) skew(10deg, 10deg);
              -ms-transform: rotateZ(45deg) skew(10deg, 10deg);
                  transform: rotateZ(45deg) skew(10deg, 10deg);
        }
        
        
        .breadcrumbs li a:hover:after {
          right: 15px;
          -webkit-transform: rotateZ(45deg) skew(-10deg, -10deg);
             -moz-transform: rotateZ(45deg) skew(-10deg, -10deg);
              -ms-transform: rotateZ(45deg) skew(-10deg, -10deg);
                  transform: rotateZ(45deg) skew(-10deg, -10deg);
        }
</style>
         
    <nav class="row">
        <div class="col-12">
            
            <div class="main-body">
    
          <!-- Breadcrumb -->
           <div class="row  justify-content-end my-4">
            <div class="col-7  "> 
            <ul class="breadcrumbs">
              <li><a href="#"><span class="fa fa-eye " style="opacity:0.5"></span> Visualizar Auto</a></li>
              <li><a href="#"><span class="fa fa-edit " style="opacity:0.5"></span> Autos</a></li>
              <li><a href="#"><span class="fa fa-edit " style="opacity:0.5"></span> Arquivos digitais</a></li>
              <li><a href="#"><span class="fa fa-home"> </span> Início</a></li>
            </ul>
            </div>
        </div>
        </div>
    </nav>
    <nav class="d-none">
         {{$auto=\App\Models\AutoDevolucaoInterna::where('id',$id)->first()}}
    </nav>
    <label class="h2">AUTO DE DEVOLUÇÃO - INTERNO</label>
    <hr>
<div class="container shadow">
    <nav class="row bg-white">
        <div class="col border border-1 mr-2 text-center p-3" style="heighr:300px">
            <label>DEVOLUÇÃO DE ARQUIVO</label> <br> <br>
            <label>(INTERNO)</label> <br>
            <label>ORIGINAL – GESTDOC)</label><br>
            <small>Gerado automaticamente pelo 
            sistema Doc-Visão (www.gestdoc.tech)</small>
    
        </div>
        <div class="col border border-1 text-center  p-3">
           <img class="" src="{{asset('img/logo.png')}}">
        </div>
    </nav>
    <nav class="row bg-white">
        <div class="col mr-2 text-center p-1" style="heighr:300px">
            <label>Nº Auto:</label>  {{$auto->id}}<br> <br>
          
    
        </div>
        <div class="col text-center  p-1">
            <label>Preparado por:</label>  {{$auto->getAutor->getPessoa->nome}}<br> <br> 
        </div>
    </nav>
    <nav class="row bg-white">
        <div class="col mr-2 text-center p-1" style="heighr:300px">
            <label>Data/Hora:</label>  {{$auto->created_at}}<br> <br>
          
    
        </div>
        <div class="col  text-center  p-1">
            <label>Forma de expedição:</label>  {{$auto->formaexpedicao}}<br> <br> 
        </div>
    </nav>
    <nav class="row bg-white">
        <div class="col  mr-2 text-center p-1" style="heighr:300px">
            <label>Cliente:</label>  {{$auto->getDepartamento->getCliente->getUser->getPessoa->nome}}<br> <br>
          
    
        </div>
        <div class="col  text-center  p-1">
            <label>Recebido por:</label>  {{$auto->getEntregador->getPessoa->nome}}<br> <br> 
        </div>
    </nav>
    <nav class="row bg-white">
        <div class="col  mr-2 text-center p-1" style="heighr:300px">
            <label>Departamento:</label>  {{$auto->getDepartamento->departamento}}<br> <br>
          
    
        </div>
        <div class="col  text-center  p-1">
            <label>Hora de chegada :</label>  {{$auto->horachegada}}<br> <br> 
        </div>
    </nav>
    <nav class="row bg-white">
        <div class="col  mr-2 text-center p-1" style="heighr:300px">
            <label>Destinatário:</label>  {{$auto->destinatario}}<br> <br>
          
    


        </div>
        <div class="col  text-center  p-1">
            <label>Observações:</label>  {{$auto->observacoes}}<br> <br> 
        </div>
    </nav>
    <hr>
    <nav class="row bg-white ">
        <div class="col-12 mr-2 text-center p-1" style="heighr:300px">
           <br> <label>DESCRIÇÃO:</label><br> 
          
    
        </div>
        <div class="col-12 text-center  p-1">
            <p>{{$auto->descricao}}</p>
        </div>
    </nav>
    <hr>
    <nav class="row bg-white">
        <div class="col-12 mr-2 text-center p-1" style="heighr:300px">
           <br> <label>NOTA:</label><br> 
          
    
        </div>
        <div class="col-12 text-center  p-1">
            <p>{{$auto->nota}}</p>
        </div>
    </nav>
     
    <nav class="row">
        <div class="col-12 text-center">
        <a href="{{route('us.digit.confdigi.autos.print',$id)}}" target="_blank" class="btn btn-sm btn-primary mt-5"><i class="fa fa-print"></i> Imprimir auto</a>
        </div>
    </nav>
</div>
@endsection