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

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

</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js" integrity="sha512-b6lGn9+1aD2DgwZXuSY4BhhdrDURVzu7f/PASu4H1i5+CRpEalOOz/HNhgmxZTK9lObM1Q7ZG9jONPYz8klIMg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>



<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <br>
        <h2>Preparar Caixas</h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{ route('us.digit.confdigi.index') }}">home</a>
            </li>
            <li class="breadcrumb-item">
                <a>Preparação de Caixas</a>
            </li>
            <li class="breadcrumb-item active">
                <strong>preparando</strong>
            </li>
        </ol>
    </div>     
</div>


<div class="row wrapper border-bottom white-bg page-heading">

    <div class="ibox-content m-b-sm border-bottom meuformpreparacao bg-success" >
        <div class="row">
            <div class="col-sm-12">
               <p>
                <h3>Olá! Seja Bem!, Vindo ao Menu Preparação</h3>
                <h5>
                    Neste Menu tu poderás preparar os teus arquivos de forma mais simples, Ao Clicar em começar 
                    lhe será exibido um Formulário de onde poderas Inserir as informações. 
                    Apois inserires as informações e pressionares em começar, o relógio contar 
                    até o momento em que terminares a preparação. Poderas Parar quanto quiseres, mais com permissão do Gestor   
                </h5>
               </p>
                
                
            </div>
        </div>

    </div>


    <div class="ibox-content m-b-sm border-bottom meuformpreparacao">
        <form action="{{ route('us.digit.confdigi.preparacao.preparando.index') }}" method="post">
            @csrf
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" for="order_id">Nª Caixa</label>
                            <input type="text" id="order_id" data-inputmask="'mask' : '99999999'" name="numero_caixa" value="" placeholder="Ex.: 221" class="form-control">
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" for="status">Cliente</label>
                            <select class="select2_group form-control"  tabindex="2">
                                <option value="">Select</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" for="customer">Listagem</label>
                            <div class="custom-file">
                                <input id="logo" type="file" name="listagem[]" class="custom-file-input">
                                <label for="logo" class="custom-file-label">Choose file...</label>
                            </div> 
                        </div>
                    </div>
                </div>
        
            <div class="row">
                <div class="col-sm-4">
                    <div class="form-group">
                        <label class="col-form-label" for="date_added">Data Recepção</label>
                        <div class="input-group date">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                            <input id="date_added" type="date" class="form-control" value="03/04/2014">
                        </div>
                    </div>
                </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            {{---<label class="col-form-label" for="date_modified">Date modified</label>-----}}
                            <div class="input-group date">
                                <br><br>


                                
                            <button type="button" class="btn btn-primary btnpreparar" data-toggle="modal" data-target="#myModal2">
                                Começar a Preparar
                            </button>
                            <div class="modal inmodal" id="myModal2" tabindex="-1" role="dialog" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content animated flipInY">
                                        <div class="modal-header bg-danger">
                                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                            <h4 class="modal-title"> <i class="fa fa-warning"></i> Mensagem de Confirmação</h4>
                                            
                                        </div>
                                        <div class="modal-body">
                                            <p> <strong>Nª: caixas:</strong>2</p>
                                            <p> <strong>Cliente:</strong>Gestdoc</p>
                                            <p> <strong>Data Recepção:</strong> 22/02/2020</p>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-white" data-dismiss="modal">cancelar</button>
                                            <button type="submit" class="btn btn-primary">Confirmar</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            </div>
                        </div>
                    </div>  
            </div>
        </form>
    </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="//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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.6/jquery.inputmask.js" integrity="sha512-9ekM9CHlUVUQX0M1UYcQKzCn7WaGRocDHddevyvDQ2UBVNha49jv1o8/+dEHmTZp5HZ3UAvunsD2ySb2BkqzwQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>




@endsection