@extends('layouts.app')

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

	@section('css')
		<style media="screen">
			.legend span { display: inline-block; min-width: 70px; }
		</style>
	@stop

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

			@if (defaultRole())
				<div class="col-md-12 collapse" id="box-detail-create-transaction">
					<div class="box-info">
						<h2><b>{!! trans('messages.create') !!}</b> {!! trans('messages.transaction') !!}</h2>
						<div class="additional-icon">
							<button class="btn btn-sm btn-info" data-toggle="collapse" data-target="#box-detail-create-transaction"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
						</div>
						{!! Form::open(['route'=>'transaction.create', 'role'=>'form', 'class'=>'transaction-create-form', 'id'=>'transaction-create-form']) !!}
							@include('tour.transaction_create')
						{!! Form::close() !!}
					</div>
				</div>

				<div class="col-md-12 collapse" id="box-detail-bulk-upload">
					<div class="box-info">
						<h2><b>{!! trans('messages.bulk_upload') !!}</b> {!! trans('messages.guard_tour') !!}</h2>
						<div class="additional-icon">
							<button class="btn btn-sm btn-info" data-toggle="collapse" data-target="#box-detail-bulk-upload"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
						</div>
						@include('tour._form_bulk_upload')
					</div>
				</div>
			@endif

			<div class="col-md-12 collapse" id="box-detail">
				<div class="box-info">
					<h2><b>{!! trans('messages.bulk').' '.trans('messages.download') !!}</b> {!! trans('messages.transaction') !!}</h2>
					<div class="additional-icon">
						<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'=>'summary.download', 'role'=>'form', 'class'=>'report-transaction-form', 'id'=>'report-transaction-form', 'data-submit'=>'noAjax']) !!}
						@include('tour.transaction_form')
					{!! Form::close() !!}
				</div>
			</div>

			<div class="col-sm-12 collapse" id="box-detail-filter">
				<div class="box-info">
					<h2><b>{!! trans('messages.filter') !!}</b> {!! trans('messages.transaction') !!}</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' => 'report-transaction-filter-form','data-no-form-clear' => 1]) !!}
						<div class="row">
							<div class="col-sm-3">
								<div class="form-group">
									<label for="date_range">{{trans('messages.date')}}</label>
									<div class="input-daterange input-group" id="datepicker">
										<input type="text" class="input-sm form-control" name="from_date" readonly />
										<span class="input-group-addon">{{trans('messages.to')}}</span>
										<input type="text" class="input-sm form-control" name="to_date" readonly />
									</div>
								</div>
							</div>
							@if (!isClientRole())
								<div class="col-sm-3">
									<div class="form-group">
										{!! Form::label('user',trans('messages.patrolling').' '.trans('messages.officer'),[]) !!}
										{!! Form::select('users[]',$users,'',['class'=>'form-control show-tick','title'=>trans('messages.select').' '.trans('messages.patrolling').' '.trans('messages.officer'),'multiple'=>'multiple','data-actions-box'=>'true']) !!}
									</div>
								</div>
							@endif
							<div class="col-sm-3">
								<div class="form-group">
									{!! Form::label('locations',trans('messages.location'),[]) !!}
									{!! Form::select('locations[]',$locations,'',['class'=>'form-control show-tick','title'=>trans('messages.select').' '.trans('messages.location'),'multiple'=>'multiple','data-actions-box'=>'true']) !!}
								</div>
							</div>
							<div class="col-sm-3">
								<div class="form-group">
									{!! Form::label('progress',trans('messages.progress'),[]) !!}
									{!! Form::select('progress',[0 =>'Disrupted',1=>'Completed',2=>'In progress'],'',['class'=>'form-control show-tick','title'=>trans('messages.select').' '.trans('messages.progress'),'data-actions-box'=>'true']) !!}
								</div>
							</div>
						</div>
						<div class="form-group">
							<button type="submit" class="btn btn-default btn-success pull-right">{!! trans('messages.filter') !!}</button>
						</div>
					{!! Form::close() !!}
				</div>
			</div>

			<div class="col-md-12">
				<div class="box-info full">
					<h2><b>{!! trans('messages.generate') !!}</b> {!! trans('messages.transaction').' '.trans('messages.report') !!}</h2>
					<div class="additional-btn">
						@if (defaultRole())
							<a href="#" data-toggle="collapse" data-target="#box-detail-bulk-upload"><button class="btn btn-sm btn-info"><i class="fa fa-upload icon"></i> {!! trans('messages.bulk_upload') !!}</button></a>
							<a href="#" data-toggle="collapse" data-target="#box-detail-create-transaction"><button class="btn btn-sm btn-info"><i class="fa fa-plus icon"></i> {!! trans('messages.create').' '.trans('messages.transaction') !!}</button></a>
						@endif
						<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 (!isClientRole())
							<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.bulk').' '.trans('messages.download') !!}</button></a>
						@endif
					</div>
					@include('global.datatable',['table' => $table_data['report-transaction-table']])
				</div>
			</div>

		</div>

		<div class="row">
			<div class="col-sm-12">
				<div>
					<b>Legend:</b>
					<div class="legend"><span class="label label-primary">In progress</span> Officer still on patrol</div>
					<div class="legend"><span class="label label-success">Completed</span> Route has been completed with all checkpoints scanned</div>
					<div class="legend"><span class="label label-warning">Completed</span> Route has been completed with some skipped points</div>
					<div class="legend"><span class="label label-danger">Disrupted</span> Patrolling was disrupted</div>
				</div>
			</div>
		</div>
	@stop