@extends('admin.layout')
@section('content')

@section('style')
@parent
<style type="text/css">

#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; 
	}
    .mb-3{
        margin-bottom: 1rem;
    }
    .mr-2{
        margin-right: 0.75rem;
    }
.daterangepicker:before,
.daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
    right: 9px;
}

.daterangepicker.opensleft:after {
    right: 10px;
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.opensright:before {
    left: 9px;
}

.daterangepicker.opensright:after {
    left: 10px;
}

.daterangepicker.drop-up {
    margin-top: -7px;
}

.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none;
}

.daterangepicker.single .drp-selected {
    display: none;
}

.daterangepicker.show-calendar .drp-calendar {
    display: block;
}

.daterangepicker.show-calendar .drp-buttons {
    display: block;
}

.daterangepicker.auto-apply .drp-buttons {
    display: none;
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
    padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
}

.daterangepicker th.month {
    width: auto;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
}

.daterangepicker .ranges li:hover {
    background-color: #eee;
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

    .daterangepicker .ranges ul {
        width: 140px;
    }

    .daterangepicker.single .ranges ul {
        width: 100%;
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none;
    }

    .daterangepicker.single .ranges,
    .daterangepicker.single .drp-calendar {
        float: left;
    }

    .daterangepicker {
        direction: ltr;
        text-align: left;
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0;
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0;
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px;
    }

    .daterangepicker .ranges,
    .daterangepicker .drp-calendar {
        float: left;
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}

.calender-input-group-custom {
    display: flex;
    flex-direction: row;
    justify-content: left;
    position: relative;
}

.calender-input-group-custom .input-group-prepend {
    position: absolute;
    left: 15px;
    top: 8px;
    z-index: 9;
}

.calender-input-group-custom input.form-control.float-right {
    padding-left: 40px;
}

.refresh_reports {
    background-color: #dd4b39;
}
</style>
@stop

<style>	
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}</style>
    @php 
         $getUserRoleData = userRoleData();
        $LeadSources        = explode(",",$getUserRoleData->MeetingAgenda);
  
    @endphp
    
<div class="search-list">
	<div class="content-wrapper search-result-list"> 	
	<section class="content-header">
         <h1> {{ trans('Meeting Agenda List') }}</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('Meeting Agenda List') }} </li>
		</ol>
	</section>
		
     	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box box-info">
					<div class="box-body">
                        <div class="row">
						<div class="col-xs-12">
							<div class="row">
								<div class="col-sm-3 box-tools pull-left">
                                    @if(in_array("Add",$LeadSources ))
									<a href="{{ route('add-meeting-agenda') }}" type="button" class="btn  btn-primary">{{ trans('Create New') }}</a>
                                    @endif
								</div>
                                <form action="" method="GET" id="meeting_filter">
                                <div class="col-sm-2 m-0">
                                    
                                        <input type="hidden" name="order_by" id="order_by">
                                        <input type="hidden" name="order_type" id="order_type">
                                       <div class="row">

                                            <select class="form-control " id="status" multiple="" name="status[]">
                                                <option  >Choose Status</option>
                                                <option @if(isset($_REQUEST['status']) && in_array('New',@$_REQUEST['status'])) selected @endif value="New">New</option>
                                                <option @if(isset($_REQUEST['status']) && in_array('Pending',@$_REQUEST['status'])) selected @endif value="Pending">Pending</option>
                                                <option @if(isset($_REQUEST['status']) && in_array('Close',@$_REQUEST['status'])) selected @endif value="Close">Close</option>
                                            </select>
                                             
                                       </div>
                                    
                                </div>
                                <div class="col-sm-2 m-0">
                                    <input @if(isset($_REQUEST['unread'])=='on') checked @endif type="checkbox" id="unread" name="unread">Unread</input>
                                </div>
                                <div class="col-sm-2 m-0">
                                      <input type="text" name="from_date" id="from_date" value="{{ $from_date }}" class="form-control" placeholder="Date range" readonly="" autocomplete="off">
                                </div>
                                <div class="col-sm-2 m-0">
                                      {!! Form::select('priority[]',['Normal'=>'Normal','High'=>'High','Important'=>'Important','Very Important'=>'Very Important'],$priority, ['class' => 'form-control','id'=>'priority', 'multiple'=>'multiple']) !!}
                                </div>
                                 <div style="margin-top: 7px;" class="col-sm-3 m-0">
                                       <select multiple name="assigned_to[]" id="assigned_to" class="form-control ">
                                                        @foreach($result['assigned'] as $user)
                                                        <option value="{{$user->myid}}"  @if(isset($_REQUEST['assigned_to']) &&
                                                            !empty($_REQUEST['assigned_to']) && in_array($user->myid,$_REQUEST['assigned_to']))
                                                            selected @endif >{{$user->first_name}} {{$user->last_name}}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                </div>
                                <div style="margin-top: 7px;" class="col-sm-3 m-0">
                                       <select multiple name="created_by[]" id="created_by" class="form-control ">
                                                        @foreach($result['assigned'] as $user)
                                                        <option value="{{$user->myid}}"  @if(isset($_REQUEST['created_by']) &&
                                                            !empty($_REQUEST['created_by']) && in_array($user->myid,$_REQUEST['created_by']))
                                                            selected @endif >{{$user->first_name}} {{$user->last_name}}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                </div>
                               </form> 
							</div>
							<br>
						</div>
