@extends('backend.layouts.app')

@section('title')
拠点別売上集計
@endsection

@section('content')
<div id="wrapper">
	<h2 class="title">拠点別売上集計</h2>
	<div>
		<ul class="tab four">
			<li class="select" id="TAB0">ALL</li>
			@foreach (config('const.rental_shed') as $id => $name)
				<li id="TAB{{ $id }}">{{ $name }}</li>
			@endforeach
		</ul>
		<ul class="content" style="overflow-x: scroll !important;">
			<!-- TAB1 -->
			<li class="TAB0">
				@include('backend.rental.sales._shed', ['params' => $params[0]])
			</li>

			@foreach (config('const.rental_shed') as $id => $name)
				<li class="TAB{{ $id }}" style="display: none;">
					@include('backend.rental.sales._shed', ['params' => $params[$id]])
				</li>
			@endforeach
		</ul>
	</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_css')
<style>
	.tab.four li{
		width: 20%;
	}
</style>
@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