<?php $__env->startSection('content'); ?>
   <!-- Content -->
   <div class="content">
            <!-- Animated -->
            <div class="animated fadeIn">
                <!-- Widgets  -->
                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <div class="card">
                            <div class="card-body">
                                <div class="stat-widget-five">
                                    <div class="stat-icon dib flat-color-1">
                                        <i class="pe-7s-cash"></i>
                                    </div>
                                    <div class="stat-content">
                                        <div class="text-left dib">
                                            <div class="stat-text">R$<span class="count">8832</span></div>
                                            <div class="stat-heading">Em caixa</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6">
                        <div class="card">
                            <div class="card-body">


							
                                <div class="stat-widget-five">
                                    <div class="stat-icon dib flat-color-2">
                                        <i class="ti-info-alt"></i>
                                    </div>
                                    <div class="stat-content">
                                        <div class="text-left dib">
                                            <div class="stat-text"><span class="count">132</span></div>
                                            <div class="stat-heading">Pizzas</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6">
                        <div class="card">
                            <div class="card-body">
                                <div class="stat-widget-five">
                                    <div class="stat-icon dib flat-color-3">
                                        <i class="ti-target"></i>
                                    </div>
                                    <div class="stat-content">
                                        <div class="text-left dib">
                                            <div class="stat-text"><span class="count">82</span></div>
                                            <div class="stat-heading">Entregas</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6">
                        <div class="card">
                            <div class="card-body">
                                <div class="stat-widget-five">
                                    <div class="stat-icon dib flat-color-4">
                                        <i class="pe-7s-users"></i>
                                    </div>
                                    <div class="stat-content">
                                        <div class="text-left dib">
                                            <div class="stat-text"><span class="count">2986</span></div>
                                            <div class="stat-heading">Clientes</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
         
                <div class="clearfix"></div>
                <!-- Orders -->
                <div class="orders">
                    <div class="row">
                        <div class="col-xl-8">
                            <div class="card">

                               
                                <div class="card-body" style="padding: 10px 20px">

								<h3>Novo Pedido</h3>
	
	<?php echo $__env->make('errors._check', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

	<?php echo Form::open(['route' => 'customer.order.store', 'class' => 'form']); ?>


		<!-- include('admin.categories._form') -->
<div class="form-group">
	<label>Total:</label>
	<p id="total"></p>
	<div class="form-group">
	<a href="#" class="btn btn-default" id="btnNewItem">Novo Item</a>
	</div>
	<table class="table table-bordered">
		<thead>
			<tr>
				<th>Produto</th>
				<th>Quantidade</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>
					<select class="form-controll" name="items[0][product_id]">
						<?php foreach($products as $p): ?>
							<option value="<?php echo e($p->id); ?>" data-price="<?php echo e($p->price); ?>"><?php echo e($p->name); ?> --- <?php echo e($p->price); ?></option>
						<?php endforeach; ?>
					</select>

				</td>
				<td>
					<?php echo form::text('items[0][qtd]', 1, ['class'=>'form-controll']); ?>

				</td>
			</tr>
		</tbody>
	</table>
</div>

	<div class="form-group">
		<?php echo Form::submit('Criar Pedido', ['class' => 'btn btn-primary' ]); ?>

	</div>
	<?php echo Form::close(); ?>

	<br>
								 


                                </div>
                            </div> <!-- /.card -->
                        </div>  <!-- /.col-lg-8 -->

                        <div class="col-xl-4">
                            <div class="row">
                                <div class="col-lg-6 col-xl-12">
                                    <div class="card br-0">
                                        <div class="card-body">
                                            <div class="chart-container ov-h">
                                                <div id="flotPie1" class="float-chart"></div>
                                            </div>
                                        </div>
                                    </div><!-- /.card -->
                                </div>

                                
                            </div>
                        </div> <!-- /.col-md-4 -->
                    </div>
                </div>
                <!-- /.orders -->
   
               
            <!-- /#add-category -->
            </div>
            <!-- .animated -->
        </div>
        <!-- /.content -->
		

<?php $__env->stopSection(); ?>

<?php $__env->startSection('post-script'); ?>

	<script> 
		$('#btnNewItem').click(function(){

			var row = $('table tbody > tr:last'),
			newRow = row.clone(),
			length = $("table tbody tr").length;
			
			newRow.find('td').each( function(){
					
					var td = $(this),
					 input = td.find('input, select'),
					 name  = input.attr('name');

					 input.attr('name', name.replace((length -1) + "", length + ""));
			});

			newRow.find('input').val(1);
			newRow.insertAfter(row);
			calculateTotal();

		});


		$(document.body).on('click', 'select', function(){ 
			calculateTotal();
		});

		$(document.body).on('blur', 'input', function(){
			calculateTotal();
		});

		function calculateTotal(){
			var total = 0,
			trLen = $("table tbody tr").length,
			tr = null, price, qtd;

			for(var i=0; i<trLen; i++){
				tr = $('table tbody tr').eq(i);
				price = tr.find(':selected').data('price');
				qtd = tr.find('input').val();
				total += price * qtd;
				$('#total').html(total);
			}
		}


	</script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('app', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>