</div>
                          
						<div class="col-xs-12 mb-3">
							<div class="row">
								@if(session()->has('message'))
								<div class="alert alert-success alert-dismissible p-0" style="width:40%!important; display:block; padding:5px; margin-top: 10px;">
								   <button aria-hidden="true" data-dismiss="alert" class="close " type="button" style="right:0px; display: inline;">×</button> <h4 class="mb-0" style="margin-bottom:0px"><i class="icon fa fa-check"></i> <!--{{ trans('labels.Successlabel') }}-->{{ session()->get('message') }}</h4>
								</div>
								@endif
								@if(session()->has('error'))
									<div class="alert alert-warning alert-dismissible p-0" style="width:40%!important; display:block; padding:5px; margin-top:10px;">
									   <button aria-hidden="true" data-dismiss="alert" class="close" type="button" style="right:0px; display: inline;">×</button> <h4 class="mb-0" style="margin-bottom:0px;"><i class="icon fa fa-warning"></i> <!-- {{ trans('labels.WarningLabel') }} -->{{ session()->get('error') }}</h4>
										
									</div>
								@endif
							</div>
						</div>
						 
						<div class="row">
							<div class="col-xs-12">	
				                <table id="example1" class="table table-bordered table-striped">
									<thead>
                                       <!-- <tr><td style="text-align: center;" colspan="9"><b>Todays's Agenda</b></td></tr>-->
										<tr style="background-color: lightseagreen;">                      
											<th>{{ trans('#Meeting ID') }}</th>

											<th style="text-align:center;">{{ trans('Today Agenda') }}</th>
                                            <th>{{ trans('Created By') }}</th>
                                            <th>{{ trans('Status') }}</th>
                                            <th>{{ trans('Meeting Date') }}</th>
											<th> {{ trans('Create Date') }}</th>
											<th width="10%">{{ trans('Priority') }}</th>
										</tr>
									</thead>
									<tbody>@php $i=0;  $managedby = auth()->guard('admin')->user()->myid;@endphp
										@if(count((array) $result['AgendaData'])>0)
											@foreach ($result['AgendaData'] as  $call)						
                                                 @if(date('Y-m-d',strtotime($call->completion_date))==date('Y-m-d'))
                                            @php $uid=json_decode($call->assigned_to); if(in_array($managedby,$uid)||($managedby==$call->created_by)){@endphp	
												<tr @if($call->status =='Close') style="background-color: #90EE90;" @endif @if(in_array($managedby,json_decode($call->latest_view)))  style="background-color: #f9dd;"  @endif >
                                                    <td>#{{$call->id}}</td>
													<td><a href="{{route('view-meeting-agenda', [$call['id']]) }}"> {!!$call->title!!}</a></td>	
													<td>{{$call->Agendacreateby->first_name}} {{$call->Agendacreateby->last_name}}</td>
                                                    
                                                   
												
                                                    <td>{{$call->status}}</td>
                                                     <td>{{date('Y-m-d', strtotime($call->completion_date))}}</td>
                                                     <td>{{$call->created_at}}</td>
                                                    
                                                       
													<!--<td>-->
                                                     @if($call->status!='Close')
                                                         @if(in_array("Edit",$LeadSources )&& $managedby==$call->created_by)
														<!--<a href="{{route('edit-meeting-agenda', [$call['id']]) }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i><a/>-->
                                                         @endif     
                                                         @if(in_array("View",$LeadSources ))    
														<!--<a href="{{route('view-meeting-agenda', [$call['id']]) }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="View">View<a/>	-->
                                                         @endif 
                                                          @if(in_array("Delete",$LeadSources )&& $managedby==$call->created_by)  
														<!--<a href="{{route('delete-meeting-agenda', [$call['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
                                                        @endif
													<!--</td>-->
                                                    <td>{{$call->priority}}</td>
												</tr>
                                                @php }$i++; @endphp
                                                 
                                                @endif
                                                 @endforeach
                                            <tr>
        <td colspan="9">
         
        </td>
    </tr>
                                        @else
                                        <tr>
                                            <td colspan="3">No record found</td>                            
                                        </tr>
                                        @endif

