@extends('comm.template')

@section('content')
    <div style="color: #666;text-align:right;font-size:16px;margin-top:10px;margin-bottom:10px;margin-right:1%" ><< 訪客記錄 >></div>

    <div style="text-align:left;margin-left:30%;font-size:20px;" >

		查詢時間&nbsp;&nbsp;<input type="text" name="start" id="datepicker1" value="{{ substr($start, 0, 10) }}" style="width:90px;border:0px;border-bottom: 1px solid #d9d9d9;border-radius: 0px;line-height: 20px;">

		&nbsp;&nbsp; ~ &nbsp;&nbsp;
		<input type="text" name="end" id="datepicker2" value="{{  substr($end, 0, 10) }}" style="width:90px;border:0px;border-bottom: 1px solid #d9d9d9;border-radius: 0px;line-height: 20px;">

		&nbsp;&nbsp; <input type="text" name="keyword" id="keyword" value="@if ($keyword!=""){{ $keyword }}@endif" style="font-size:20px;width:100px;border:0px;border-bottom: 1px solid #d9d9d9;border-radius: 0px;line-height: 20px;padding-top: 2px;" placeholder="輸入關鍵字">

		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" name="button1" value="查詢" onclick="search()" >

		<input type="hidden" name="_token" value="{{ csrf_token() }}">

	</div>
	
    <table class="manager_apply_table myTB" style="width:98%">
        <tr>
            <th width="100">戶號/姓名</th>
			<th width="100">訪客卡</th>
            <th width="90">車牌號碼</th>
            <th width="100">備註</th>
			<th width="100">車位</th>
            <th width="150">進場時間</th>
            <th width="150">離場時間</th>
			<th width="100">停放時間</th>
			<th width="50">費用</th>
        </tr>

		<script type="text/javascript">
			var cost_total=0;
			var counter=0;
		</script>

        @foreach ($guests as $guest)
            <tr>
                <td align="center">{{ $guest->name }}</td>
				<td align="center">{{ $guest->card_code }}</td>

                <td align="center">
                    {{ $guest->license }}
                </td>

				<td align="center">
                    {{ $guest->memo }}
                </td>

				<td align="center">
                    {{ $guest->parking }}
                </td>

				@foreach ($etag_app as $app)

					<td align="center">
	                    @if ($guest->pic1 != "" && file_exists( $app->WebPath . "\\hd_parking\\public\\img\\camera\\" . $guest->pic1))
		                    <a href='{{ url("/") }}/img/camera/{{ $guest->pic1 }}' target='_blank'>{{ $guest->start }}</a>
			            @else
				            {{ $guest->start }}
					    @endif
	                </td>
					<td align="center">
			            @if ($guest->pic2 != "" && file_exists( $app->WebPath . "\\hd_parking\\public\\img\\camera\\" . $guest->pic2))
				            <a href='{{ url("/") }}/img/camera/{{ $guest->pic2 }}' target='_blank'>{{ $guest->end }}</a>
					    @else
						    {{ $guest->end }}
	                    @endif
					</td>


					<td align="center">

						@if (floor($guest->minute / 1440) != 0)

							{{floor($guest->minute / 1440)}} 天
							{{str_pad(floor(($guest->minute %1440)/60),1,'0',STR_PAD_LEFT)}} 時
							{{str_pad(floor(($guest->minute %1440)%60),1,'0',STR_PAD_LEFT)}} 分

						@else
									
							@if (floor(($guest->minute %1440)/60) != 0)
								{{floor(($guest->minute %1440)/60)}} 時
								{{str_pad(floor(($guest->minute %1440)%60),1,'0',STR_PAD_LEFT)}} 分
							@else
										
								@if (floor(($guest->minute %1440)%60) != 0)
									{{floor(($guest->minute %1440)%60)}} 分
								@else
									0 分
								@endif

							@endif

						@endif

					</td>

				@endforeach

				<td align="center">{{ $guest->cost_total }}</td>

             </tr>

			<script type="text/javascript">
			cost_total = cost_total + {{ $guest->cost_total }};
			counter += 1;
			</script>


        @endforeach

    </table>

	<table class="manager_apply_table myTB" id="manager_apply_table2" style="width:98%">

        <tr>
            <th width="120">停放次數</th>
			<td width="330" style="text-align:right ; padding-right:15px"></td>
			<script type="text/javascript">
				$('#manager_apply_table2 td:last').prepend(counter);
			</script>

			<th width="120">費用合計</th>
			<td width="330" style="text-align:right ; padding-right:15px"></td>
			<script type="text/javascript">
				$('#manager_apply_table2 td:last').prepend(cost_total);
			</script>

        </tr>

    </table>


    @if ($keyword == "" && $role <= 2)
    <div style="text-align:center">
        <input type="button" name="button1" value="刪除" onclick="report_delete()">
    </div>
    @endif
    
    <p>&nbsp;</p>
    @if ($pageCount > 1)
        <div class="pages wrap">
        @if ($keyword == "")
            @if ($page > 1)
                <a href="{{ url('manager/report_guest') }}/{{ $start }}/{{ $end }}/1">< 第一頁</a>
                <a href="{{ url('manager/report_guest') }}/{{ $start }}/{{ $end }}/{{ $page - 1 }}">< 上一頁</a>
            @endif
            @for ($i = 1; $i <= $pageCount; $i++)
                @if ($page == $i)
                    <a href="javascript:void(0);" class="on">{{ $i }}</a>
                @else 
                    <a href="{{ url('manager/report_guest') }}/{{ $start }}/{{ $end }}/{{ $i }}">{{ $i }}</a>
                @endif
            @endfor
                
            @if ($page < $pageCount)
                <a href="{{ url('manager/report_guest') }}/{{ $start }}/{{ $end }}/{{ $page + 1 }}">下一頁 ></a>
                <a href="{{ url('manager/report_guest') }}/{{ $start }}/{{ $end }}/{{ $pageCount }}">最後一頁 ></a>
             @endif
        @else
            @if ($page > 1)
                <a href="{{ url('manager/report_guest') }}/{{ $start }}/{{ $end }}/1">< 第一頁</a>
                <a href="{{ url('manager/report_guest') }}/{{ $start }}/{{ $end }}/{{ $page - 1 }}">< 上一頁</a>
            @endif
            @for ($i = 1; $i <= $pageCount; $i++)
                @if ($page == $i)
                    <a href="javascript:void(0);" class="on">{{ $i }}</a>
                @else 
                    <a href="{{ url('manager/report_guest') }}/{{ $start }}/{{ $end }}/{{ $i }}">{{ $i }}</a>
                @endif
            @endfor
                
            @if ($page < $pageCount)
                <a href="{{ url('manager/report_guest') }}/{{ $start }}/{{ $end }}/{{ $page + 1 }}">下一頁 ></a>
                <a href="{{ url('manager/report_guest') }}/{{ $start }}/{{ $end }}/{{ $pageCount }}">最後一頁 ></a>
             @endif
        @endif
        </div>
    @endif
    <p>&nbsp;</p>
