@extends('layouts.master-vnext')

@section('page-title')
<i class="fa fa-money"></i>
{{ $account->room->name }} - {{ $account->contact->firstName }} {{ $account->contact->lastName }}
@endsection

@section('content')

@include('common.errors')

<div class="row">
    <div class="col-md-6">
        {{ Form::open(['action' => ['Guest\AccountController@storePayment', $account]]) }}

        {{ Form::customText('amount') }}
        {{ Form::customSelect('currency', $currencies->pluck('name', 'id')) }}
        {{ Form::customSelect('paymentType', $paymentTypes->pluck('display_name', 'id')) }}
        {{ Form::customText('date', \App\Localization\CarbonExtensions::userLocalNow(), ['class' => 'form-control datetimepicker-control']) }}

        {{ Form::customSubmit('Create intermediate payment') }}

        {{ Form::close() }}
    </div>

    <div class="col-md-6">
        <div class="box">
            <div class="box-header with-border">
                <h3 class="box-title">Total amount open</h3>
            </div>
            <div class="box-body">
                <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Currency</th>
                        <th class="text-right">Amount</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($currencies as $currency)
                    <tr>
                        <td>{{ $currency->name }}</td>
                        <td class="text-right" style="width: 100%">
                            @currency( round(($account->salesTotal - $account->paymentsTotal) / $currency->conversionRateToDefault) )  {{ $currency->symbol }}
                        </td>
                        <td>
                            <form method="POST" action="{{ action("Guest\AccountController@makeFinalPayment", ['id' => $account->id]) }}">
                                {{ csrf_field() }}
                                <button type="submit" class="btn btn-primary btn-xs">Make final payment</button>
                                <input type="hidden" name="currency" value="{{ $currency->id }}" />
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
                </table>
            </div>
            <div class="box-footer">
                <h4>Available bonus: <b>@currency($discount - $alreadyReceivedBonus)</b>
                    {{ $defaultCurrency->symbol }}
                </h4>
                <p>Already received bonus <b>@currency($alreadyReceivedBonus)</b>
            </div>
        </div>
    </div>
</div>

<div class="row" style="margin-top: 25px">
    <div class="col-md-offset-6 col-md-6">
        <div class="box">
            <div class="box-header with-border"><h3 class="box-title">Payment history</h3></div>
            <div class="box-body">

                <table class="table table-hover table-condensed">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th class="text-right">Amount</th>
                            <th class="text-right">Total</th>
                        </tr>
                    <thead>

                    <tbody>
                        @foreach($account->payments as $payment)
                        <tr>
                            <td>@date($payment->payed_at)</td>
                            <td class="text-right">{{ $payment->amount }} {{ $payment->currency->symbol }}</td>
                            <td class="text-right">
                            @currency($payment->total_in_default_currency)
                            {{ $defaultCurrency->symbol }}
                            <i class="{{ $payment->paymentType->icon }} fa-fw" title="{{ $payment->paymentType->display_name }}"></i>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>

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

@endsection