@extends('layouts.app')

@section('content')
<!-- Container -->
{{-- <div class="container-fluid"> --}}
	
    <!-- Breadcrumb -->
    <nav class="hk-breadcrumb" aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-light bg-transparent">
            <li class="breadcrumb-item active" aria-current="page"><h3>Tasks</h3></li>
        </ol>
    </nav>
    <!-- /Breadcrumb -->
    
    <div class="row">
        <div class="col-xl-12">
            <section class="hk-sec-wrapper border-top-0 border-bottom-0">

                <div class="row">
                    	
                    <div class="col-12">
                        <form action="" method="GET">
                
                            <div class="form-group" style="margin-bottom:0;">
                            	
                                <div class="row">

                                    <div class="col-md-2 border-right">
                                        <label for="filter" class="control-label">Subject</label>
                                        <input type="text" id="filter" class="form-control" value="{{ old('filter', $filter ?? '') }}" name="filter">
                                    </div>
                                    
                                    <div class="col-md-2">
                                        <label for="search_id_assigned" class="control-label">Assigned To</label>
                                        <select class="select2" name="search_id_assigned">
                                            <option value="all" {{ ( !$search_id_assigned ) ? 'selected' : '' }}> - All - </option>
                                            <option value="{{ auth()->user()->id }}" 
                                                {{ ( auth()->user()->id == old('search_id_assigned', $search_id_assigned ?? 0) ) ? 'selected' : '' }}
                                                >Assigned to Me</option>
                                            @foreach( $sales_users as $sales_user )
                                                <option value="{{ $sales_user->user_id }}" 
                                                {{ ( $sales_user->user_id == old('search_id_assigned', $search_id_assigned ?? 0) ) ? 'selected' : '' }}
                                                >{{ $sales_user->user_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    
                                    <div class="col-md-2">
                                        <label for="search_status" class="control-label">By Status</label>
                                        <select class="form-control" name="search_status">
                                            <option value="" {{ ( !$search_status ) ? 'selected' : '' }}> - All - </option>
                                            @foreach (config('defines.tasks_status_select') as $data_k => $data_v)
                                            	@if ($data_k > 0)
                                                    <option value="{{ $data_k }}" 
                                                    {{ ( $data_k == old('search_status', $search_status ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v['title'] }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </div>
                                    
                                    <div class="col-md-2">
                                        <label for="daterangepicker_custom" class="control-label">Date Range</label>
                                        <input type="text" name="daterangepicker_custom" class="form-control" autocomplete="off" value=""  id="daterangepicker_custom" />
                                        <input name="search_date_from" type="hidden" value="" />
                                        <input name="search_date_to" type="hidden" value="" />
                                    </div>
                                    <script type="text/javascript">
										
										var search_date_from = '{{ $search_date_from }}';
										var search_date_to = '{{ $search_date_to }}';
									
									</script>
                                
                                    <div class="col-md-1">
                                        <input type="submit" value="Search" class="btn btn-success float-right" style="margin-top:30px;">
                                    </div>
                                </div>

                                <br clear="all" />
                                
                                <div class="row">
                                    <div class="col-md-12">
                                    	<a href="{{ route('sales.tasks.edit', 0) }}" class="btn btn-sm btn-primary float-left w-150p">Add New</a>
                                    </div>
                                </div>
        
                            </div>
                            
                        </form>
                    </div>

                </div>

                <hr />
                
                <div class="row">
                    <div class="col-sm">
                        <div class="table-wrap">
                        	
                            <table class="table tablesaw table-bordered table-hover mb-0 datable_sales_list">
                                <thead>
                                    <tr>
                                        <th>Id</th>
                                        <th>Subject</th>
                                        <th>Activity</th>
                                        <th>Name</th>
                                        <th>Related To</th>
                                        <th>Assigned To</th>
                                        <th>Due Date</th>
                                        <th>Status</th>
                                        <th data-priority="1"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($tasks as $task)
                                        <tr class="row_tasks_hold_{!! $task->id !!}">
                                            <td>{{ $task->date_due }}</td>
                                            <td><a href="{{ route('sales.tasks.edit', $task->id) }}">{{ $task->subject }} </a></td>
                                            <td>{{ ($task->activity_type > 0) ? config('defines.tasks_activity_type_select')[$task->activity_type] : 'Task' }}</td>
                                            <td>{!! $task->task_name !!}</td>
                                            <td>{!! $task->task_related !!}</td>
                                            <td><a href="{{ route('sales.managers.view', $task->user_assigned->id) }}">{{ $task->user_assigned->name }}</a></td>
                                            <td>{{ (isset($task->date_due)) ? SetTimeZoneFormat($task->date_due, 'date', 'UTC') : 'No due date' }}</td>
                                            <td><span class="badge badge-{{ config('defines.tasks_status_select')[$task->status]['color'] }} badge-pill ml-10">{{ config('defines.tasks_status_select')[$task->status]['title'] }}</span></td>
                                            <td class="text-center">
                                            	{{-- <a href="javascript: void(0);" onclick="openModaliFrame('{{ route('sales.tasks.iframe', $task->id) }}');" class="btn btn-xs btn-primary">edit</a> --}}
                                            	<a href="{{ route('sales.tasks.edit', $task->id) }}" class="btn btn-xs btn-primary">edit</a>
                                            </td>
                                        </tr>
                                    @empty
                                        
                                    @endforelse
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<!-- /Container -->


@endsection