@extends('layouts.app')

@section('content')
<!-- Container -->

<!-- Breadcrumb -->
<nav class="hk-breadcrumb" aria-label="breadcrumb">
    <ol class="breadcrumb breadcrumb-light bg-transparent">
        <li class="breadcrumb-item active" aria-current="page"><h3>{{ (Route::current()->getName() == 'favorites') ? 'Favorites' : 'Monitoring' }}</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="{{ route('search') }}" method="GET">
            
                        <div class="form-group" style="margin-bottom:0;">
                        
                            @include('search.form')
                            
                            <br clear="all" />
                            
                            <div class="row">
                                <div class="col-md-12">
                                	@if (canTask('can_assign'))
	                                                                        @endif
                                    <span id="edits" title="changes made - reload page to see them" class="btn btn-sm btn-danger float-right ml-1 edits d-none" style="cursor: help;">18</span>
                                </div>
                            </div>
    
                        </div>
                        
                    </form>
                </div>
            </div>

            <hr />
            
            <div class="row">
                <div class="col-sm">
						
                                                
                        @if ( canTask('can_web') || canTask('can_prog') )
                        	
                            <div class="row">
                                <div class="col-12 mt-40 mb-3">
                                    <h2 class="float-left mb-1">
                                        @if ( canTask('can_web') && canTask('can_prog') )
                                            Web & Projects
                                        @elseif ( canTask('can_web') && !canTask('can_prog') )
                                            Web
                                        @elseif ( !canTask('can_web') && canTask('can_prog') )
                                            Projects
                                        @endif
                                    </h2>
                                    
                                    @if (canTask('can_assign'))
                                        @if ( canTask('can_web') && canTask('can_prog') )
                                            <a class="btn btn-sm btn-primary float-right" href="{{ route('task.new', 'prog') }}" >Add new Project</a>
                                            <a class="btn btn-sm btn-primary float-right mr-1" href="{{ route('task.new', 'web') }}" >Add new Web</a>
                                        @elseif ( canTask('can_web') && !canTask('can_prog') )
                                            <a class="btn btn-sm btn-primary float-right" href="{{ route('task.new', 'web') }}" >Add new Web</a>
                                        @elseif ( !canTask('can_web') && canTask('can_prog') )
                                            <a class="btn btn-sm btn-primary float-right" href="{{ route('task.new', 'prog') }}" >Add new Project</a>
                                        @endif
                                    @endif
                                    
                                </div>
                            </div>
                            
                            <div class="table-wrap" style="overflow:auto;">
                        		@include('tasks.table-template')
                            </div>
                        @endif

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

<!-- Modal Contacts-->
<div class="modal fade" id="contactModal" tabindex="-1" role="dialog" aria-labelledby="contactModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Contacts</h5>
                <button type="button" class="close contact-close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body contact-body">

                <div class="w-100 text-center"><img src="/assets/imgs/loading.gif" width="50px" /></div>

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

<!-- Modal Notes-->
<div class="modal fade" id="notesModal" tabindex="-1" role="dialog" aria-labelledby="notesModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Notes</h5>
                <button type="button" class="close notes-close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body notes">

                <div class="card-body">
                    <div class="user-activity">

                        <div class="w-100 text-center"><img src="/assets/imgs/loading.gif" width="50px" /></div>

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

@endsection

@section('more_scripts')

    @include('onboardings.table-js')
    
    @if ( canTask('can_web') || canTask('can_prog') )
    	@include('tasks.table-js')
    @endif
    
    <script type="text/javascript">
	    OnboardingPusher();
	</script>

@endsection