@extends('layouts.app')

@section('content')
    <script type="text/javascript">
        $(document).ready(function(){
            $(".date-picker").datepicker({
                format: '{{config('app.date_format_js')}}'
            });
        });
    </script>
    <form id="form" method="post" action="{{ route('accommodation.search_result')}}" class="form-horizontal">
        @csrf
        <section class="panel">
            <div class="row">
                <div class="col-sm-12">
                    <header class="panel-heading">
                        <h2 class="panel-title">{{__('Accommodation logs search')}}</h2>
                    </header>

                    <div class="panel-body">
                        <div class="form-group">
                            <label class="col-md-1 control-label">{{__('Period')}}</label>
                            <div class="col-md-6">
                                <div class="input-daterange input-group">
                                                        <span class="input-group-addon">
                                                            <i class="fa fa-calendar"></i>
                                                        </span>
                                    <input type="text" class="form-control date-picker" name="start">
                                    <span class="input-group-addon">{{__("to")}}</span>
                                    <input type="text" class="form-control date-picker" name="end">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label">{{__('Worker')}} </label>
                            <div class="col-sm-3">
                                <select data-plugin-selectTwo class="form-control populate" name="worker" id="worker">
                                    <option value="">--{{__('Worker')}}--</option>
                                    @foreach($employees as $employee)
                                        <option value="{{$employee->id}}">{{$employee->ime.' '.$employee->prezime}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label">{{__('Accommodation unit')}} </label>
                            <div class="col-sm-3">
                                <select data-plugin-selectTwo class="form-control populate" name="accommodation" id="accommodation">
                                    <option value="">--{{__('Accommodation unit')}}--</option>
                                    @foreach($accommodationUnits as $unit)
                                        <option value="{{$unit->id}}">{{$unit->location.', '.$unit->address}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label">{{__('Logs')}} </label>
                            <div class="col-sm-3">
                                <select data-plugin-selectTwo class="form-control populate" name="change_type" id="change_type">
                                    <option value="">--{{__('Log')}}--</option>
                                    <option value="0">{{__('Accommodation logs')}}</option>
                                    <option value="1">{{__('Address change logs')}}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <footer class="panel-footer">
                <div class="row">
                    <div class="col-sm-12 btn-confirmation">
                        <button class="btn btn-primary" type="submit">{{__('Search')}}</button>
                    </div>
                </div>
            </footer>
        </section>
    </form>

    <div class="obracun">

    </div>
@endsection