@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="panel panel-default panel-bg">
            <div class="panel-heading">Einsatze</div>
            <div class="panel-body courses">
                <div class="row">
                    <div class="col-md-12">
                        <ul class="nav nav-tabs">
                            <li><a href="logs">Logs</a></li>
                            <li><a href="replogs">Report Logs</a></li>
                            <li><a href="restsettings">API</a></li>
                            <li class="active"><a href="#">Einsatze</a></li>
                            <li><a href="reportdb">Reports</a></li>
                        </ul>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-2">
                        <label for="userlog">Einsatz #</label>
                        <input type="number" class="form-control" id="courseIDSearch" name="courseIDSearch" placeholder="Suche..." @if(!empty($course_id)) value="{{$course_id}}" @endif>
                    </div>
                    <div class="col-md-2">
                        <label for="iplog">Einsatzname</label>
                        <input type="text" class="form-control" placeholder="Suche..." id="courseNameSearch" name="courseNameSearch" @if(!empty($course_name)) value="{{$course_name}}" @endif>
                    </div>
                    <div class="col-md-2">
                        <label for="textlog">Kunde #</label>
                        <input type="text" class="form-control" placeholder="Suche..." id="companiesIDSearch" name="companieIDSearch" @if(!empty($companie_id)) value="{{$companie_id}}" @endif>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-2">
                        <label for="fromDate">Schichtplan #</label>
                        <input type="text" class="form-control" placeholder="Suche..." id="coursePlanSearch" name="coursePlanSearch" @if(!empty($course_plan_id)) value="{{$course_plan_id}}" @endif>
                    </div>
                    <div class="col-md-2">
                        <label for="toDate">Typ</label>
                        <select name="typeSelectCourse" id="typeSelectCourse" class="form-control">
                            <option value="-1" @if(empty($type)) selected @endif>Alle</option>
                            <option value="1" @if(!empty($type) && $type == 1) selected @endif>Normal</option>
                            <option value="2" @if(!empty($type) && $type == 2) selected @endif>HBC</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <br>
                        <button class="btn btn-primary" onclick="courseFilter()">Filtern</button>
                    </div>
                </div>
                <br>
                @if(!empty($course))
                    <div class="row"><!--todo-->
                        <div class="col-md-12">
                            {!! $course !!}
                        </div>
                    </div>
                    <br>
                @endif
                <div class="row">
                    <div class="col-md-12" id="logTable">
                        {!! $table !!}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                            <nav aria-label="Page navigation">
                                <ul class="pagination">
                                    @if($selected < 9)
                                      @for($i=0; $i < 10; $i++) <li class="page-item active pointerCursor">
                                        <a class="page-link" data-page="{{$i}}" onclick="coursePageinate(this)">{{$i+1}}</a></li>
                                      @endfor
                                      <li class="page-item pointerCursor"><a class="page-link">...</a></li>
                                      <li class="page-item pointerCursor"><a class="page-link" data-page="{{$pages}}" onclick="coursePageinate(this)">{{$pages}}</a></li>
                                    @elseif($selected > ($pages-5))
                                      <li class="page-item pointerCursor"><a class="page-link" data-page="1" onclick="coursePageinate(this)">1</a></li>
                                      <li class="page-item pointerCursor"><a class="page-link">...</a></li>
                                      @for($i = ($selected-6); $i < $pages; $i++) <li class="page-item active pointerCursor">
                                        <a class="page-link" data-page="{{$i}}" onclick="coursePageinate(this)">{{$i+1}}</a></li>
                                      @endfor
                                    @else
                                      <li class="page-item pointerCursor"><a class="page-link" data-page="1" onclick="coursePageinate(this)">1</a></li>
                                      <li class="page-item pointerCursor"><a class="page-link">...</a></li>
                                      @for($i = ($selected-6); $i < ($selected+6); $i++) <li class="page-item active pointerCursor">
                                        <a class="page-link" data-page="{{$i}}" onclick="coursePageinate(this)">{{$i+1}}</a></li>
                                      @endfor
                                      <li class="page-item pointerCursor"><a class="page-link">...</a></li>
                                      <li class="page-item pointerCursor"><a class="page-link" data-page="{{$pages}}" onclick="coursePageinate(this)">{{$pages}}</a></li>
                                  @endif
                                </ul>
                            </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>



@endsection

<input type="hidden" class="hidden" id="currentPage" value="{{$selected}}">