@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>Onboarding</h3></li>
        </ol>
    </nav>
    <!-- /Breadcrumb -->
    
    <div class="row">
        <div class="col-xl-12">
            <section class="hk-sec-wrapper border-top-0 border-bottom-0">

                {{-- <form class="form-inline" action="">
                    <label class="my-1 mr-2" for="filterDateFrom">Filter (ime ili email):</label>
                    <input type="text" class="form-control mr-3 col-3" id="filter" name="filter"
                           value="{{ $filter ?? '' }}">

                    <button type="submit" class="btn btn-primary my-1">Trazi</button>
                    <a href="{{ route('admin.users.index') }}" class="btn btn-secondary my-1 ml-3">Poništi</a>
                </form> --}}

                <div class="row">
                
                    @section('preferences')
                    	
                    <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'))
                                        	<a href="{{ route('onboarding.new') }}" class="btn btn-sm btn-primary float-left w-150p">Add New</a>
                                        @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>

                                        
                    @show

                </div>

                <hr />
                <div class="row">
                    <div class="col-sm">
                        <div class="table-wrap" style="overflow:auto;">

                            <div class="mb-4">

                                {!! $onboardings->appends(request()->input())->links() !!}

                            </div>
                            
                            @include('onboardings.table-template')
							
                                                        <div class="mt-4">

                                {!! $onboardings->appends(request()->input())->links() !!}

                            </div>

                        </div>
                    </div>
                </div>
            </section>
        </div>
    </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')
	
    <script type="text/javascript">
	    //OnboardingPusher();
	</script>
    
@endsection