@extends('main.template')

@section('content')

<div class="row">
    <div class="col-sm-12">
        <h1 class="h3 mb-2 text-gray-800">Encomenda - {{ $order->id }} - {{ Order::statusName($order->status) }} </h1>

            <div class="card">
                <div class="card-body">
                    <div class="form-group row">
                        <div class="col-sm-12 col-md-6">
                            <label for="name" class="col-sm-2 col-form-label text-info font-weight-bold ">Nome</label>
                            <div class="col-sm-12">
                                <input type="text" 
                                    readonly 
                                    class="form-control-plaintext" 
                                    disabled="disabled" 
                                    id='name'
                                    value="{{ $customer->name ?? '' }}">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-6">
                            <label for="nif" class="col-sm-2 col-form-label text-info font-weight-bold">Nif</label>
                            <div class="col-sm-12">
                                <input type="text" 
                                    readonly 
                                    class="form-control-plaintext" 
                                    disabled="disabled" 
                                    id='nif'
                                    value="{{ $customer->nif ?? '' }}">
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-12 col-md-6">
                            <label for="telephone" class="col-sm-2 col-form-label text-info font-weight-bold">Telefone</label>
                            <div class="col-sm-12">
                                <input type="text" 
                                    readonly 
                                    class="form-control-plaintext" 
                                    disabled="disabled" 
                                    id='telephone'
                                    value="{{ $customer->telephone ?? '' }}">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-6">
                            <label for="address" class="col-sm-2 col-form-label text-info font-weight-bold">Morada</label>
                            <div class="col-sm-12">
                                <input type="text" 
                                    readonly 
                                    class="form-control-plaintext" 
                                    disabled="disabled" 
                                    id='address'
                                    value="{{ $customer->address ?? '' }}">
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-12 col-md-6">
                            <label for="created_at" class="col-sm-12 col-form-label text-info font-weight-bold">Data criação</label>
                            <div class="col-sm-12">
                                <input type="text" 
                                    readonly 
                                    class="form-control-plaintext" 
                                    disabled="disabled" 
                                    id='telephone'
                                    value="{{ $customer->created_at ?? '' }}">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-6">
                            <label for="updated_at" class="col-sm-12 col-form-label text-info font-weight-bold">Data Atulização</label>
                            <div class="col-sm-12">
                                <input type="text" 
                                    readonly 
                                    class="form-control-plaintext" 
                                    disabled="disabled" 
                                    id='updated_at'
                                    value="{{ $customer->updated_at ?? '' }}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <hr class="sidebar-divider d-none d-md-block">
        <div class="panel panel-primary">
            <div class="panel-body">
                <div class="table-responsive">
                @if(!$details->isEmpty())
                    <table class="table table-bordered table-hover" id="orders-list">
                        <thead  class="thead-dark">
                            <tr>
                                <th>Descrição</th>
                                <th>Desconto</th>
                                <th>QTD</th>
                                <th>IVA</th>
                                <th>PreçoUni</th>
                                <th>Total Sem Iva</th>
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($details as $detail)
                            <tr>
                                <td>{{ $detail->description }} <small>({{ $detail->external_id }})</small></td>
                                <td>{{ $detail->getDiscountAmount() }}€ <small>({{ $detail->discount }})</small></td>
                                <td>{{ $detail->qty }}</td>
                                <td>{{ $detail->iva }}%</td>
                                <td>{{ $detail->total_s_iva }} €</td>
                                <td>{{ $detail->getRowPriceNoVatNoDiscount() }} €</td>
                                <td> {{ $detail->getRowTotalWithVatWithDiscount() }} €</td>
                            </tr>
                            @endforeach
                            <tr class="table-info">
                                <td colspan="7"></td>
                            </tr>
                            <tr class="">
                                <td>Observações: </td>
                                <td colspan="6">{{$order->comment}}</td>
                            </tr>
                            <tr class="table-info">
                                <td colspan="7"></td>
                            </tr>
                        </tbody>

                        <tfoot class="thead-light">
                            <tr>
                                <th colspan="5"></th>
                                <th>Desconto</th>
                                <td>{{ $details->sum(function($detail) {
                                        return $detail->getDiscountAmount();
                                    }) }} €</td>
                            </tr>
                            <tr>
                                <th colspan="5"></th>
                                <th>Total Sem Iva</th>
                                <td>{{ $details->sum(function($detail) {
                                    return $detail->getRowTotalWithDiscountNoVat();
                                }) }}€</td>
                            </tr>
                            <tr>
                                <th colspan="5"></th>
                                <th>Total Com Iva</th>
                                <td>{{ $details->sum(function($detail) {
                                    return $detail->getRowTotalWithVatWithDiscount();
                                }) }}€</td>
                            </tr>
                        </tfoot>
                    </table>
                    {{ $details->links() }}
                    @else
                        <div style="text-align:center">Encomenda Vazia</div>
                    @endif

                    <div class="row m-0">
                        <div class="col-3 m-0 p-0">
                            <a href="{{ url()->previous() }}" class="btn btn-info">Voltar</a>
                        </div>
                        
                        <div class="col-6">
                            @if ($order->status == Order::ORDER_SAVED 
                                && ($order->user_id==Auth::user()->id || Auth::user()->isAdmin()) 
                            )
                                <a href="{{ route("orders.edit", ["id" => $order->id]) }}" class="btn btn-success" id="resumeOrder">Retomar</a>
                            @endif
        
                            @if ($order->status == Order::ORDER_SAVED && $order->user_id==Auth::user()->id )
                                <a href="{{ route("orders.cancel", ["id" => $order->id]) }}" class="btn btn-danger">Cancelar Encomenda</a>
                            @endif
        
                            @if ($order->status == Order::ORDER_PENDING && (Auth::user()->isAdmin() || Auth::user()->isWarehouse()) )
                                <a href="{{ route("orders.close", ["id" => $order->id]) }}" class="btn btn-warning">Confirmar Encomenda</a>
                            @endif
                            @if ($order->status == Order::ORDER_DONE && (Auth::user()->isAdmin() || Auth::user()->isWarehouse()) )
                            <form autocomplete="off" enctype="multipart/form-data" method="POST" class="col-6" action="{{ route("orders.reconcile") }}">
                                @csrf
                                <input type="hidden" name="oid" value="{{ $order->id }}" />
                                <div class="form-group row">
                                    <div class="col-4">
                                        <input type="text" name="primainv" class="form-control form-control-user form" />
                                    </div>
                                    <div class="col-8">
                                        <button type="submit" class="btn btn-success">Reconciliar Encomenda</button>
                                    </div>
                                </div>
                            </form>
                            @endif
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
</div>
@endsection