@extends('layouts.dashboard')
@section('title', 'PDV')
@section('title-dashboard')
PDV
@endsection
@section('pg-home')
@endsection
@section('content')
@parent

<!-- PDV -->

<div class="row">
    <div class="col-md-12">
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-shopping-cart"></i> PDV
                </div>
            </div>
            <div id="pdv-wall" class="portlet-body">
                <div class="row">
                    <div class="col-md-12">
                     <div class="form-group">
                        <input type="text" class="form-control form-pdv" placeholder="NOME DO PRODUTO">
                        <hr>
                        <div class="col-md-4">
                            <label class="control-label">CÓDIGO:</label>
                            <div class="form-group pdv-border">
                                <input type="text" class="form-control pdv-left" placeholder="0">
                            </div>
                            <label class="control-label">QUANTIDADE:</label>
                            <div class="form-group pdv-border">
                                <input type="text" class="form-control pdv-left" placeholder="0">
                            </div>
                            <label class="control-label">PREÇO UNITÁRIO:</label>
                            <div class="form-group pdv-border">
                                <input type="text" class="form-control pdv-left" placeholder="00,00">
                            </div>
                            <label class="control-label">PREÇO TOTAL:</label>
                            <div class="form-group pdv-border">
                                <input type="text" class="form-control pdv-left" placeholder="00,00">
                            </div>
                            <label class="control-label">VALOR TOTAL:</label>
                            <div class="form-group pdv-border">
                                <input type="text" class="form-control pdv-left" placeholder="00,00" readonly="">
                            </div>
                        </div><!-- FIM -->
                        <div class="col-md-8">
                            <div class="pdv-border">
                             <div class="table-scrollable" style="height:400px; overflow:auto;">
                                <table class="table table-striped table-bordered table-hover">
                                    <thead id="pdv-header">
                                        <tr>
                                            <th scope="col"> Item </th>
                                            <th scope="col"> Cod</th>
                                            <th scope="col" style="width:450px !important"> Descrição </th>
                                            <th scope="col" > Preço Un. </th>
                                            <th scope="col" > Valor </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                      <tr>
                                        <td> 123456 </td>
                                        <td> 0000000000000 </td>
                                        <td> Nome do Produto </td>
                                        <td> 3 </td>
                                        <td> 20,00 </td>
                                    </tr>
                                    <tr>
                                        <td> 123456 </td>
                                        <td> 0000000000000 </td>
                                        <td> Nome do Produto </td>
                                        <td> 3 </td>
                                        <td> 20,00 </td>
                                    </tr>
                                    <tr>
                                        <td> 123456 </td>
                                        <td> 0000000000000 </td>
                                        <td> Nome do Produto </td>
                                        <td> 3 </td>
                                        <td> 20,00 </td>
                                    </tr>
                                    <tr>
                                        <td> 123456 </td>
                                        <td> 0000000000000 </td>
                                        <td> Nome do Produto </td>
                                        <td> 3 </td>
                                        <td> 20,00 </td>
                                    </tr>
                                    <tr>
                                        <td> 123456 </td>
                                        <td> 0000000000000 </td>
                                        <td> Nome do Produto </td>
                                        <td> 3 </td>
                                        <td> 20,00 </td>
                                    </tr>
                                    <tr>
                                        <td> 123456 </td>
                                        <td> 0000000000000 </td>
                                        <td> Nome do Produto </td>
                                        <td> 3 </td>
                                        <td> 20,00 </td>
                                    </tr>
                                    <tr>
                                        <td> 123456 </td>
                                        <td> 0000000000000 </td>
                                        <td> Nome do Produto </td>
                                        <td> 3 </td>
                                        <td> 20,00 </td>
                                    </tr>
                                    <tr>
                                        <td> 123456 </td>
                                        <td> 0000000000000 </td>
                                        <td> Nome do Produto </td>
                                        <td> 3 </td>
                                        <td> 20,00 </td>
                                    </tr>
                                    <tr>
                                        <td> 123456 </td>
                                        <td> 0000000000000 </td>
                                        <td> Nome do Produto </td>
                                        <td> 3 </td>
                                        <td> 20,00 </td>
                                    </tr>
                                    <tr>
                                        <td> 123456 </td>
                                        <td> 0000000000000 </td>
                                        <td> Nome do Produto </td>
                                        <td> 3 </td>
                                        <td> 20,00 </td>
                                    </tr>
                                    <tr>
                                        <td> 123456 </td>
                                        <td> 0000000000000 </td>
                                        <td> Nome do Produto </td>
                                        <td> 3 </td>
                                        <td> 20,00 </td>
                                    </tr>
                                    <tr>
                                        <td> 123456 </td>
                                        <td> 0000000000000 </td>
                                        <td> Nome do Produto </td>
                                        <td> 3 </td>
                                        <td> 20,00 </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div><!-- Fim Renan-->
                    <br>
                </div><!-- Lista Produtos -->
                <div class="col-md-6">
                    <button type="button" class="btn btn-lg blue">Editar Venda</button> |
                    <button type="button" class="btn btn-lg red-mint">Cancelar Venda</button> |
                    <button type="button" class="btn btn-lg green-jungle">Finalizar Venda</button>
                </div>
            </div><!-- Form Grupo -->
        </div><!-- Fim RoW -->
    </div><!-- Fim RoW -->
</div> <!-- FIM Corpo -->
</div>
</div>
</div>
@endsection