@extends('usuarios.funcionarios.digitalizacao.dashboard.master')
@section('conteudo')

<style>
.meuformpreparacao{
    width: 100%;
                }
.btn.btn-primary.btnpreparar {
    margin-top: 35px;
}


.relogio {
    border: 12px solid #1e1a1a;
    width: 500px;
    height: 151px;
    margin-right: 100px;
    margin-left: 300px;
    border-radius: 50px;
}
</style>


<link href="{{asset('js/digitalizacao_plugins/css/bootstrap.min.css')}}" rel="stylesheet">
<link href="{{asset('js/digitalizacao_plugins/css/plugins/steps/jquery.steps.css')}}" rel="stylesheet">




<div class="row wrapper border-bottom white-bg page-heading">
    <br><br>
    <div class="ibox-content m-b-sm border-bottom meuformpreparacao bg-danger" > 
        <div class="row">
            <div class="col-sm-12">
                  
               <p>
                <h3 class="text-center">Contagem do Tempo de preparacação </h3>
                <h6>
                    Neste Menu tu poderás minimizar, ou pausar a contagem, sempre com a devida permissão do Gestor
                </h6>
               </p>
                
                
            </div>
        </div>

    </div>


    <div class="ibox-content m-b-sm border-bottom meuformpreparacao">
        <div class="row">
                <div class="meu_relogio">
                    
                        <div class="relogio">
                            <h1 class="text-center">
                                11h:23:min 23s:
                                <h3 class="text-center">Duração</h3>
                            </h1>
                        </div>
                        <div class="">
                            
                            <button type="button" class="btn btn-outline btn-primary">Pausar</button>
                            <button type="button" class="btn btn-outline btn-primary">Finalizar</button>

                        </div>
                </div>
        </div>
    </div>


</div>
<br><br>




<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" integrity="sha512-U6K1YLIFUWcvuw5ucmMtT9HH4t0uz3M366qrF5y4vnyH6dgDzndlcGvH/Lz5k8NFh80SN95aJ5rqGZEdaQZ7ZQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-steps/1.1.0/jquery.steps.min.js" integrity="sha512-bE0ncA3DKWmKaF3w5hQjCq7ErHFiPdH2IGjXRyXXZSOokbimtUuufhgeDPeQPs51AI4XsqDZUK7qvrPZ5xboZg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="//cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>


<script type="text/javascript" src="{{url('js/locastyle.js')}}"></script>



@endsection