@extends('layout.backend.main')

@section('content')

    @include('components.proformas.steps')

<style>
hr, p {
    margin: 10px 0!important;
}
</style>

<div class="page-content-container">
	<div class="page-content-row">

        @include('sidebars.customers')

        <div class="page-content-col">
            
            <form action="/proformas/{{$sessionProforma->id}}/confirm" method="POST">

                <div class="proforma-content-2 bordered">
                    <div class="invoice-head">
                        <div class="invoice-logo">
                            <img src="{{$brand->logo()}}" class="img-responsive" alt="" style="max-width:90px; max-height:90px; heigh:auto;:" />
                        </div>
                        <div class="company-address" style="float:right; text-align:right">
                            <span class="bold uppercase">{{$brand->companyname}}</span>
                            <br/> {{$brand->address}}, {{$brand->postcode}} {{$brand->city}} {{$brand->province}}
                            <br/> {{$brand->country}}
                            <br/>
                            <span class="bold">T</span> {{$brand->telephone}}
                            <br/>
                            <span class="bold">E</span> {{$brand->email}}
                            <br/>
                            <span class="bold">W</span> {{$brand->website}}
                        </div>
                    </div>
                    <div class="row proforma-body">
                        <div class="col-xs-12 table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th class="proforma-title uppercase"></th>
                                        <th class="proforma-title uppercase text-center"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><p>A cliente o fornitore:<br></p></td>
                                        <td>
                                            <input type="text" class="form-control ui-autocomplete-input col-md-6" id="customer-supplier-full-autocomplete" style="margin-top:6px;" placeholder="Seleziona cliente (autocomplete)" />

                                            <input type="hidden" id="customer-id" name="customer_id" value="{{ $sessionProforma->customer_id }}">
                                            <input type="hidden" id="supplier-id" name="supplier_id" value="{{ $sessionProforma->supplier_id }}">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><p>{{ trans('x.Proforma') }} {{ trans('x.Number') }} / {{trans('x.Year')}}</p></td>
                                        <td class="sbold">
                                            <input type="number" name="number" class="form-control" required
                                            @if (isset($sessionProforma) && $sessionProforma->number !== 0) value="{{$sessionProforma->number}}" @else value="{{X::nextWaybillNumber()}}" @endif style="max-width:80px; float:left" data-required="true" />
                                            <div style="float:left; margin-top:10px">&nbsp;<b>/</b>&nbsp;</div>
                                            <input type="year" name="year" class="form-control" required
                                            @if (isset($sessionProforma) && $sessionProforma->year !== 0) value="{{$sessionProforma->year}}" @else value="{{ \Carbon\Carbon::now()->year }}" @endif style="max-width:80px; float:left" min="0" max="2099" data-required="true" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><p><label>{{ trans('x.Proforma date')}}</label></p></td>
                                        <td class="sbold">
                                            <input type="text" class="form-control datepicker" name="created_at" style="max-width:200px" data-required="true" value="{{ isset($sessionProforma) ? $sessionProforma->created_at->format('d/m/Y') : \Carbon\Carbon::now()->format('d/m/Y') }}" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><p><label>{{ trans('x.Payment date')}}</label></p></td>
                                        <td class="sbold">
                                            <input type="text" class="form-control datepicker" name="payment_date" style="max-width:200px" data-required="true" value="{{ isset($sessionProforma) ? $sessionProforma->payment_date->format('d/m/Y') : \Carbon\Carbon::now()->addMonth()->format('d/m/Y') }}" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><p>Note</p></td>
                                        <td class="sbold">
                                            <textarea name="note" class="form-control" rows="4" style="max-width:500px">{{ isset($sessionProforma) ? $sessionProforma->note : '' }}</textarea>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><p>Dettaglio:<br></p></td>
                                        <td></td>
                                    </td>
                                    <tr>
                                        <td colspan="2">
                                            @if (isset($sessionProforma))
                                                                                                @include('sections.orders.steps._4.details_tables')
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="align-right"><p>N. Pezzi</p></td>
                                        <td class="sbold align-right">
                                            {{ $sessionProforma->items_qty }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="align-right">
                                            <p>{{ trans('x.Subtotal') }}</p>
                                            <p>{{ trans('x.Variation') }} {{$sessionProforma->payment->action}}{{$sessionProforma->payment->amount}}%</p>
                                        </td>
                                        <td class="sbold align-right">
                                            <p style="color:black">
                                            {{X::priceFormat($sessionProforma->subtotal)}} € 
                                            </p>
                                            <p>
                                                {{X::priceFormat($sessionProforma->getVariations())}} €
                                            </p>
                                        </td>
                                    </tr>
                                    @if ($sessionProforma->type !== 'unique')
                                        <tr>
                                            <td class="align-right">
                                                <p>{{ trans('x.'.$sessionProforma->getTypeName()) }}
                                                {{ $sessionProforma->getTypePercent() }}%</p>
                                            </td>
                                            <td class="sbold align-right">
                                                <p style="color:black">
                                                    {{ X::prettyPrice($sessionProforma->totalByType()) }}
                                                </p>
                                            </td>
                                        </tr>
                                    @endif
                                    <tr>
                                        <td class="align-right">
                                            <p>{{ $sessionProforma->tax->name }}</p>
                                        </td>
                                        <td class="sbold align-right">
                                            <p style="color:black">
                                                {{ X::prettyPrice($sessionProforma->getTaxes()) }}
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="align-right">
                                            <p>{{ trans('x.Total') }}</p>
                                        </td>
                                        <td class="sbold align-right">
                                            <p class="invoice-desc grand-total" style="color:black">
                                            {{X::prettyPrice($sessionProforma->total)}}
                                            </p>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <button type="submit" class="btn btn-success btn-lg" style="float:right">{{ trans('x.Confirm and save') }}</button>
                            <a href="/proformas/{{$sessionProforma->id}}/step3" class="btn btn-info btn-lg" style="float:right">{{ trans('x.Edit') }}</a>
                        </div>
                    </div>
                </div>

            </form>
        </div>

    </div>
</div>

@stop

@section('pages-scripts')
    <script>

        $('.datetimepicker').datetimepicker();

        $( window ).on( 'load', function() {
            $.getJSON('/api/customers-suppliers/value-label', function(data) {
                $( "#customer-supplier-full-autocomplete" ).autocomplete({
                    source: data,
                    select: function(event, ui) {
                        $('.ui-autocomplete').off('menufocus hover mouseover mouseenter');
                        if(ui.item) {
                            $(this).val(ui.item.label);
                            $(this).attr('value', ui.item.label);
                            if (ui.item.type == 'customer') {
                                $('#customer-id').val(ui.item.value);
                                $('#supplier-id').val('0');
                            }
                            else if (ui.item.type == 'supplier') {
                                $('#supplier-id').val(ui.item.value);
                                $('#customer-id').val('0');
                            }
                        }
                    }
                });
            });
        });
    </script>
@stop