<!--<tr><td style="text-align: center;"colspan="9"><b>Future Agenda</b></td></tr>-->
                                                 <tr style="background-color: gold;">                      
                                            <th>{{ trans('#Meeting ID') }}</th>

                                            <th style="text-align:center;">{{ trans('Future Agenda') }}</th>
                                            <th>{{ trans('Created By') }}</th>
                                            <th>{{ trans('Status') }}</th>
                                            <th>{{ trans('Meeting Date') }}</th>
                                            <th> {{ trans('Create Date') }}</th>
                                           <th width="10%">{{ trans('Priority') }}</th>
                                        </tr>

                                        
                                                 @if(count((array) $result['AgendaData'])>0)
                                            @foreach ($result['AgendaData'] as  $call)
                                                 @if(date('Y-m-d',strtotime($call->completion_date)) > date('Y-m-d'))
                                            @php $uid=json_decode($call->assigned_to); if(in_array($managedby,$uid)||($managedby==$call->created_by)){@endphp   
                                                <tr @if($call->status =='Close') style="background-color: #90EE90;" @endif @if(in_array($managedby,json_decode($call->latest_view)))  style="background-color: #f9dd;"  @endif >
                                                    <td>#{{$call->id}}</td>
                                                    <td><a href="{{route('view-meeting-agenda', [$call['id']]) }}"> {!!$call->title!!}</a></td> 
                                                    <td>{{$call->Agendacreateby->first_name}} {{$call->Agendacreateby->last_name}}</td>
                                                    
                                                   
                                                
                                                    <td>{{$call->status}}</td>
                                                     <td>{{date('Y-m-d', strtotime($call->completion_date))}}</td>
                                                     <td>{{$call->created_at}}</td>
                                                    
                                                       
                                                   <!-- <td>--> @if($call->status!='Close')
                                                         @if(in_array("Edit",$LeadSources )&& $managedby==$call->created_by)
                                                        <!--<a href="{{route('edit-meeting-agenda', [$call['id']]) }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i><a/>-->
                                                         @endif     
                                                         @if(in_array("View",$LeadSources ))    
                                                        <!--<a href="{{route('view-meeting-agenda', [$call['id']]) }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="View">View<a/> -->
                                                         @endif 
                                                          @if(in_array("Delete",$LeadSources )&& $managedby==$call->created_by)  
                                                        <!--<a href="{{route('delete-meeting-agenda', [$call['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
                                                        @endif
                                                    <!--</td>-->
                                                    <td>{{$call->priority}}</td>
                                                </tr>
                                                @php }$i++; @endphp
                                                @endif
											@endforeach
                                            <tr>
        <td colspan="9">
         
        </td>
    </tr>
										@else
										<tr>
											<td colspan="3">No record found</td>							
										</tr>
										@endif
                                        <!--<tr><td style="text-align: center;"colspan="9"><b>Past Agenda</b></td></tr>-->
                                                 <tr style="background-color: cadetblue;">                      
                                            <th>{{ trans('#Meeting ID') }}</th>

                                            <th style="text-align:center;">{{ trans('Past Agenda') }}</th>
                                            <th>{{ trans('Created By') }}</th>
                                            <th>{{ trans('Status') }}</th>
                                            <th>{{ trans('Meeting Date') }}</th>
                                            <th> {{ trans('Create Date') }}</th>
                                           <th width="10%">{{ trans('Priority') }}</th>
                                        </tr>

                                        
                                                 @if(count((array) $result['AgendaData'])>0)
                                            @foreach ($result['AgendaData'] as  $call)
                                                 @if(date('Y-m-d',strtotime($call->completion_date)) < date('Y-m-d'))
                                            @php $uid=json_decode($call->assigned_to); if(in_array($managedby,$uid)||($managedby==$call->created_by)){@endphp   
                                                <tr @if($call->status =='Close') style="background-color: #90EE90;" @endif @if(in_array($managedby,json_decode($call->latest_view)))  style="background-color: #f9dd;"  @endif >
                                                    <td>#{{$call->id}}</td>
                                                    <td><a href="{{route('view-meeting-agenda', [$call['id']]) }}"> {!!$call->title!!}</a></td> 
                                                    <td>{{$call->Agendacreateby->first_name}} {{$call->Agendacreateby->last_name}}</td>
                                                    
                                                   
                                                
                                                    <td>{{$call->status}}</td>
                                                     <td>{{date('Y-m-d', strtotime($call->completion_date))}}</td>
                                                     <td>{{$call->created_at}}</td>
                                                    
                                                       
                                                    <!--<td>--> @if($call->status!='Close')
                                                         @if(in_array("Edit",$LeadSources )&& $managedby==$call->created_by)
                                                        <!--<a href="{{route('edit-meeting-agenda', [$call['id']]) }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i><a/>-->
                                                         @endif     
                                                         @if(in_array("View",$LeadSources ))    
                                                        <!--<a href="{{route('view-meeting-agenda', [$call['id']]) }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="View">View<a/> -->
                                                         @endif 
                                                          @if(in_array("Delete",$LeadSources )&& $managedby==$call->created_by)  
                                                        <!--<a href="{{route('delete-meeting-agenda', [$call['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
                                                        @endif
                                                    <!--</td>-->
                                                    <td>{{$call->priority}}</td>
                                                </tr>
                                                @php }$i++; @endphp
                                                @endif
                                            @endforeach
                                            <tr>
        <td colspan="9">
         
        </td>
    </tr>
                                        @else
                                        <tr>
                                            <td colspan="3">No record found</td>                            
                                        </tr>
                                        @endif
									</tbody>
				                </table>
							</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')
