@extends('layouts.master')

@section('content')
    <div class="row">
        <div class="col-md-7">
            <div class="tablet">
                <div class="tablet__head">
                    <div class="tablet__head-label text-center">
                        <h3 class="tablet__head-title">{{ __('Invoice summary') }}</h3>
                    </div>

                </div>
                <div class="tablet__body">
                    <div class="tablet__items">
                        @foreach($invoice->invoiceLines as $invoice_line)
                                <div class="tablet__item" style="padding: 0;">
                                    <div class="tablet__item__info">
                                        <p class="invoice-title">{{$invoice_line->title}}</p>

                                        <div class="tablet__item__description">
                                            <p class="invoice-info">{{$invoice_line->quantity}} x {{$invoice_line->price_converted}}</p>
                                            <p class="invoice-info small">{{ __($invoice_line->type) }}</p>
                                        </div>
                                    </div>
                                    <div class="tablet__item__toolbar">
                                        <div class="dropdown dropdown-inline">
                                            @if($invoice->canUpdateInvoice())
                                            <form action="{{route('invoiceLine.destroy', $invoice_line->external_id)}}" method="post">
                                                @method('delete')
                                                {{csrf_field()}}
                                                <p>
                                            @endif
                                                    {{$invoice_line->total_value_converted}}
                                            @if($invoice->canUpdateInvoice())
                                                <button type="submit" class="fa fa-btn fa-trash-o btn btn-clean trashcan-icon"></button>
                                                </p>
                                            </form>
                                            @endif

                                        </div>
                                    </div>
                                </div>
                                <hr style="margin-top: 5px;">
                        @endforeach
                            @if(Entrust::can('modify-invoice-lines'))
                                @if(!$invoice->sent_at)
                                <!-- Insert new item part--->
                                    <div class="tablet__item" style="padding: 0;">
                                        <div class="tablet__item__info">
                                            <button id="time-manager" style="
                                                border: 0;
                                                padding: 0;
                                                background: transparent;
                                                font-size:1.5em;
                                                color:#337ab7;">
                                                <i class="icon ion-md-add-circle"></i>
                                                <span style="font-size:0.7em; font-weight:400;">@lang('Insert new invoice line')</span>
                                            </button>
                                        </div>
                                    </div>
                                    <hr style="margin-top: 5px;">
                            @endif
                        @endif

                        <!-- Vat Total price--->
                            <div class="tablet__item" style="padding: 0;">
                                <div class="tablet__item__info">
                                    <span>@lang('Tax')</span>
                                </div>
                                <div class="tablet__item__toolbar">
                                    <div class="dropdown dropdown-inline">
                                        <span>{{$vatPrice}}</span>
                                    </div>
                                </div>
                            </div>
                        <!-- Sub Total price--->
                            <div class="tablet__item" style="padding: 0;">
                                <div class="tablet__item__info">
                                    <span>@lang('Sub Total')</span>
                                </div>
                                <div class="tablet__item__toolbar">
                                    <div class="dropdown dropdown-inline">
                                        <span>{{$subPrice}}</span>
                                    </div>
                                </div>
                            </div>
                        <!-- Total price--->
                            <div class="tablet__item" style="padding: 0;">
                                <div class="tablet__item__info">
                                    <span class="final-price">@lang('Total')</span>
                                </div>
                                <div class="tablet__item__toolbar">
                                    <div class="dropdown dropdown-inline">
                                        <span class="final-price">{{$finalPrice}}</span>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
                <div class="tablet__footer">
                    <div class="row">
                        <div class="col-lg-6 col-sm-12">

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-5">
            <div class="tablet">
                <div class="tablet__body" style="padding-bottom: 3em;">
                    <p class="invoice-title">{{$client->company_name}}
                        <a href="{{route('clients.show', $client->external_id)}}"><i class="ion ion-ios-redo " title="{{ __('Go to client') }}" style="
                        float: right;
                        margin-right: 1em;
                        color:#61788b;
                        "></i></a>
                    </p>
                    <p class="invoice-info">{{$contact_info->name}}</p>
                    <p class="invoice-info">{{$contact_info->email}}</p>
                    <hr style="margin-top: 5px;">
                    <div class="row">
                        <div class="col-md-6" style="padding-bottom: 1em;">
                            <p class="invoice-info-title">@lang('Invoice created')</p>
                            <p class="invoice-info-subtext">{{date(carbonDate(), strtotime($invoice->created_at))}}</p>
                        </div>
                        <div class="col-md-6" style="padding-bottom: 1em;">
                            <p class="invoice-info-title">@lang('Invoice date')</p>
                            <p class="invoice-info-subtext">{{ !$invoice->sent_at ? __('Not send') : date(carbonDate(), strtotime($invoice->sent_at))}}</p>
                        </div>
                        <div class="col-md-6">
                            <p class="invoice-info-title">@lang('Due date')</p>
                            <p class="invoice-info-subtext">{{ !$invoice->due_at ? __('Not set') : date(carbonDate(), strtotime($invoice->due_at))}}</p>
                        </div>
                        <div class="col-md-6">
                            <p class="invoice-info-title">@lang('Amount due')</p>
                            <p class="invoice-info-subtext">{{$amountDueFormatted}}</p>
                        </div>
                        <div class="col-md-6">
                            <p class="invoice-info-title">@lang('Status')</p>
                            <p class="invoice-info-subtext">{{\App\Enums\InvoiceStatus::fromStatus($invoice->status)->getDisplayValue()}}</p>
                        </div>
                        @if($source)
                            <div class="col-md-6">
                                <p class="invoice-info-title">@lang('Reference')</p>
                                <p class="invoice-info-subtext">
                                    <a href="{{$source->getShowRoute()}}">{{__(class_basename(get_class($source)))}}</a>
                                </p>
                            </div>
                        @endif
                        @if($invoice->invoice_number != null)
                            <div class="col-md-6">
                                <p class="invoice-info-title">@lang('Invoice number')</p>
                                <p class="invoice-info-subtext">
                                    {{$invoice->invoice_number}}
                                </p>
                            </div>
                        @endif
                        @if($invoice->offer)
                            <div class="col-md-6">
                                <p class="invoice-info-title">@lang('Based on')</p>
                                <p class="invoice-info-subtext">
                                    <button data-offer-external_id={{$invoice->offer->external_id}} class="btn btn-link" style="padding: 0px;" id="view-original-offer">@lang('Offer')</button> 
                                </p>
                            </div>
                        @endif
                        <hr>
                        <div class="col-md-6">
                            @if(Entrust::can('invoice-pay'))
                                        <button type="button" id="update-payment" class="btn btn-md btn-brand btn-full-width closebtn"