@extends('layouts.'.$namespaceName.'.master')
@section('title')
{{$title}}
@endsection
@section('content')
<div class="page-wrapper">
    <div class="page-content m-2">
        @include('message')
        @include('breadcrumb')
        <div class="card main_card">
            <div class="card-header">

                <div class="row">
                    <div class="col">
                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                            <button class="btn primary" onclick="showFilterForm()" id="advanced_search" type="button">{{ trans('labels.advanced_search') }}</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-body">
                {{-- Filter --}}
                <form id="filters" style="{{$searchFlag?'display: block':'display: none'}}" action="{{ route('events-report.filter') }}" method="GET">
                    <div id="search_options"  class="row">
                        <div class="col-4">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'host_name')}}</label>
                            {{-- <input type="text" id="user" class="form-control" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" name="user" value="{{ old('user')}}" /> --}}
                            <select class="form-control" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" name="host_id" id="host">
                                <option selected hidden value="">{{ trans('messages.select') }}</option>
                                <option value=""></option>
                                @foreach ($hosts as $host )
                                    <option value="{{ $host->id }}" {{ old('host_id')==$host->id ?'selected':''}}>{{ $host->name }}</option>
                                @endforeach
                             </select>
                        </div>
                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'from')}}</label>
                            <input type="text" id="from" class="form-control datepicker" name="from" value="{{old('from')}}"/>

                        </div>
                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'to')}}</label>
                            <input type="text" id="to" class="form-control datepicker " name="to" value="{{old('to')}}"/>
                        </div>
                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'name')}}</label>
                            <input type="text" id="event" class="form-control" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" name="name" value="{{ old('name') }}" />
                        </div>

                    </div>
                    <button type="submit" class="btn btn-secondary my-2"><i class="bx bx-filter"></i>{{ trans("labels.search") }}</button>
                </form>
                <div class="table-responsive">
                    <table id="example2" class="table table-striped table-bordered text-center">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'name')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'event_code')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'host_name')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'event_visitor_types')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'start_date')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'end_date')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'event_status')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'actions')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if ($events != null)
                            @foreach ($events as $event)
                            <tr id="row_{{$event->id}}">
                                <td>{{$loop->iteration}}</td>
                                <td>{{$event->name}}</td>
                                <td>{{$event->event_code}}</td>
                                <td>{{$event->host->name}}</td>
                                <td>
                                    @foreach($event->visitorTypes as $visitorType)
                                        <span class="badge bg-primary">{{$visitorType->display_value}}</span>
                                    @endforeach
                                </td>
                                <td>{{dateFormat($event->start_date)}}</td>
                                <td>{{dateFormat($event->end_date)}}</td>
                                <td>{{$event->status->display_value}}
                                </td>
                                <td>
                                    {{-- <a href="{{route($modelName.'.show',$row->id)}}" class="btn btn-success btn-sm"><i
                                            class='bx bx-show'></i></a>
                                    @if (!now()->greaterThan($row->end_date))
                                    <a href="{{route($modelName.'.edit',$row->id)}}" class="btn btn-warning btn-sm"><i
                                        class='bx bx-images'></i></a>
                                    <a href="{{route('edit_location',$row->id)}}" class="btn btn-primary btn-sm"><i
                                            class='bx bxs-edit-location'></i></a>
                                    @endif
                            --}}
                                </td>
                            </tr>
                                @endforeach
                            @endif

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('js')
    <script>
        function showFilterForm()
        {
            let x = document.getElementById("filters");
            if (x.style.display === "none") {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
            }

    </script>
@endpush