@extends('layouts.app')

	@section('breadcrumb')
		<ul class="breadcrumb">
	    <li><a href="/home">{!! trans('messages.home') !!}</a></li>
			@if (Request::get('role') == "sup")
				<li class="active">{!! trans('messages.supervisor').' '.trans('messages.visit') !!}</li>
			@elseif (Request::get('role') == "mgt")
				<li class="active">{!! trans('messages.management').' '.trans('messages.visit') !!}</li>
			@else
				<li class="active">{!! trans('messages.date').' '.trans('messages.wise').' '.trans('messages.attendance') !!}</li>
			@endif
		</ul>
	@stop

	@section('content')
		<div class="row">

			@if(Laratrust::isAbleTo('create-attendance'))
				<div class="col-md-12 collapse" id="box-detail-add">
					<div class="box-info">
						<h2><b>{!! trans('messages.add_new') !!}</b> {!! trans('messages.attendance') !!}</h2>
						<div class="additional-icon">
							<button class="btn btn-primary" data-toggle="collapse" data-target="#box-detail-add"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
						</div>
						{!! Form::open(['route' => 'date_wise_attendance.store','role' => 'form', 'class'=>'date-wise-attendance-store-form','id' => 'date-wise-attendance-store-form']) !!}
							@include('clock.date_wise_attendance_form')
						{!! Form::close() !!}
					</div>
				</div>
			@endif

			<!-- Add New Attendance BulkUpload-->
			@if(Laratrust::isAbleTo('upload-attendance'))
				<div class="col-md-12 collapse" id="box-detail-bulk-upload">
					<div class="box-info">
						<h2><b>{!! trans('messages.bulk_upload') !!}</b> {!! trans('messages.attendance') !!}</h2>
						<div class="additional-icon">
							<button class="btn btn-primary" data-toggle="collapse" data-target="#box-detail-bulk-upload"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
						</div>
						@include('clock._form_bulk_upload')
					</div>
				</div>
			@endif

			<div class="col-sm-12">
				<div class="box-info">
					<h2><b>{!! trans('messages.filter') !!}</b></h2>
					@if (!Request::get('role') && !in_array(\Auth::user()->getUserRoleId(),\App\Role::where('name','like','%client%')->pluck('id')->all()))
						<div class="additional-icon">
							@if(Laratrust::isAbleTo('upload-attendance'))
								<a href="#" data-toggle="collapse" data-target="#box-detail-bulk-upload"><button class="btn btn-sm btn-primary"><i class="fa fa-upload icon"></i> {!! trans('messages.bulk_upload') !!}</button></a>
						  @endif
							@if(Laratrust::isAbleTo('create-attendance'))
								<a href="#" data-toggle="collapse" data-target="#box-detail-add"><button class="btn btn-sm btn-primary"><i class="fa fa-plus icon"></i> {!! trans('messages.add_new') !!}</button></a>
						  @endif
							@include('clock.attendance_report_menu')
						</div>
					@endif

					{!! Form::open(['url'=>'filter', 'id'=>'date-wise-attendance-form', 'data-no-form-clear'=>1]) !!}
						<div class="row">
							<div class="col-md-4">
						  	<div class="form-group">
									<label for="to_date">{!! trans('messages.duration') !!}</label>
									<div class="input-daterange input-group">
								    <input type="text" class="input-sm form-control" name="from_date" readonly value="{{date('Y-m-d')}}" />
								    <span class="input-group-addon">{{trans('messages.to')}}</span>
								    <input type="text" class="input-sm form-control" name="to_date" readonly value="{{date('Y-m-d')}}" />
									</div>
						  	</div>
							</div>
							<div class="col-md-3">
								<div class="form-group">
									{!! Form::label('location_id',trans('messages.location').' (In)',[]) !!}
									{!! Form::select('location_id[]',$locations,'',['class'=>'form-control show-tick', 'title'=>trans('messages.select').' '.trans('messages.location'), 'multiple'=>'multiple', 'data-actions-box'=>'true']) !!}
								</div>
							</div>
						</div>
						<div class="row">
							@if (!in_array(\Auth::user()->getUserRoleId(),\App\Role::where('name','like','%client%')->pluck('id')->all()))	{{-- Hide following filters from client --}}
								<div class="col-md-4">
							  	<div class="form-group">
										{!! Form::label('user_id',trans('messages.user'),[]) !!}
										{!! Form::select('user_id[]',$accessible_users,'',['class'=>'form-control show-tick', 'title'=>trans('messages.select').' '.trans('messages.user'), 'multiple'=>'multiple', 'data-actions-box'=>'true']) !!}
							  	</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										{!! Form::label('designation_id',trans('messages.designation'),[]) !!}
										{!! Form::select('designation_id[]',$designations,'',['class'=>'form-control show-tick', 'title'=>trans('messages.select').' '.trans('messages.designation'), 'multiple'=>'multiple', 'data-actions-box'=>'true']) !!}
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										{!! Form::label('role_id',trans('messages.role'),[]) !!}
										{!! Form::select('role_id[]',\App\Role::staffRole()->pluck('name','id'),'',['class'=>'form-control show-tick', 'title'=>trans('messages.select').' '.trans('messages.role'), 'multiple'=>'multiple', 'data-actions-box'=>'true']) !!}
									</div>
								</div>
							@endif
						</div>
						{!! Form::submit(trans('messages.filter'),['class' => 'btn btn-success pull-right','name' => 'submit']) !!}
					{!! Form::close() !!}
				</div>
			</div>

			<div class="col-sm-12">
				<div class="box-info full">
					@if (Request::get('role') == "sup")
						<h2><b>{!! trans('messages.list_all') !!}</b> {!! trans('messages.supervisor').' '.trans('messages.visit') !!}</h2>
					@elseif (Request::get('role') == "mgt")
						<h2><b>{!! trans('messages.list_all') !!}</b> {!! trans('messages.management').' '.trans('messages.visit') !!}</h2>
					@else
						<h2><b>{!! trans('messages.list_all') !!}</b> {!! trans('messages.date').' '.trans('messages.wise').' '.trans('messages.attendance') !!}</h2>
						<div class="additional-icon"><b>Total Work*</b> does not include break time and applies grace period adjustments</div>
					@endif
					<div class="row" style="margin:10px">
						@if(Laratrust::isAbleTo('edit-attendance'))
							<button class="btn btn-xs btn-warning"id="set_ph_off_in_lieu"><i class="fa fa-check icon" style="margin-right:4px"></i>Set PH Off-in-lieu</button>
						@endif
					</div>

					@include('global.datatable',['table' => $table_data['date-wise-attendance-table']])
				</div>

          {{-- <div class="box-info">
          	<div class="custom-scrollbar">
              	<div id="date-wise-attendance-late-graph"></div>
              </div>
          </div>
          <div class="box-info">
          	<div class="custom-scrollbar">
              	<div id="date-wise-attendance-early-leaving-graph"></div>
              </div>
          </div>
          <div class="box-info">
          	<div class="custom-scrollbar">
              	<div id="date-wise-attendance-overtime-graph"></div>
              </div>
          </div>
          <div class="box-info">
          	<div class="custom-scrollbar">
              	<div id="date-wise-attendance-working-graph"></div>
              </div>
          </div>
          <div class="box-info">
          	<div class="custom-scrollbar">
              	<div id="date-wise-attendance-rest-graph"></div>
              </div>
          </div> --}}

			</div>
		</div>

	@stop

	@section('js')
		<script type="text/javascript">
			$(document).ready(function() {
				var table = $('#date_wise_attendance_table').DataTable();
				var table_data;
				var id_array;
				$('#date_wise_attendance_table tbody').on( 'click', 'tr', function () {
					$(this).toggleClass('selected');
				});

				$('#set_ph_off_in_lieu').click( function() {
					id_array = [];
					table_data = table.rows('.selected').data().toArray();
					table_data.forEach(function(data){ //only loop when user press action button (delete, etc...)
						item = data[0].split('/date-wise-attendance/').pop().split('"')[0].split('/edit')[0];
						id_array.push(item);
					});
					if (confirm("Set selected attendance records as PH off-in-lieu?")) {
					  $.ajax({
							type: 'GET',
							url:'/date-wise-attendance/'+id_array+'/set-off-in-lieu',
							success: function(response){
								if(response["status"] == "success"){
									alert(response["message"]);
									window.location = "/date-wise-attendance";
								}
								else if(response["status"] == "error"){
									alert("Error: "+response["message"]);
								}
							},
							error: function(response){
								alert('Error changing records');
							}
						});
					} else {
					  console.log("Records Changing Cancelled");
					}
				})
			});
		</script>
		@stop