@extends('layout.main')
@section('content')
<section>
	<h3 class="text-center">{{trans('file.Profit Report')}}</h3>
	{!! Form::open(['route' => 'report.profitLoss', 'method' => 'post']) !!}
	<div class="col-md-6 offset-md-3 mt-4">
        <div class="form-group row">
            <label class="d-tc mt-2"><strong>{{trans('file.Choose Your Date')}}</strong> &nbsp;</label>
            <div class="d-tc">
                <div class="input-group">
                    <input type="text" id="daterangepicker-change-date" class="daterangepicker-field form-control" value="{{date('d-m-Y', strtotime($start_date))}} To {{date('d-m-Y', strtotime($end_date))}}" required />
                    <input type="hidden" name="start_date" value="{{$start_date}}" />
                    <input type="hidden" name="end_date" value="{{$end_date}}" />
                    <div class="input-group-append">
                        <button class="btn btn-primary" type="submit">{{trans('file.submit')}}</button>
                    </div>
                </div>
            </div>
        </div> 
    </div>
	{{Form::close()}}
	<div class="container-fluid">
		<div class="row mt-5">
			<div class="col-md-3">
				<div class="colored-box">
					<i class="fa fa-money"></i>
					<h3 class="text-center">{{trans('file.Revenue sales')}}</h3>
					<hr>
					<div class="mt-3">
						<p class="text-center"><strong>{{number_format((float)$sale[0]->grand_total, 0, '.', '.')}}</strong></p>
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="colored-box">
					<i class="fa fa-money"></i>
					<h3 class="text-center">{{trans('file.Cost of goods sold')}}</h3>
					<hr>
					<div class="mt-3">
						<p class="text-center"><strong>{{number_format((float)$purchase[0]->grand_total, 0, '.', '.')}}</strong></p>
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="colored-box">
					<i class="fa fa-money"></i>
					<h3 class="text-center">{{trans('file.Sales returns')}}</h3>
					<hr>
					<div class="mt-3">
						<p class="text-center"><strong>{{number_format((float)$return[0]->grand_total, 0, '.', '.')}}</strong></p>
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="colored-box">
					<i class="fa fa-money"></i>
					<h3 class="text-center">{{trans('file.Gross profit')}} / {{trans('file.Loss')}}</h3>
					<hr>
					<div class="mt-3">
						<p class="text-center"><strong>{{number_format((float)($sale[0]->grand_total - $purchase[0]->grand_total - $return[0]->grand_total + $purchase_return[0]->grand_total), 0, '.', '.') }}</strong></p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<script type="text/javascript">
	$("ul#report").siblings('a').attr('aria-expanded','true');
	$("ul#report").addClass("show");
	$("ul#report #profit-loss-report-menu").addClass("active");

	$(".daterangepicker-field").daterangepicker({
			callback: function(startDate, endDate, period){
					var start_date = startDate.format('YYYY-MM-DD');
					var end_date = endDate.format('YYYY-MM-DD'); 

					var display_start_date = startDate.format('DD-MM-YYYY');
					var display_end_date = endDate.format('DD-MM-YYYY');  
					var title = display_start_date + ' To ' + display_end_date;
					$(this).val(title);
					$('input[name="start_date"]').val(start_date);
					$('input[name="end_date"]').val(end_date);
			}
	});

	$('#daterangepicker-change-date').on("change", function(){
			var date_value = $(this).val();
			var arrDate = (date_value.trim()).split("To")

			var start = arrDate[0].trim().split("-")
			var end = arrDate[1].trim().split("-")
			var start_date = start[2] + '-' + start[1] + '-' + start[0]
			var end_date = end[2] + '-' + end[1] + '-' + end[0]

			$('input[name="start_date"]').val(start_date);
			$('input[name="end_date"]').val(end_date);
	}); 
		
</script>
@endsection