@parent

<script type="text/javascript"> 
    function sortFilter(order_by, order_type) {
    $("#order_by").val(order_by);
    $("#order_type").val(order_type);
    $("#meeting_filter").submit();
}
    function submitSearchForm() {
        $('.fullLoader').show();
        $('#meeting_filter').submit();
    }

    $('#search_text').donetyping(function(){
        submitSearchForm();
    });
     jQuery(document).ready(function() {
    jQuery('#unread').change(function() {
        if ($(this).prop('checked')) {
            submitSearchForm();

        }
        else {
            submitSearchForm();
        }
    });
});
    $(function () { 
        
        // status
        $("#status").select2({
            closeOnSelect: false,
            placeholder: 'Status',
        }).on("select2:select", function (e) {
            submitSearchForm();
        }).on('select2:unselect', function (e) {
            submitSearchForm();
        });
        // priority
        $("#priority").select2({
            closeOnSelect: false,
            placeholder: 'Priority',
        }).on("select2:select", function (e) {
            submitSearchForm();
        }).on('select2:unselect', function (e) {
            submitSearchForm();
        });
         // assigned_to
        $("#assigned_to").select2({
            closeOnSelect: false,
            placeholder: 'Assigned To',
        }).on("select2:select", function (e) {
            submitSearchForm();
        }).on('select2:unselect', function (e) {
            submitSearchForm();
        });
        //$created_by
        $("#created_by").select2({
            closeOnSelect: false,
            placeholder: 'Created_by',
        }).on("select2:select", function (e) {
            submitSearchForm();
        }).on('select2:unselect', function (e) {
            submitSearchForm();
        });
    });  
</script>  
<script type="text/javascript">
	
    $( function() {
        $('#from_date').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()], 
             'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
             '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'));
     });
        $('#from_date').on('apply.daterangepicker', function(ev, picker) {
            //console.log(picker.startDate.format('YYYY-MM-DD'));
            //console.log(picker.endDate.format('YYYY-MM-DD'));
            var startDate = picker.startDate.format('YYYY-MM-DD')+'/'+picker.endDate.format('YYYY-MM-DD');
            $('#date_range').val(startDate);
            //console.log(startDate);
            //return false;
            var page = '';
            //fetch_data(page);
            submitSearchForm();
        });
        $('#from_date').on('apply.daterangepicker', function(ev, picker) {
            $(this).val(picker.startDate.format('YYYY-MM-DD') + ' / ' + picker.endDate.format('YYYY-MM-DD'));
        });
        $('#from_date').on('cancel.daterangepicker', function(ev, picker) {
            //do something, like clearing an input
            $('#date_range').val('');
            $('#from_date').val('');
            var page = '';            
            //fetch_data(page);
            submitSearchForm();
        });
    });
</script>
<script>
    document.querySelectorAll('#watermarked').forEach(function(el) {
              el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
          });
  </script>

@stop