arcadiasuite/plus/resources/views/clientes/historico.blade.php

258 lines
14 KiB
PHP

@extends('layouts.app', ['title' => 'Histórico do cliente'])
@section('content')
<div class="mt-3">
<div class="row">
<div class="card">
<div class="card-body">
<hr class="mt-3">
<h5>Histórico do cliente: <strong class="text-primary">{{ $item->info }}</strong></h5>
<div id="basicwizard">
<ul class="nav nav-pills nav-justified form-wizard-header mb-4 m-2">
<li class="nav-item">
<a href="#tab-vendas" data-bs-toggle="tab" data-toggle="tab" class="nav-link rounded-0 py-1">
<i class="ri-stack-fill fw-normal fs-18 align-middle me-1"></i>
<span class="d-none d-sm-inline">Vendas</span>
</a>
</li>
<li class="nav-item">
<a href="#tab-produtos" data-bs-toggle="tab" data-toggle="tab" class="nav-link rounded-0 py-1">
<i class="ri-box-3-line fs-18 align-middle me-1"></i>
<span class="d-none d-sm-inline">Produtos vendidos (totalizador)</span>
</a>
</li>
<li class="nav-item">
<a href="#tab-produtos-pesquisa" data-bs-toggle="tab" data-toggle="tab" class="nav-link rounded-0 py-1">
<i class="ri-search-line fs-18 align-middle me-1 pesquisa"></i>
<span class="d-none d-sm-inline">Produtos vendidos (busca)</span>
</a>
</li>
<li class="nav-item">
<a href="#tab-faturas" data-bs-toggle="tab" data-toggle="tab" class="nav-link rounded-0 py-1">
<i class="ri-wallet-line fs-18 align-middle me-1"></i>
<span class="d-none d-sm-inline">Faturas</span>
</a>
</li>
</ul>
<!-- -->
<div class="tab-content b-0 mb-0">
<div class="tab-pane" id="tab-vendas">
<div class="col-md-12 mt-3">
<div class="table-responsive">
<table class="table table-striped table-centered mb-0">
<thead class="table-dark">
<tr>
<th>Data</th>
<th>Valor total</th>
<th>Estado</th>
<th>Chave</th>
<th>Número documento</th>
<th>Tipo</th>
</tr>
</thead>
<tbody>
@php $total = 0; @endphp
@forelse($data as $c)
<tr>
<td>{{ __data_pt($c->created_at) }}</td>
<td>{{ __moeda($c->total) }}</td>
<td>
@if($c->estado == 'aprovado')
<span class="btn btn-success text-white btn-sm w-50">Aprovado</span>
@elseif($c->estado == 'cancelado')
<span class="btn btn-danger text-white btn-sm w-50">Cancelado</span>
@elseif($c->estado == 'rejeitado')
<span class="btn btn-warning text-white btn-sm w-50">Rejeitado</span>
@else
<span class="btn btn-info text-white btn-sm w-50">Novo</span>
@endif
</td>
<td>{{ $c->estado == 'aprovado' ? $c->chave : '--' }}</td>
<td>{{ $c->estado == 'aprovado' ? $c->numero : '--' }}</td>
<td>{{ $c->tipo == 'nfce' ? 'PDV NFCe' : 'NFe' }}</td>
</tr>
@php $total += $c->total; @endphp
@empty
<tr>
<td colspan="6" class="text-center">Nada encontrado</td>
</tr>
@endforelse
</tbody>
<tfoot>
<tr class="bg-dark">
<td class="text-white">Total</td>
<td class="text-white">{{ __moeda($total) }}</td>
<td colspan="4"></td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
<!-- -->
<div class="tab-content b-0 mb-0">
<div class="tab-pane" id="tab-produtos">
<div class="col-md-12 mt-3">
<div class="table-responsive">
<table class="table table-striped table-centered mb-0">
<thead class="table-dark">
<tr>
<th></th>
<th>Produto</th>
<th>Quantidade</th>
<th>Valor unitário</th>
<th>Subtotal</th>
</tr>
</thead>
<tbody>
@foreach($produtos as $p)
<tr>
<td><img class="img-60" src="{{ $p->produto->img }}"></td>
<td>{{ $p->produto->nome }}</td>
<td>
@if(!$p->produto->unidadeDecimal())
{{ number_format($p->quantidade, 0, '.', '') }}
@else
{{ number_format($p->quantidade, 3, '.', '') }}
@endif
</td>
<td>{{ __moeda($p->valor_unitario) }}</td>
<td>{{ __moeda($p->quantidade*$p->valor_unitario) }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="tab-content b-0 mb-0">
<div class="tab-pane" id="tab-produtos-pesquisa">
<div class="col-md-12 mt-3">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<label>Pesquise o produto</label>
<div class="input-group">
<span class="input-group-text bg-white">
<i class="ri-search-line"></i>
</span>
<input
type="text"
id="inp-pesquisa"
class="form-control border-start-0"
placeholder="Digite o nome do produto">
</div>
</div>
</div>
<div class="row mt-4">
<div class="table-responsive">
<table class="table">
<thead class="table-light">
<tr>
<th>Código da venda</th>
<th>Data da venda</th>
<th>Descrição</th>
<th>Código de barras</th>
<th>Referência</th>
<th>Quantidade</th>
<th>Valor unitário</th>
<th>Ações</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="tab-content b-0 mb-0">
<div class="tab-pane" id="tab-faturas">
<div class="col-md-12 mt-3">
<div class="table-responsive">
<table class="table table-striped table-centered mb-0">
<thead class="table-dark">
<tr>
<th>Descrição</th>
<th>Data de cadastro</th>
<th>Data de vencimento</th>
<th>Data de recebimento</th>
<th>Valor</th>
<th>Status</th>
</tr>
</thead>
<tbody>
@foreach($faturas as $c)
<tr>
<td>{{ $c->descricao }}</td>
<td>{{ __data_pt($c->created_at) }}</td>
<td>{{ __data_pt($c->data_vencimento, 0) }}</td>
<td>{{ $c->status ? __data_pt($c->data_recebimento, 0) : '--' }}</td>
<td>{{ __moeda($c->valor_integral) }}</td>
<td>
@if($c->status)
<span class="btn btn-success position-relative me-lg-5 btn-sm">
<i class="ri-checkbox-line"></i> Recebido
</span>
@else
<span class="btn btn-warning position-relative me-lg-5 btn-sm">
<i class="ri-alert-line"></i> Pendente
</span>
@endif
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script src="assets/vendor/twitter-bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
<script src="assets/js/pages/demo.form-wizard.js"></script>
<script type="text/javascript">
setTimeout(() => {
// $('.pesquisa').trigger('click')
$('#inp-pesquisa').val('')
}, 1000)
$('body').on('keyup', '#inp-pesquisa', function (e) {
let pesquisa = $(this).val()
if(pesquisa.length >= 1){
$.get(path_url + "api/clientes/produtos-historico",
{
pesquisa: pesquisa,
cliente_id: '{{ $item->id }}'
})
.done((res) => {
// console.log(res)
$('#tab-produtos-pesquisa tbody').html(res)
})
.fail((err) => {
console.log(err)
})
}
})
</script>
@endsection