@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><a href="coursedb">Einsatze</a></li>
                            <li class="active"><a href="#">Reports</a></li>
                        </ul>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-2">
                        <label for="userlog">Report #</label>
                        <input type="number" class="form-control" id="courseIDSearch"  name="courseIDSearch" placeholder="Suche..." @if(!empty($report_id)) value="{{$report_id}}" @endif>
                    </div>
                    <div class="col-md-2">
                        <label for="iplog">Einsatz #</label>
                        <input type="text" class="form-control" placeholder="Suche..." id="courseNameSearch" name="courseNameSearch" @if(!empty($course_id)) value="{{$course_id}}" @endif>
                    </div>
                    <div class="col-md-2">
                        <label for="textlog">User #</label>
                        <input type="text" class="form-control" placeholder="Suche..." id="companiesIDSearch" name="companieIDSearch" @if(!empty($user_id)) value="{{$user_id}}" @endif>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-2">
                        <label for="fromDate">Zeitraum von</label>
                        <input type="date" class="form-control" placeholder="Suche..." id="coursePlanSearch" name="coursePlanSearch" @if(!empty($date_from)) value="{{$date_from}}" @endif>
                    </div>
                    <div class="col-md-2">
                        <label for="toDate">Zeitraum bis</label>
                        <input type="date" class="form-control" placeholder="Suche..." id="coursePlanSearch" name="coursePlanSearch" @if(!empty($date_to)) value="{{$date_to}}" @endif>
                    </div>
                    <div class="col-md-2">
                        <label for="toDate">Uhrzeit von</label>
                        <input type="time" class="form-control" placeholder="Suche..." id="coursePlanSearch" name="coursePlanSearch" @if(!empty($time_from)) value="{{$time_from}}" @endif>
                    </div>
                    <div class="col-md-2">
                        <label for="toDate">Uhrzeit bis</label>
                        <input type="time" class="form-control" placeholder="Suche..." id="coursePlanSearch" name="coursePlanSearch" @if(!empty($time_to)) value="{{$time_to}}" @endif>
                    </div>
                    <div class="col-md-2">
                        <label for="">Versendet</label>
                        <select name="" id="" class="form-control">
                            <option value="-1" @if(empty($sent)) selected @endif>Alle</option>
                            <option value="1" @if(!empty($sent) && $sent == 1) selected @endif>Versendet</option>
                            <option value="2" @if(!empty($sent) && $sent == 2) selected @endif>Nicht versendet</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <br>
                        <button class="btn btn-primary" onclick="reportFilter()">Filtern</button>
                    </div>
                </div>
                <br>
                @if(!empty($report))
                    <div class="row"><!--todo-->
                        <div class="col-md-12">
                            {!! $report !!}
                        </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}}">