@extends('layouts.master-vnext')

@section('page-title')
{{ $booking->contact->firstName }} {{ $booking->contact->lastName }} - {{ $booking->room->name }} - <i class="fa fa-plane"></i> @date($booking->check_out_at, "Y-m-d")
@endsection

@section('content')

<div class="row">
    <div class="col-md-12">
        <div class="box">

            <div class="box-header with-border">
                @if($booking->is_active)
                <div class="btn-toolbar pull-right" style="display:inline-block">
                    <div class="btn-group pull-right">
                        <button type="button" class="btn btn-info btn-flat dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-print"></i> Invoice <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li><a target="_new" href="{{ action("Guest\AccountController@invoice", ['id' => $booking->id]) }}">Print</a></li>
                            <li><a target="_new" href="{{ action("Guest\AccountController@invoiceForRepeater", ['id' => $booking->id]) }}">Print repeater</a></li>
                        </ul>
                    </div>

                    <form action="{{ action("Guest\AccountController@checkOut", [$booking]) }}" method="POST" class="pull-right" style="margin-left: 5px;">
                        {!! csrf_field() !!}
                        <button type="submit" class="btn btn-danger btn-flat"><i class="fa fa-trash-o"></i> Check out</button>
                    </form>

                    <a href="{{ action("Guest\AccountController@createSale", ['id' => $booking->id]) }}"
                        class="btn btn-primary btn-flat pull-right">
                        <i class="fa fa-shopping-basket"></i> Add sale
                    </a>

                    <a href="{{ action("Guest\AccountController@createPayment", ['id' => $booking->id]) }}"
                        class="btn btn-success btn-flat pull-right">
                        <i class="fa fa-money"></i> Make payment
                    </a>
                </div>
                @else
                <h2 class="box-title pull-right bg-primary" style="font-size: 16px; padding: 9px 12px; height: 34px;">
                    <p>Account closed</p>
                </h2>
                @endif

                <h2 class="box-title pull-right" style="font-size: 16px; padding: 9px 12px;">

                    Total:
                    <a data-toggle="modal" data-target="#salesSummary" href="#">
                        <span class="orders orders-total">@currency($booking->salesTotal)</span>
                    </a> {{ $defaultCurrency->symbol }}

                    | Payed:
                    <a data-toggle="modal" data-target="#paymentSummary" href="#">
                        <span class="orders orders-payed">@currency($booking->paymentsTotal)</span>
                    </a> {{ $defaultCurrency->symbol }}

                    | Open: <span class="orders orders-open">@currency($booking->salesTotal - $booking->paymentsTotal)</span> {{ $defaultCurrency->symbol }}

                </h2>
            </div>

            <div class="box-body no-padding">
                <table class="table table-striped table-hover table-condensed">

                    <thead>
                        <tr>
                            <th>Date</th>
                            <th class="text-right">SlipID</th>
                            <th>Product</th>
                            <th class="text-right">Quantity</th>
                            <th class="text-right">Unitprice</th>
                            <th></th>
                            <th class="text-right">Total in PHP</th>
                            <th>Shift</th>
                        </tr>
                    </thead>

                    <tbody>
                    @foreach($sales->groupBy(function($item) { return $item->booking_date; }) as $salesGroupedByDate)

                    @foreach($salesGroupedByDate->sortBy('id') as $sale)
                        @if($loop->first)
                        <tr class="first-item-in-group">
                        @else
                        <tr>
                        @endif

                            @if($loop->first)
                            <td class="fit">@date($sale->booking_date)</td>
                            <td class="text-right">{{ $sale->order_id }}</td>
                            @else
                            <td class="fit">&nbsp;</td>
                            <td>&nbsp;</td>
                            @endif

                            <td>{{ $sale->product->name }}</td>

                            <td class="text-right">{{ $sale->quantity > 1 ? $sale->quantity : "" }}</td>

                            <td class="text-right">
                                @if($sale->currency->id !== $defaultCurrency->id)
                                    <span class="label label-primary">F</span>
                                @endif

                                @currency($sale->unit_price)
                            </td>
                            <td>{{ $sale->currency->symbol }}</td>
                            <td class="text-right">@currency($sale->total_in_default_currency) {{ $defaultCurrency->symbol }}</td>

                            <td>
                                @if($sale->order_id)
                                <i class="{{ $sale->is_morning_shift ? 'ion ion-ios-sunny' : 'ion ion-ios-moon'}}"></i>
                                @endif
                            </td>

                            <td class="actions">
                                @if($sale->comments)
                                <button type="button" class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="top" data-container="body" title="{{ $sale->comments }}">
                                    <i class="fa fa-comment-o"></i>
                                </button>
                                @endif

                                @if($booking->is_active)

                                <a href="{{ action("Guest\AccountController@editSale", ['id' => $booking->id, 'saleId' => $sale->id]) }}" class="btn btn-xs btn-default btn-flat">
                                    <i class="fa fa-pencil-square-o"></i> edit
                                </a>

                                @role('admin')
                                <form action="{{ action('Guest\AccountController@destroySale', ['id' => $booking->id, 'saleId' => $sale->id]) }}" method="POST" class="btn btn-xs delete-form">
                                    {!! csrf_field() !!}
                                    {!! method_field('DELETE') !!}
                                    <button type="submit" class="btn btn-xs btn-danger btn-flat"><i class="fa fa-trash-o"></i> delete</button>
                                </form>
                                @endrole

                                @endif
                            </td>
                        </tr>
                    @endforeach

                    @endforeach
                    </tbody>

                </table>
            </div>

            <div class="box-footer">
                {{ $sales->links() }}
            </div>
        </div>
    </div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="salesSummary">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Summary of sales</h4>
            </div>

            <div class="modal-body">

                <table class="table table-hover table-condensed">
                    <thead>
                        <tr>
                            <th>Division</th>
                            @foreach($currencies as $currency)
                            <th class="text-right">{{ $currency->name }}</th>
                            @endforeach
                        </tr>
                    <thead>

                    <tbody>
                        @foreach($totals as $division => $subTotals)
                        <tr>
                            <td>{{ $division }}</td>
                            @foreach($subTotals as $subTotal)
                            <td class="text-right">{{ $subTotal["total"] }} {{ $subTotal["currency"]->symbol }}</td>
                            @endforeach
                        </tr>
                        @endforeach
                    </tbody>

                    <tfoot>
                        <td>Totals</td>
                        @foreach($currencies as $currency)
                        <td class="text-right">{{ $totals->sum(function($division) use($currency) {
                            return $division->sum(function($subTotals) use($currency) {
                                if($subTotals["currency"]->id === $currency->id)
                                {
                                    return $subTotals["total"];
                                }
                            });
                            }) }} {{ $currency->symbol }}</td>
                        @endforeach
                    </tfoot>

                </table>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<div class="modal fade" tabindex="-1" role="dialog" id="paymentSummary">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Summary of payments</h4>
            </div>

            <div class="modal-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($booking->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 class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

@endsection

@section('js')

<script type="text/javascript">

$(function () {

    $(".delete-form").on("submit", function(){
        return confirm("Do you really want to delete this item?");
    });

    $("tbody").on('click', 'tr', function() {
        $("tr").removeClass('info');
        $(this).toggleClass('info');
    })
});

</script>
@endsection