@stop

@section('head')

    <link rel="stylesheet" href="{{ url('/')  }}/css/jquery-ui.css">
    <script type="text/javascript" src="{{ url('/')  }}/js/jquery-ui.js"></script>

@stop

@section('javascript')
//<script type="text/javascript">

	function search(){
        if ($("#datepicker1").val() == "" || $("#datepicker2").val() == ""){
            alert("請選擇起迄時間");
            return;
        }
        if ($("#keyword").val() != ""){
            location = '{{ url('manager/report_guest') }}/' + $("#datepicker1").val() + '/' + $("#datepicker2").val() + '/1/' + $("#keyword").val();
        }else{
            location = '{{ url('manager/report_guest') }}/' + $("#datepicker1").val() + '/' + $("#datepicker2").val() + '/1';
        }
	}

    function report_delete()
	{
		
		swal
		({
            //title: "確定刪除嗎？",
            type: 'question',
			html: "<font size='6'>確定刪除嗎？</font>",
			showConfirmButton:	true,
            showCancelButton: 	true,
            confirmButtonColor:	'#E63F00',
            cancelButtonColor: 	'#00AA00',
        })
		.then(result => 
		{
			if (result.value)
			{
				location = '{{ url('manager/report_delete') }}/1/' + $("#datepicker1").val() + '/' + $("#datepicker2").val();
			}
			else if (result.dismiss === Swal.DismissReason.cancel)
			{
				
			}
		})
		
        //location = '{{ url('manager/report_delete') }}/1/' + $("#datepicker1").val() + '/' + $("#datepicker2").val();
    }
	
	$(document).ready( function() {
		$( "#datepicker1" ).datepicker(
			{
				dateFormat:"yy-mm-dd"
			}
		);
		$( "#datepicker2" ).datepicker(
			{
				dateFormat:"yy-mm-dd",
			}
		);

	});

//</script>
@stop