@extends('layout.backend.main')

@section('content')

<style>

.invoice-list {
    cursor:pointer
}
.invoice-list:hover,
.invoice-list:focus {
    opacity:0.8
}
</style>

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

        <!-- BEGIN PAGE SIDEBAR -->

            {{-- @include('sidebars.dashboard') --}}

        <!-- END PAGE SIDEBAR -->
        <div class="page-content-col">

            <div class="col-md-12">
                <div class="portlet light bordered">

                    <div class="portlet-title">
                        <div class="caption font-dark">
                            <i class="icon-settings font-dark"></i>
                            <span class="caption-subject bold uppercase"> {!!trans('x.Bill Book')!!}</span>
                        </div>
                    </div>

                    <div class="portlet-body">
                        <div class="row">

                            <div class="col-md-8 col-sm-12">
                                <div id="calendar" class="has-toolbar"> </div>
                            </div>

                            <div class="col-md-4 col-sm-12">
                                <h4> {{ trans('x.Invoices') }} </h4></br>
                                <ul class="feeds">
                                    @foreach ($invoices as $invoice)
                                        <li class="invoice-list" onclick="window.open('/invoices/show/{{$invoice->id}}', '_blank');">
                                            <div class="col1">
                                                <div class="cont">
                                                    <div class="cont-col1">
                                                        @if  ($invoice->status == 'pending' && \Carbon\Carbon::today() >= \Carbon\Carbon::parse($invoice->invoice_date)->addMonth() )
                                                            <div class="label label-danger">
                                                        @elseif ($invoice->status == 'pending')
                                                            <div class="label label-info">
                                                        @elseif ($invoice->status == 'paid')
                                                            <div class="label label-success">
                                                        @else ($invoice->satus == 'canceled')
                                                            <div class="label label-warning">
                                                        @endif
                                                            <br><i class="fa fa-check"></i>
                                                        </div>
                                                    </div>
                                                    <div class="cont-col2">
                                                        <div class="desc"> 
                                                             #<b>{{$invoice->invoice_number}}</b> / {{ X::prettyPrice($invoice->total) }}
                                                             <br>
                                                             {{ $invoice->invoice->customer->companyname }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col2">
                                                <div class="date"> 
                                                    {{\Carbon\Carbon::parse($invoice->invoice_date)->format('d/m/Y')}} 
                                                    <br>
                                                    <b>{{ trans('x.'.ucfirst($invoice->status)) }}</b>
                                                </div>
                                            </div>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>                            
                        </div>
                    </div>
                    
                </div>
            </div>

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

@stop

@section('pages-scripts')

<script type="text/javascript">
    var AppCalendar = function() {
        return {
            init: function() {
                this.initCalendar()
            },
            initCalendar:function() {
                if(jQuery().fullCalendar) {
                    var e=new Date,
                    t=e.getDate(),
                    a=e.getMonth(),
                    i=e.getFullYear(),
                    l= {}
                    ;
                    $("#calendar").width()<=400?($("#calendar").addClass("mobile"), l= {
                        left: "title, prev, next", center: "", right: "today,month,agendaWeek,agendaDay"
                    }
                    ):($("#calendar").removeClass("mobile"), l=App.isRTL()? {
                        right: "title", center: "", left: "prev,next,today,month,agendaWeek,agendaDay"
                    }
                    : {
                        left: "title", center: "", right: "prev,next,today,month,agendaWeek,agendaDay"
                    }
                    ),
                    $("#calendar").fullCalendar("destroy"),
                    $("#calendar").fullCalendar( {
                        disableDragging : true, 
                        header : l, 
                        displayEventTime : false,
                        editable : false, 
                        events:[ 
                            @foreach ($invoices as $invoice)
                                {
                                    id: "{{$invoice->id}}",
                                    title: " # {{$invoice->invoice_number}}", 
                                    description: "{{ trans('x.Invoice') }} #{{ $invoice->invoice_number}} - {{ strtoupper(trans('x.'.$invoice->status)) }} - Creata il {{ \Carbon\Carbon::parse($invoice->invoice_date)->format('d.m.y') }} - @if ($invoice->invoice->order_id !== '0') {{ trans('x.Order') }} #{{$invoice->invoice->order_id}} - @endif {{$invoice->invoice->customer->companyname}} - {{ $invoice->invoice->items_qty }} {{ trans('x.Items') }} - {{ X::prettyPrice( $invoice->total ) }}",
                                    start: new Date('{{ \Carbon\Carbon::parse($invoice->invoice_expiration)->format("Y-m-d H:i:m") }}'), 
                                    @if ( $invoice->status == 'paid')
                                        backgroundColor: '#58D718'
                                    @elseif ( $invoice->status == 'pending' && \Carbon\Carbon::now() > \Carbon\Carbon::parse($invoice->invoice_expiration) )
                                        backgroundColor: '#D61818'
                                    @else
                                        backgroundColor: '#F4F436'
                                    @endif
                                },
                            @endforeach
                        ],
                        eventRender: function(event, element) {
                            element.tooltip({
                                title : event.description
                            }),
                            element.attr('onclick', "window.open( '/invoices/show/"+event.id+"', '_blank')" )
                        }
                    }
                    )
                }
            }
        }
    }();
    jQuery(document).ready(function() {
        AppCalendar.init()
    });
</script>

@stop