@extends('layouts.master-vnext')
@inject('dateranges', 'App\Services\DateRangePickerService')

@section('page-title')
<i class="{{ $icon }}"></i> {{ $title }}
@endsection

@section('content')

<div class="row">
    <div class="col-md-12">
        <div class="box">
            <div class="box-body">
                <form action="{{ action("{$controller}@index") }}" method="GET" class="form-inline">

                    {{ Form::customText('fromValue', Request::input('fromValue'), ['placeholder' => 'From', 'class' => 'form-control', 'style' => 'margin-right: 15px;'])}}
                    {{ Form::customText('toValue', Request::input('toValue'), ['placeholder' => 'To', 'class' => 'form-control', 'style' => 'margin-right: 15px;'])}}
                    {{ Form::customSelect('currency', $currencies->pluck('name', 'id'), Request::input('currency'), ['placeholder' => 'Currency', 'class' => 'form-control improved-select', 'style' => 'width: 250px;'])}}

                    <div class="form-group has-feedback" style="margin-left: 15px;">
                        <input type="text" class="form-control" id="filter-datetimerange">
                        <span class="fa fa-calendar form-control-feedback"></span>
                    </div>

                    <button type="submit" class="btn btn-primary btn-flat">filter</button>

                    <input type="hidden" id="filterFrom" name="filterFrom" />
                    <input type="hidden" id="filterTo" name="filterTo" />

                </form>

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

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

            <div class="box-header with-border">
                @if( $title === "Safe" )
                <h2 class="box-title" style="font-size: 16px; padding: 9px 6px;">
                    <span title="Cash from manila">CFM - </span>
                    @foreach($currencies as $currency)
                    {{ $currency->name }}: <b>@currency($cashFromManila->where('currency.id', $currency->id)->sum('debit'))</b>
                    @if(!$loop->last) | @endif
                    @endforeach
                </h2>
                @endif

                @if( $title === "Manila" )
                <h2 class="box-title" style="font-size: 16px; padding: 9px 6px;">
                    <span title="Money from germany">MFG - </span>
                    @foreach($currencies as $currency)
                    {{ $currency->name }}: <b>@currency($cashFromGermany->where('currency.id', $currency->id)->sum('debit'))</b>
                    @if(!$loop->last) | @endif
                    @endforeach
                </h2>
                @endif

                <div class="btn-group pull-right" role="group">
                    <button type="button" class="btn btn-primary btn-flat dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="fa fa-plus"></i> Create new entry
                        <span class="caret"></span>
                    </button>

                    <ul class="dropdown-menu">
                        @foreach($currencies as $currency)
                        <li>
                            <a href="{{ action("{$controller}@create", ['currency' => $currency->id]) }}">{{ $currency->name }}</a>
                        </li>
                        @endforeach
                    </ul>
                </div>

                <h2 class="box-title pull-right" style="font-size: 16px; padding: 9px 12px;">
                    @foreach($currencies as $currency)
                    {{ $currency->name }}: <b>@currency($cashOnHand->where('currency.id', $currency->id)->first() ? $cashOnHand->where('currency.id', $currency->id)->first()->ending_balance : 0)</b>
                    @if(!$loop->last) | @endif
                    @endforeach
                </h2>
            </div>


            <div class="box-body">
                <table class="table table-hover table-condensed">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Comment</th>
                            <th class="text-right">Beginning balance</th>
                            <th class="text-right">Debit</th>
                            <th class="text-right">Credit</th>
                            <th class="text-right">Ending balance</th>
                            <th></th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($entries->sortByDesc('entered_at') as $entry)
                        <tr>
                            <td class="fit">
                                @date($entry->entered_at)
                            </td>

                            <td>
                                {{ $entry->comment }}
                            </td>

                            <td class="text-right">
                                @currency($entry->beginning_balance) {{ $entry->currency->symbol }}
                            </td>

                            <td class="text-right">
                                @if($entry->debit > 0)
                                @currency($entry->debit) {{ $entry->currency->symbol }}
                                @endif
                            </td>

                            <td class="text-right">
                                @if($entry->credit > 0)
                                @currency($entry->credit) {{ $entry->currency->symbol }}
                                @endif
                            </td>

                            <td class="text-right">
                                @currency($entry->ending_balance) {{ $entry->currency->symbol }}
                            </td>

                            <td class="actions fit">
                                <a href="{{ action("{$controller}@edit", [$entry]) }}" class="btn btn-default btn-xs btn-flat">
                                    <i class="fa fa-pencil-square-o"></i> edit
                                </a>
                            </td>
                        </tr>
                        @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection

@section('js')
<script type="text/javascript">
$('#filter-datetimerange').daterangepicker({
    timePicker: true,
    timePicker24Hour: true,
    showDropdowns: true,

    startDate: moment('{{ $filterFrom->setTimezone('Asia/Manila')->toIso8601String() }}'),
    endDate: moment('{{ $filterTo->setTimezone('Asia/Manila')->toIso8601String() }}'),

    autoUpdate: true,

    ranges: {
        @foreach($dateranges->default() as $range)
        '{{ $range["label"] }}': [moment('{{ $range["start"]->toIso8601String() }}'), moment('{{ $range["end"]->toIso8601String() }}')],
        @endforeach
    },
});

$('#filter-datetimerange').on('apply.daterangepicker', function(ev, picker) {
  $('#filterFrom').val(picker.startDate.format('YYYY-MM-DD HH:mm:ss'));
  $('#filterTo').val(picker.endDate.format('YYYY-MM-DD HH:mm:ss'));
});

</script>
@endsection