@extends('layouts.app')

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

	@section('content')
		<div class="row">
			@if(Laratrust::isAbleTo('request-leave'))
				<div class="collapse" id="box-detail">
					@if ($has_leave_detail)
						<div class="col-sm-4">
			        <div class="box-info full">
		            <h2><b>{{ trans('messages.leave').' '.trans('messages.status') }}</b></h2>
		            <div class="custom-scrollbar">
		              <div id="load-leave-current-status" data-source="/leave/current-status"></div>
		            </div>
			        </div>
						</div>
						<div class="col-sm-8">
							<div class="box-info">
								<h2><b>{!! trans('messages.add_new') !!}</b> {!! trans('messages.leave') !!}</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' => 'leave.store','role' => 'form', 'class'=>'leave-form','id' => 'leave-form','data-file-upload' => '.file-uploader']) !!}
									@include('leave._form')
								{!! Form::close() !!}
							</div>
						</div>
					@else
						<div class="col-sm-12">
							<div class="box-info">
								<h2><b>{!! trans('messages.add_new') !!}</b> {!! trans('messages.leave') !!}</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' => 'leave.store','role' => 'form', 'class'=>'leave-form','id' => 'leave-form','data-file-upload' => '.file-uploader']) !!}
									@include('leave._form')
								{!! Form::close() !!}
							</div>
						</div>
					@endif
				</div>
			@endif

			<div class="col-sm-12 collapse" id="box-detail-filter">
				<div class="box-info">
					<h2><b>{!! trans('messages.filter') !!}</b> {!! trans('messages.leave') !!}</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' => 'leave-filter-form','data-no-form-clear' => 1]) !!}
						<div class="row">
							<div class="col-md-3">
								<div class="form-group">
									<label for="start_date_range">{{trans('messages.date')}}</label>
									<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>
							<div class="col-md-3">
						  	<div class="form-group">
									<label for="to_date">{!! trans('messages.user') !!}</label>
									{!! Form::select('user_id[]', $accessible_users,'',['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.type') !!}</label>
									{!! Form::select('leave_slug[]', $leave_types,'',['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.status') !!}</label>
									{!! Form::select('status[]',[
										'pending' => trans('messages.pending'),
										'rejected' => trans('messages.w_rejected'),
										'approved' => trans('messages.w_approved'),
									],'',['class'=>'form-control show-tick','title'=>trans('messages.select_one'),'multiple' => 'multiple','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>

      @if(Laratrust::isAbleTo('request-leave'))
  			<div class="col-md-12 collapse" id="box-detail-bulk-upload">
  				<div class="box-info">
  					<h2><b>{!! trans('messages.bulk_upload') !!}</b> {!! trans('messages.leave') !!}</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('leave._form_bulk_upload')
  				</div>
  			</div>
			@endif

			<div class="col-sm-12">
				<div class="box-info full">
					<h2><b>{!! trans('messages.list_all') !!}</b> {!! trans('messages.leave') !!}</h2>
					<div class="additional-btn">
						{{-- @if(Laratrust::isAbleTo('list-leave-report'))
							@include('leave.leave_report_menu')
						@endif --}}
            @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
						<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('request-leave'))
              <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>
					@include('global.datatable',['table' => $table_data['leave-table']])
				</div>
			</div>

      {{-- <div class="col-md-6">
        <div class="box-info">
          <div id="leave-status-wise-graph"></div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="box-info">
          <div id="leave-type-wise-graph"></div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="box-info">
          <div id="department-wise-leave-graph"></div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="box-info">
          <div id="location-wise-leave-graph"></div>
        </div>
      </div> --}}

		</div>
	@stop