@extends('admin.layouts.resource-layout')

@section('title')
    <h3>Табель</h3>
@endsection

@section('resource-content')

    <div class="page-filter clearfix">
        <div class="row">
            <div class="col-sm-12 col-sm-12">
                <div class="x_panel">
                    <div class="x_content">
                        <form method="post" action="{{ route('admin.picker-tables.store') }}">
                            @csrf
                            <div class="form-group">
                                <label for="number">ID</label>
                                <textarea id="scanner_number" name="number" rows="1" class="form-control" autofocus="true">{{ old("number") }}</textarea>
                                @if ($errors->has('number'))
                                    <span class="invalid-feedback" style="color: red;"><strong>{{ $errors->first('number') }}</strong></span>
                                @endif
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn btn-success">Начать</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-filter clearfix">
        <div class="row">
            <div class="col-sm-12 col-sm-12">
                <div class="x_panel">
                    <div class="x_content">
                        <form action="?" method="GET">
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="from" class="col-form-label">дата от</label>
                                        <input id="from" class="form-control picker-date" name="from" value="{{ request('from') }}">
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="to" class="col-form-label">дата до</label>
                                        <input id="to" class="form-control picker-date" name="to" value="{{ request('to') }}">
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group text-right">
                                        <label class="col-form-label">&nbsp;</label><br />
                                        <button title="Поиск" type="submit" class="btn bg-orange"><i class="fa fa-search" aria-hidden="true"></i></button>
                                        <button title="Скачать" type="submit" class="btn btn-info" name="excel"><i class="fa fa-download" aria-hidden="true"></i></button>
                                        <a title="Очистить" href="?" class="btn btn-default"><i class="fa fa-retweet" aria-hidden="true"></i></a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="x_panel">
                <div class="x_content">

                    <table class="table table-hover  table-border jambo_table">
                        <thead>
                        <tr>
                            <th>@sortablelink('picker.title', 'сотрудник')</th>
                            <th>должность</th>
                            <th>@sortablelink('created_at', 'дата')</th>
                            <th>@sortablelink('created_at', 'время')</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($items as $item)
                            <tr>
                                <td>{{ $item->picker->title ?? '' }}</td>
                                <td>{{ $item->picker->position->title ?? '' }}</td>
                                <td>{{ $item->created_at->format('d.m.Y') }}</td>
                                <td>{{ $item->created_at->format('H:i:s') }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                    {{ $items->appends(request()->all())->links() }}

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

@endsection

@section('script')
    <script>
        $(function(){
            $('#scanner_number').on('change keypress', function (){
                $(this).closest('form').submit();
            });
        });

        document.addEventListener('keydown', function (event) {
            if (event.keyCode == 17 || event.keyCode == 74)
                event.preventDefault();
        });
    </script>
@endsection