@extends('layouts.app')

	@section('breadcrumb')
		<ul class="breadcrumb">
	    <li><a href="/home">{!! trans('messages.home') !!}</a></li>

			@if(Request::get('type') == "ojt")
				<li class="active">{!! trans('messages.user').' '.trans('messages.ojt') !!}</li>
			@elseif(Request::get('type') == "ccl")
				<li class="active">{!! trans('messages.compliance').' '.trans('messages.checklist').' '.trans('messages.transaction') !!}</li>
			@elseif (Request::get('type') == "scl")
				<li class="active">{!! trans('messages.worksite').' '.trans('messages.checklist').' '.trans('messages.transaction') !!}</li>
			@elseif (Request::get('type') == "daily")
				<li class="active">{!! trans('messages.daily_checklist').' '.trans('messages.transaction') !!}</li>
			@elseif (Request::get('type') == "handover")
				<li class="active">{!! trans('messages.handover').' / '.trans('messages.takeover').' '.trans('messages.transaction') !!}</li>
			@elseif (Request::get('type') == "sup")
				<li class="active">{!! trans('messages.supervisor').' '.trans('messages.checklist').' '.trans('messages.transaction') !!}</li>
			@elseif (Request::get('type') == "smm")
				<li class="active">{!! 'SMM '.trans('messages.checklist').' '.trans('messages.transaction') !!}</li>
			@elseif (Request::get('type') == "gcl")
				<li class="active">{!! trans('messages.groom').' '.trans('messages.checklist').' '.trans('messages.transaction') !!}</li>
			@else
				<li class="active">{!! trans('messages.checklist').' '.trans('messages.transaction') !!}</li>
			@endif
		</ul>
	@stop

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

			{{-- Add transaction (FOR OJT AND SUP ONLY) --}}
			<div class="col-sm-12 collapse" id="box-detail">
				<div class="box-info">
					<h2><b>{!! trans('messages.add_new') !!}</b> {!! trans('messages.user').' '.trans('messages.ojt') !!}</h2>
					<div class="additional-btn">
						<button class="btn btn-sm btn-primary" data-toggle="collapse" data-target="#box-detail"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
					</div>
					{!! Form::open(['route' => 'transaction.store','role' => 'form','class' => 'transaction-form','id' => 'transaction-form','data-file-upload' => '.file-uploader']) !!}
						@include('checklist.transaction_form')
					{!! Form::close() !!}
				</div>
			</div>

			{{-- Filter --}}
			<div class="col-sm-12 collapse" id="box-detail-filter">
				<div class="box-info">

					<h2><b>{!! trans('messages.filter') !!}</b></h2>
					<div class="additional-icon">
						<button class="btn btn-sm btn-primary" data-toggle="collapse" data-target="#box-detail-filter"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
					</div>
					{!! Form::open(['url' => 'filter', 'id' => 'transaction-filter-form', 'data-no-form-clear' => 1]) !!}
						<div class="row">
							<div class="col-md-8">
								<div class="form-group">
									{!! Form::label('location',trans('messages.location'),[]) !!}
									{!! Form::select('location[]', $locations,'',['class'=>'form-control show-tick', 'title'=>trans('messages.select_one'), 'multiple'=>'multiple', 'data-actions-box'=>"true"])!!}
								</div>
							</div>
							<div class="col-md-4">
								<div class="form-group">
									{!! Form::label('created_at',trans('messages.created_at'),[]) !!}
									<div class="input-daterange input-group">
										<input type="text" class="input-sm form-control" name="created_at_start" readonly />
										<span class="input-group-addon">{{trans('messages.to')}}</span>
										<input type="text" class="input-sm form-control" name="created_at_end" readonly />
									</div>
								</div>
							</div>
						</div>

						<div class="row">
							@if (Request::get('type') == "ojt" || Request::get('type') == "daily")
								<div class="col-md-4">
									<div class="form-group">
										{!! Form::label('handover_user',(Request::get('type') == "daily") ? trans('messages.done').' '.trans('messages.by') : trans('messages.user'),[]) !!}
										{!! Form::select('handover_user[]', $users,'',['class'=>'form-control show-tick', 'title'=>trans('messages.select_one'), 'multiple'=>'multiple', 'data-actions-box'=>"true"]) !!}
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										{!! Form::label('status',trans('messages.status'),[]) !!}
										{!! Form::select('status[]', (Request::get('type') == "daily") ? App\ChecklistTransaction::$daily_status : App\ChecklistTransaction::$ojt_status,'',['class'=>'form-control show-tick', 'title'=>trans('messages.select_one'), 'multiple'=>'multiple', 'data-actions-box'=>"true"]) !!}
									</div>
								</div>
								@if (Request::get('type') == "ojt")
									<div class="col-md-4">
										<div class="form-group">
											{!! Form::label('deployment_date',trans('messages.deployment').' '.trans('messages.date'),[]) !!}
											<div class="input-daterange input-group">
												<input type="text" class="input-sm form-control" name="date_start" readonly />
												<span class="input-group-addon">{{trans('messages.to')}}</span>
												<input type="text" class="input-sm form-control" name="date_end" readonly />
											</div>
										</div>
									</div>
								@endif
							@endif

							@if (Request::get('type') == "gcl")
								<div class="col-md-4">
									<div class="form-group">
										{!! Form::label('takeover_user',trans('messages.check').' for',[]) !!}
										{!! Form::select('takeover_user[]', $users,'',['class'=>'form-control show-tick', 'title'=>trans('messages.select_one'), 'multiple'=>'multiple', 'data-actions-box'=>"true"]) !!}
									</div>
								</div>
							@endif

							@if (Request::get('type') == "sup")
								<div class="col-md-6">
									<div class="form-group">
										{!! Form::label('handover_user',trans('messages.check').' '.trans('messages.by'),[]) !!}
										{!! Form::select('handover_user[]', $users,'',['class'=>'form-control show-tick', 'title'=>trans('messages.select_one'), 'multiple'=>'multiple', 'data-actions-box'=>"true"]) !!}
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										{!! Form::label('user_involve',trans('messages.check').' for',[]) !!}
										{!! Form::select('user_involve[]', $users,'',['class'=>'form-control show-tick', 'title'=>trans('messages.select_one'), 'multiple'=>'multiple', 'data-actions-box'=>"true"]) !!}
									</div>
								</div>
							@endif
						</div>

						<div class="form-group">
							<button type="submit" class="btn btn-default btn-success pull-right">{!! trans('messages.filter') !!}</button>
						</div>
					{!! Form::close('type',Request::get('type')) !!}

				</div>
			</div>

			{{-- List --}}
			<div class="col-sm-12">
				<div class="box-info full">
					@if(Request::get('type') == "ojt")
						<h2><b>{!! trans('messages.user') !!}</b> {!! trans('messages.ojt') !!}</h2>
						<div class="additional-btn">
							<a href="#" data-toggle="collapse" data-target="#box-detail-filter"><button class="btn btn-sm btn-primary"><i class="fa fa-filter icon"></i> {!! trans('messages.filter') !!}</button></a>
							<a href="#" data-toggle="collapse" data-target="#box-detail"><button class="btn btn-sm btn-primary"><i class="fa fa-plus icon"></i> {!! trans('messages.add_new') !!}</button></a>
						</div>
					@else
						@if (Request::get('type') == "daily")
							<h2><b>{!! trans('messages.daily_checklist') !!}</b> {!! trans('messages.transaction') !!}</h2>
						@elseif (Request::get('type') == "ccl")
							<h2><b>{!! trans('messages.compliance') !!}</b> {!! trans('messages.checklist').' '.trans('messages.transaction') !!}</h2>
						@elseif (Request::get('type') == "scl")
							<h2><b>{!! trans('messages.worksite') !!}</b> {!! trans('messages.checklist').' '.trans('messages.transaction') !!}</h2>
						@elseif (Request::get('type') == "smm")
							<h2><b>SMM</b> {!! trans('messages.checklist').' '.trans('messages.transaction') !!}</h2>
						@elseif (Request::get('type') == "gcl")
							<h2><b>{!! trans('messages.groom') !!}</b> {!! trans('messages.checklist').' '.trans('messages.transaction') !!}</h2>
						@elseif (Request::get('type') == "handover")
							<h2><b>{!! trans('messages.handover').' / '.trans('messages.takeover') !!}</b> {!! trans('messages.transaction') !!}</h2>
						@elseif (Request::get('type') == "sup")
							<h2><b>{!! trans('messages.supervisor').' '.trans('messages.checklist') !!}</b> {!! trans('messages.transaction') !!}</h2>
						@endif
						<div class="additional-btn">
							<a href="#" data-toggle="collapse" data-target="#box-detail-filter"><button class="btn btn-sm btn-primary"><i class="fa fa-filter icon"></i> {!! trans('messages.filter') !!}</button></a>
							@if(Request::get('type') == "sup" && Laratrust::isAbleTo('manual-supervisor-check'))
								<a href="#" data-toggle="collapse" data-target="#box-detail"><button class="btn btn-sm btn-primary"><i class="fa fa-plus icon"></i> {!! trans('messages.add_new') !!}</button></a>
							@endif
						</div>
					@endif

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

		</div>
	@stop

	@section('js')
		{{-- For OJT reviewer signature --}}
		{!! Html::script('https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.22/fabric.min.js') !!}
		<script>
			function manualSelected(value){
				if(value == 0)
					document.getElementById('upload_pdf').style.display='block';
				else
					document.getElementById('upload_pdf').style.display='none';
			}
		</script>
	@endsection