@extends('backend.layouts.app')

@section('title')
車両別売上集計
@endsection

@section('content')
<div id="wrapper">
	<div id="r-content">
		<h2 class="title">車両別売上集計</h2>
		<table class="normal">
			<tr>
				<th>車両数</th>
				<td>{{ number_format($param_total['num']) }}</td>
			</tr>
			<tr>
				<th>述貸渡回数</th>
				<td>{{ number_format($param_total['loan_num']) }}</td>
			</tr>
			<tr>
				<th>延貸渡日数</th>
				<td>{{ number_format($param_total['loan_days']) }}</td>
			</tr>
			<tr>
				<th>延走行キロ</th>
				<td>{{ number_format($param_total['km']) }}km</td>
			</tr>
			<tr>
				<th>総貸渡料金</th>
				<td>{{ number_format($param_total['price']) }}</td>
			</tr>
			<tr>
				<th>稼働率</th>
				<td>{{ number_format($param_total['occupancy_rate'], 1) }}%</td>
			</tr>
		</table>

		<div style="overflow-x: scroll !important;">
			<table class="normal type3">
				<thead>
					<tr>
						<th>車番</th>
						@foreach($param_vehicles[0]["cell_params"] as $cell_param)
						<th>{{ $cell_param['year'] }}年{{ $cell_param['month'] }}月</th>
						@endforeach
						<th>合計</th>
					</tr>
				</thead>
				<tbody>
					@foreach($param_vehicles as $param_vehicle)
					<tr>
						<td>{{ $param_vehicle['register_no'] }}</td>
						@foreach($param_vehicle["cell_params"] as $cell_param)
						<td><a data-target="detail" data-id='{{ $param_vehicle['vehicle_id'] }}' data-year='{{ $cell_param['year'] }}' data-month='{{ $cell_param['month'] }}' class="modal_btn">
							\{{ number_format($cell_param['total_month_price']) }}
						</a></td>
						@endforeach
						<td>\{{ number_format($param_vehicle['total_year_price']) }}</td>
					</tr>
					@endforeach
				</tbody>
			</table>
		</div>
	</div>
</div>
<div id="detail" class="modal-content">
	<div class="MDL_window_wrap">
		<table class="normal type3">
			<thead>
				<tr>
					<th>貸出日</th>
					<th>返却日</th>
					<th>借受人名</th>
					<th>売上</th>
				</tr>
			</thead>
			<tbody>
				<tr>
				</tr>
			</tbody>
		</table>
		<!-- <div class="center-submit t_center">
			<input type="submit" value="登録">
		</div> -->
	</div>
	<p class="closemodal"><a class="modal-close">×</a></p>
</div>
@endsection

@section('page_js')
<script>
$(function(){
	$('.modal_btn').click(function(){
		let vehicle_id = $(this).data('id');
		let month = $(this).data('month');
		let year = $(this).data('year');
		$.ajax({
			type: "post",
			url : '{{ route("backend.ajax.get_rental_sales_info") }}',
			data: {
				vehicle_id: vehicle_id,
				month: month,
				year: year,
				_token: '{{ csrf_token() }}',
			},
			dataType: "json",
			success: function(result) {
				var text = '';

				if(result.length == 0){
					text += '<tr><td colspan="4">表示する項目はありません。</td></tr>';
				}else{
					for(let i=0; i<result.length; i++){
						text += '<tr>';
						text += '<td>' + result[i]["loan_date"] + '</td>';
						text += '<td>' + result[i]["return_date"] + '</td>';
						text += '<td>' + result[i]["partner_name"] + '</td>';
						text += '<td>' + result[i]["sales"] + '</td>';
						text += '</tr>';
					}
				}
				$('.MDL_window_wrap table tbody tr').remove();
				$('.MDL_window_wrap table tbody').append(text);
			},
			error: function(){
				alert('エラーが発生しました。');
			},
		});
	});
});
</script>
@endsection