@extends('layouts.app')

	@section('breadcrumb')
		<div style="display:flex; justify-content:space-between; align-items:center;">
			<ul class="breadcrumb">
				<li><a href="/home">{!! trans('messages.home') !!}</a></li>
				@if(Request::get('view') == "client")
					<li class="active">{!! trans('messages.client') !!}</li>
				@elseif(Request::get('view') == "all")
					<li class="active">{!! trans('messages.user') !!}</li>
				@endif
			</ul>

			@if(Laratrust::isAbleTo('list-award') && Request::get('view') == "all")
				<div class="pull-right" style="margin-bottom:10px; margin-right:2px;">
					<b>Award Legend:</b>&nbsp;
					<div class="label label-success">Awarded</div>
					<div class="label label-warning">Eligible</div>
					<div class="label label-danger">Not Eligible</div>
				</div>
			@endif
		</div>
	@stop

	@section('css')
		<style media="screen">
			/* ul.list-unstyled { text-align: center; } */
			ul.list-unstyled li { margin-bottom: 2px; }
			ul.list-unstyled li span { display: block !important; width: 105px; }
		</style>
	@stop

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

			<!-- Filter -->
			<div class="col-sm-12 collapse" id="box-detail-filter">
				<div class="box-info">
					<h2><b>{!! trans('messages.filter') !!}</b> {!! trans('messages.user') !!}</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' => 'user-filter-form','data-no-form-clear' => 1]) !!}
						<div class="row">
							<div class="col-md-3">
						  	<div class="form-group">
									<label for="to_date">{!! trans('messages.role') !!}</label>
									{!! Form::select('role_id[]', $roles,'',['class'=>'form-control show-tick','title'=>trans('messages.select_one'),'multiple' => 'multiple','data-actions-box' => "true"])!!}
						  	</div>
							</div>
							<div class="col-md-3">
						  	<div class="form-group">
									<label for="to_date">{!! (env('COMPANY_ID') == 34) ? 'ESS Grade' : trans('messages.designation') !!}</label>
									{!! Form::select('designation_id[]', $designations,'',['class'=>'form-control show-tick','title'=>trans('messages.select_one'),'multiple' => 'multiple','data-actions-box' => "true"])!!}
						  	</div>
							</div>
							<div class="col-md-3">
						  	<div class="form-group">
									<label for="to_date">{!! trans('messages.plrd_grade') !!}</label>
									{!! Form::select('plrd_id[]', $plrd_grade,'',['class'=>'form-control show-tick','title'=>trans('messages.select_one'),'multiple' => 'multiple','data-actions-box' => "true"])!!}
						  	</div>
							</div>
							<div class="col-md-3">
						  	<div class="form-group">
									<label for="to_date">{!! trans('messages.nationality') !!}</label>
									{!! Form::select('nationality[]', App\User::$nationality,'',['class'=>'form-control show-tick','title'=>trans('messages.select_one'),'multiple' => 'multiple','data-actions-box' => "true"])!!}
						  	</div>
							</div>
							@if(Laratrust::isAbleTo('list-location'))
								<div class="col-md-3">
							  	<div class="form-group">
										<label for="to_date">{!! trans('messages.location') !!}</label>
										{!! Form::select('location_id[]', $locations,'',['class'=>'form-control show-tick','title'=>trans('messages.select_one'),'multiple' => 'multiple','data-actions-box' => "true"])!!}
							  	</div>
								</div>
							@endif
							@if(Laratrust::isAbleTo('contract-profile'))
								<div class="col-md-2">
							  	<div class="form-group">
										<label for="to_date">{!! trans('messages.contract').' '.trans('messages.type') !!}</label>
										{!! Form::select('contract_type_id[]', $contract_types,'',['class'=>'form-control show-tick','title'=>trans('messages.select_one'),'multiple' => 'multiple','data-actions-box' => "true"])!!}
							  	</div>
								</div>
							@endif
							@if(Laratrust::isAbleTo('list-award'))
								<div class="col-md-2">
							  	<div class="form-group">
										<label for="to_date">{!! trans('messages.min_yrs').' '.trans('messages.of').' '.trans('messages.service') !!}</label>
										{!! Form::input('number','yr_of_service','',['class'=>'form-control','placeholder'=>trans('messages.min_yrs'),'min'=>0])!!}
							  	</div>
								</div>
							@endif
							<div class="col-md-2">
						  	<div class="form-group">
									<label for="to_date">{!! trans('messages.gender') !!}</label>
									{!! Form::select('gender[]', translateList('gender'),'',['class'=>'form-control show-tick','title'=>trans('messages.select_one'),'multiple' => 'multiple','data-actions-box' => "true"])!!}
						  	</div>
							</div>
							<div class="col-md-2">
						  	<div class="form-group">
									<label for="to_date">{!! trans('messages.status') !!}</label>
									{!! Form::select('status[]', [
										'active' => trans('messages.active'),
										'inactive' => trans('messages.inactive'),
										// 'pending_activation' => trans('messages.pending').' '.trans('messages.activation'),
										// 'pending_approval' => trans('messages.pending').' '.trans('messages.approval'),
										// 'banned' => trans('messages.banned')
										],'',['class'=>'form-control show-tick','title'=>trans('messages.select_one'),'multiple'=>'multiple','data-actions-box'=>"true"])!!}
						  	</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-3">
								<div class="form-group">
									<label for="start_date_range">{{trans('messages.date_of').' '.trans('messages.joining')}}</label>
									<div class="input-daterange input-group">
								    <input type="text" class="input-sm form-control" name="date_joined_start" readonly />
								    <span class="input-group-addon">{{trans('messages.to')}}</span>
								    <input type="text" class="input-sm form-control" name="date_joined_end" readonly />
									</div>
								</div>
							</div>
							<div class="col-md-3">
								<div class="form-group">
									<label for="age">{!! trans('messages.user').' '.trans('messages.age') !!}</label><br />
									<input name="age" type="text" class="form-control slider" value="" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="[0,100]" data-slider-tooltip="hide" data-slider-show-value="1" />
									<span class="help-block" style="font-weight: bold;" id="slider-value">0 to 100 </span>
								</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>

			<!-- Add New Employee-->
			@if(Laratrust::isAbleTo('create-user'))
				<div class="col-md-12 collapse" id="box-detail">
					<div class="box-info">
						<h2><b>{!! trans('messages.add_new') !!}</b> {!! trans('messages.user') !!}</h2>
						<div class="additional-icon">
							<button id="ob-add_employee" 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' => 'register', 'role' => 'form', 'class'=>'user-form', 'id' => 'user-form']) !!}
							@include('user._form')
						{!! Form::close() !!}
					</div>
				</div>
			@endif

			<!-- Add New Client-->
			@if(Laratrust::isAbleTo('create-user'))
				<div class="col-md-12 collapse" id="box-detail-client">
					<div class="box-info">
						<h2><b>{!! trans('messages.add_new') !!}</b> {!! trans('messages.client') !!}</h2>
						<div class="additional-icon">
							<button class="btn btn-sm btn-primary" data-toggle="collapse" data-target="#box-detail-client" data-position="right"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
						</div>
						{!! Form::open(['route' => 'register','role' => 'form', 'class'=>'user-form','id' => 'client-form']) !!}
							@include('user._form_client')
						{!! Form::close() !!}
					</div>
				</div>
			@endif

			<!-- Add New Employee In BulkUpload-->
			@if (defaultRole())
				<div class="col-md-12 collapse" id="box-detail-bulk-upload">
					<div class="box-info">
						<h2><b>{!! trans('messages.bulk_upload') !!}</b> {!! trans('messages.user') !!}</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('user._form_bulk_upload')
					</div>
				</div>
			@endif

			{{-- Download users --}}
			<div class="col-md-12 collapse" id="download-detail">
				<div class="box-info">
					<h2><strong>{!! trans('messages.download') !!}</strong> {!! trans('messages.user') !!}</h2>
					<div class="additional-icon">
						<button class="btn btn-sm btn-primary" data-toggle="collapse" data-target="#download-detail"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
					</div>
					{!! Form::open(['route' => 'user.download-users-details','role' => 'form','id' => 'download-users-form','data-submit'=>'noAjax']) !!}
						<div class="row">
							<div class="col-sm-6">
								<div class="form-group">
									{!! Form::label('user_ids',trans('messages.user'),[]) !!}
									{!! Form::select('user_ids[]', $users, '',['multiple'=>'multiple','data-actions-box'=>'true','class'=>'form-control show-tick','title'=>trans('messages.select_one')]) !!}
								</div>
							</div>
						</div>
						{!! Form::submit(trans('messages.download'),['class' => 'btn btn-default btn-success pull-right','name' => 'submit']) !!}
					{!! Form::close() !!}
				</div>
			</div>

			<!-- Listing -->
			<div class="col-md-12">
				<div class="box-info full">
					@if(Request::get('view') == "client")
						<h2><b>{!! trans('messages.list_all') !!}</b> {!! trans('messages.client') !!}</h2>
						<div class="additional-btn">
							@if(Laratrust::isAbleTo('create-user'))
								<a href="#" data-toggle="collapse" data-target="#box-detail-client"><button id="ob-create-user" class="btn btn-sm btn-primary"><i class="fa fa-plus icon"></i> {!! trans('messages.add_new') !!}</button></a>
							@endif
						</div>
					@elseif(Request::get('view') == "all")
						<h2><b>{!! trans('messages.list_all') !!}</b> {!! trans('messages.user') !!}</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>
							@endif
							@if (Laratrust::isAbleTo('export-user-list'))
								<a href="#" data-toggle="collapse" data-target="#download-detail"><button class="btn btn-sm btn-primary"><i class="fa fa-download icon"></i> {!! trans('messages.download') !!}</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 (Laratrust::isAbleTo('create-user'))
								<a href="#" data-toggle="collapse" data-target="#box-detail"><button id="ob-create-user" class="btn btn-sm btn-primary"><i class="fa fa-plus icon"></i> {!! trans('messages.add_new') !!}</button></a>
							@endif
							{{-- @include('user.user_report_menu') --}}
						</div>
					@endif
					@include('global.datatable',['table' => $table_data['user-table']])
				</div>
			</div>

      {{-- <div class="col-md-6">
          <div class="box-info">
              <div id="user-role-wise-graph"></div>
          </div>
      </div>
      <div class="col-md-6">
          <div class="box-info">
              <div id="user-department-wise-graph"></div>
          </div>
      </div>
      <div class="col-md-6">
          <div class="box-info">
              <div id="user-designation-wise-graph"></div>
          </div>
      </div>
      <div class="col-md-6">
          <div class="box-info">
              <div id="user-location-wise-graph"></div>
          </div>
      </div>
      <div class="col-md-6">
          <div class="box-info">
              <div id="user-status-wise-graph"></div>
          </div>
      </div>
      <div class="col-md-6">
          <div class="box-info">
              <div id="user-gender-wise-graph"></div>
          </div>
      </div> --}}

		</div>
	@stop