@extends('main.template')

@section('content')

<div class="row">
    <div class="col-sm-12">

        @if(!$list->isEmpty())
        <a class="btn btn-info" href="{{ route('customers') }}"><span>Voltar</span></a>
        @endif
        <hr>

        <h1 class="h3 mb-2 text-gray-800">Gerir Cliente</h1>
        @include('customer.info')

        <hr>
        <h1 class="h3 mb-2 text-gray-800">Filtrar Artigo</h1>
        <form action="{{route('history.customer.filtered', ['id' => $customer->id ])}}" 
            method="POST"
            enctype="multipart/form-data"
            class="form-group row">
            @csrf
            <div class="col-sm-8">
                <div class="typeahead__container">
                    <div class="typeahead__field">
                        <div class="typeahead__query">
                            <input type="hidden"
                                class="form productId" 
                                name="productId"
                                id="productId">
                            <input class="js-typeahead-product form-control form externalProId"
                                name="term"
                                autofocus
                                type="text"
                                value="{{ $product }}"
                                id="externalProId"
                                placeholder="ID Produto"
                                autocomplete="off">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <input type="submit" class="btn btn-info text-white" value='Filtrar' />
            </div>
        </form>
        <hr class="sidebar-divider d-none d-md-block">    
        <h1 class="h3 mb-2 text-gray-800">Historico do cliente {{ $customer->name ?? '' }}</h1>
        <div class="panel panel-primary">
            <div class="panel-body">
                <div class="table-responsive">
                    @if(!$list->isEmpty())
                    <table class="table table-bordered table-hover table-striped" id="orders-list">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Vendedor</th>
                                <th>Cliente</th>
                                <th>Fatura</th>
                                <th>Data Emissão</th>
                                <th>Data Liquidação</th>
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($list as $row)
                            <tr>
                                <td>
                                    <a class="btn btn-sm btn-info left"
                                        href="{{ route('history.details', ['id' => $row->Id ]) }}">
                                        <i class="fa fa-list"></i>
                                    </a>
                                </td>
                                <td>{{ $row->Vendedor }}</td>
                                <td>{{ $row->customer_name }} 
                                    <br> 
                                    <small>{{ $row->Cliente }}</small>
                                </td>
                                <td>{{ $row->Fatura }}</td>
                                <td>{{ $row->DataDoc }}</td>
                                <td>{{ $row->DataLiq }}</td>
                                <td>{{ $row->ValorTotal }}</td>                             
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    {{ $list->links() }}
                    <hr>
                    @if(!$list->isEmpty())
                    <a class="btn btn-info" href="{{ route('customers') }}"><span>Voltar</span></a>
                    @endif
                    @else
                    <div style="text-align:center">Sem resultados</div>
                    <a href="{{ url()->previous() }}" class="btn btn-info">Voltar</a>
                    @endif
                </div>
            </div>
        </div>

    </div>
</div>
@endsection

@section('pageJsIncludes')
    @include('history.pagejs')
@endsection