@extends('admin.layout')
@section('content')
<style>
     #watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;

    display: block;
    width: 300%;
    height: 300%;

    transform: rotate(-45deg);
    content: attr(data-watermark);

    font-size: 30px;
    opacity: 0.15;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index:0;
    } 
    .content-wrapper, .right-side{
        background: #FFF;
    }
    .box {
        background: transparent;
        z-index: 1; 
    }
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
	<section class="content-header">
		<h1> {{ trans('Delivery Report') }} <small></small> </h1>
		<ol class="breadcrumb">
			<li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
			<li class="active"> {{ trans('Delivery Report') }}</li>
		</ol>
	</section>
	@php
		$getUserRoleData 			= userRoleData();
		$task				= explode(",",$getUserRoleData->task);
	@endphp
	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box box-info">
					<div class="box-body">
            <div class="row">
  						@if(in_array("Add",$task ))
  							<div class="col-xs-12" style="margin-bottom: 10px; text-align:right;">
                  <a href="{{ url('admin/add-task') }}" type="button" class="btn btn-primary">{{ trans('Add New Task') }}</a>
  							</div>
  						@endif	

              <form id="form1" enctype="multipart/form-data">
                <input type="hidden" name="order_by" id="order_by" value="">
                <input type="hidden" name="order_type" id="order_type" value="">
                <div class="col-md-3">
                  <div class="form-group">
                  <input type="text" name="title" value="{{ request('title') }}" id="title" class="form-control" placeholder="Title">
                  </div>    
                </div>  
                <div class="col-md-3">
                  <div class="form-group">
                    <input autocomplete="off" class="form-control daterange" type="text" name="start_date" placeholder="Select Start Date" value="{{ app('request')->input('start_date') }}" />
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <input autocomplete="off" class="form-control daterange" type="text" name="completion_date" placeholder="Select Completion Date" value="{{ app('request')->input('completion_date') }}" />
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <input autocomplete="off" class="form-control daterange" type="text" name="created_at" placeholder="Select Requested Date" value="{{ app('request')->input('created_at') }}" />
                  </div>
                </div>
                <div class="col-md-2">
                  <div class="form-group">
                    <select name="priority[]" class="form-control" id="priority" multiple>
                      <option value="">Select Priority</option>
                      @foreach($result['task_priorities'] as $v)
                      <option value="{{ $v->id }}"{{ (is_array(Request::get('priority')) && in_array($v->id, Request::get('priority'))) ? ' selected' : '' }}>{{ $v->name }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <select name="assigned_to[]" class="form-control" id="assigned_to" multiple>
                      <option value="">Select Assigned To</option>
                      @foreach($result['users'] as $v)
                      <option value="{{ $v->myid }}"{{ (is_array(Request::get('assigned_to')) && in_array($v->myid, Request::get('assigned_to'))) ? ' selected' : '' }}>{{ $v->first_name . ' ' . $v->last_name }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-md-2">
                  <div class="form-group">
                    <select name="status[]" class="form-control" id="status" multiple>
                      <option value="">Select Status</option>
                      @foreach($result['task_status'] as $v)
                      <option value="{{ $v->id }}"{{ (is_array(Request::get('status')) && in_array($v->id, Request::get('status'))) ? ' selected' : '' }}>{{ $v->name }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-md-2">
                  <div class="form-group">
                    <select name="department[]" class="form-control" id="department" multiple>
                      <option value="">Select Department</option>
                      @foreach($result['departments'] as $v)
                      <option value="{{ $v->id }}"{{ (is_array(Request::get('department')) && in_array($v->id, Request::get('department'))) ? ' selected' : '' }}>{{ $v->name }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>
                
                <div class="col-md-3">
                  <button type="submit" class="btn btn-success">{{ trans('labels.Search') }}</button>
                  <a href="{{ URL::to('admin/tasks') }}" class="btn btn-danger">{{ trans('labels.ClearSearch') }}</a>
                </div>
              
              </form>
            


  						@if(session()->has('message') || session()->has('error'))	
  							<div class="col-xs-12">
  								@if(session()->has('message'))
  								<div class="alert alert-success alert-dismissible">
  								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
  								   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
  									{{ session()->get('message') }}
  								</div>
  								@endif
  								@if(session()->has('error'))
  									<div class="alert alert-warning alert-dismissible">
  									   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
  									   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
  										{{ session()->get('error') }}
  									</div>
  								@endif
  							</div>
  						@endif
  					  
  						<div class="col-xs-12">	
  								@if(in_array("View",$task ))			
  					       <table id="example1" class="table table-bordered table-striped">
  										<thead>
  											<tr>                      
  												<th width="5%" onclick="sortFilter('id', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('ID') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'id') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
  												<th width="20%" onclick="sortFilter('title', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('Title') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'title') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
  												<th onclick="sortFilter('priority_name', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('Priority') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'priority_name') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
                          <th onclick="sortFilter('assigned_to_name', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('Assigned To') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'assigned_to_name') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
                          <th onclick="sortFilter('status_name', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('Status') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'status_name') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
                          <th onclick="sortFilter('department_name', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('Department') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'department_name') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
                          <th onclick="sortFilter('start_date', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('Start Date') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'start_date') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
                          <th onclick="sortFilter('completion_date', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('Completion Date') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'completion_date') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
                          <th onclick="sortFilter('created_at', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('Requested Date') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'created_at') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
                          {{--<th>{{ trans('Jira/Redmine #') }}</th>--}}
  												@if(in_array("Edit", $task ) || in_array("Delete", $task ))
  												<th width="10%">{{ trans('Action') }}</th>
  												@endif
  											</tr>
  										</thead>
  										<tbody>
  											@if($result['tasks']->isNotEmpty())
  												@foreach ($result['tasks'] as  $rsVal)		
  													<tr>
  														<td><a href="view-task/{{ $rsVal->id }}">#{{ $rsVal->id }}</a></td>
  														<td>{{ $rsVal->title }}</td>
  														<td>{{ $rsVal->priority_name ?? '--' }}</a></td>
                              <td>{{ !empty(trim($rsVal->assigned_to_name)) ? $rsVal->assigned_to_name : '--' }}</td>
                              <td>{{ $rsVal->status_name ?? '--' }}</td>
                              <td>{{ $rsVal->department_name ?? '--' }}</td>
                              <td>{{ !empty($rsVal->start_date) ? $rsVal->start_date : '--' }}</td>
                              <td>{{ !empty($rsVal->completion_date) ? $rsVal->completion_date : '--' }}</td>
                              <td>{{ $rsVal->created_at }}</td>
                              {{--<td>{!! $rsVal->reference_url ? '<a href="' . $rsVal->reference_url . '" target="_blank">' . $rsVal->reference_url . '</a>' : '--' !!}</td>--}}
                              @if(in_array("Edit",$task ) || in_array("Delete",$task ))
  															<td>
  																@if(in_array("Edit",$task ))
  																	<a href="update-task/{{ $rsVal->id }}" class="btn btn-success btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i><a/>
  																@endif
                                  @if(in_array("View",$task ))
                                    <a href="view-task/{{ $rsVal->id }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="View"><i class="fa fa-eye"></i><a/>
                                  @endif
  																@if(in_array("Delete",$task ))
  																	<a href="delete-task/{{ $rsVal->id }}" class="btn btn-danger btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Delete" onclick="return getConfirmation();"><i class="fa fa-trash"></i><a/>
  																@endif
  															</td>
  														@endif
  													</tr>
  												@endforeach
                          <tr>
                            <td colspan="10" align="right">{{ $result['tasks']->appends($_GET)->links() }}</td>
                          </tr>
  											@else
  											<tr>
  												<td colspan="10">No record found</td>							
  											</tr>
  											@endif
  										</tbody>
  					                </table>
  								@else
  								<p> <strong>Please contact with SuperAdmin</strong></p>
  								@endif
  						</div>
            </div>
					</div>
				</div>

        <div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
        </div>


			</div>
		</div>
	</section>  
</div>
</div>

@endsection 

@section('scripts')
<script>
function sortFilter(order_by, order_type) {
  $("#order_by").val(order_by);
  $("#order_type").val(order_type);
  $("#form1").submit();
}
$( function() {
  $('.daterange').daterangepicker({
    opens: 'left',
    locale: { cancelLabel: 'Clear' },
    //autoUpdateInput: false,
    //startDate: moment().subtract('days', 29),      
    startDate: moment().subtract(1, 'month').startOf('month'),
    endDate: moment(),      
    ranges: {
        'Today': [moment(), moment().add(1, 'days')],
        'Yesterday': [moment().subtract(1, 'days'), moment()],
        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
        'This Month': [moment().startOf('month'), moment().endOf('month')],
        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
    }
  }, 
  function(start, end, label) {  
     console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
  });

  $('.daterange').on('cancel.daterangepicker', function(ev, picker) {
    $(this).val('');
  });

  $("#assigned_to").select2({
    closeOnSelect: false,
    placeholder: 'Assigned To',
  }).on("select2:select", function (e) {
    //
  }).on('select2:unselect', function (e) {
    //
  });

  $("#status").select2({
    closeOnSelect: false,
    placeholder: 'Status',
  }).on("select2:select", function (e) {
    //
  }).on('select2:unselect', function (e) {
    //
  });

  $("#department").select2({
    closeOnSelect: false,
    placeholder: 'Department',
  }).on("select2:select", function (e) {
    //
  }).on('select2:unselect', function (e) {
    //
  });

  $("#priority").select2({
    closeOnSelect: false,
    placeholder: 'Priority',
  }).on("select2:select", function (e) {
    //
  }).on('select2:unselect', function (e) {
    //
  });
});
</script>
<script>
  document.querySelectorAll('#watermarked').forEach(function(el) {
            el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
        });
</script>
@endsection