@extends('layouts.admin')

@section('title' , 'Action Logs')

@section('breadcrumb-item')
    <li class="breadcrumb-item active">Action Logs</li>
@endsection

@section('styles')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <link href="https://unpkg.com/gijgo@1.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
@endsection

@section('content')
    <div class="card">
        <div class="card-header bg-theme">
            <p class="h5 pt-2 mb-0 float-left"><i class="fa fa-list pr-1"></i>Action Logs</p>
{{--            <form action="{{route('admin.logs')}}" method="get" class="form-inline float-right">--}}

{{--            </form>--}}
{{--            <form action="{{route('admin.logs')}}" method="get" class="form-inline float-right">--}}
{{--                <div class="form-group custom-control-inline">--}}
{{--                    <select name="filter" id="filter" class="form-control ">--}}
{{--                        <option value="" selected {{ request()->query('filter') == '' ? 'selected' : '' }}>All Reports</option>--}}
{{--                        <option value="login" {{ request()->query('filter') == 'login' ? 'selected' : '' }}>Login Reports</option>--}}
{{--                        <option value="logout" {{ request()->query('filter') == 'logout' ? 'selected' : '' }}>Logout Reports</option>--}}
{{--                        <option value="order_declined" {{ request()->query('filter') == 'order_declined' ? 'selected' : '' }}>Declined Order Reports</option>--}}
{{--                        <option value="order_placed" {{ request()->query('filter') == 'order_placed' ? 'selected' : '' }}>Placed Order Reports</option>--}}
{{--                        <option value="order_credit" {{ request()->query('filter') == 'order_credit' ? 'selected' : '' }}>Credit Order Reports</option>--}}
{{--                    </select>--}}
{{--                </div>--}}
{{--                <div class="form-group">--}}
{{--                    <div class="input-group">--}}
{{--                        <input class="form-control" type="text" name="q" value="{{ request()->query('q') }}"--}}
{{--                               placeholder="Search ">--}}
{{--                        <div class="input-group-append">--}}
{{--                            <button class="btn btn-success" type="submit"><i class="fa fa-search"></i>--}}
{{--                            </button>--}}
{{--                        </div>--}}
{{--                        <div class="input-group-append">--}}
{{--                            <a class="btn btn-danger{{ request()->query('q') ? '' : ' disabled' }}"--}}
{{--                               href="{{route('admin.logs')}}" data-toggle="tooltip" data-placement="top" title="refresh">--}}
{{--                                <i class="fa fa-eraser"></i></a>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </form>--}}
        </div>
        <div class="card-body" style="overflow-x: auto">
            <form action="{{ route('admin.newFiltersLogs') }}" method="POST">
                @csrf
            <div class="row">
                <div class="col-3">
                    <div class="form-group">
                        <label>Employees</label>
                        <select class="form-control js-example-theme-multiple" name="employee_ids[]" multiple>
                            @foreach(_employees() as $employee)
                                <option value="{{ $employee->id }}"
                                    {{ isset($employee_ids) && in_array($employee->id, $employee_ids) ? 'selected' : '' }}>
                                    {{ $employee->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-3">
                    <div class="form-group">
                        <label>Report Type</label>
                        <select name="status" class="form-control ">
                            @foreach($statuses as $key => $value)
                                <option value="{{ $value }}"
                                    {{ isset($status) ? $status == $value ? 'selected' : '' : '' }}>
                                    {{ $key }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                
                <div class="col-3">
                    <div class="form-group">    
                        <label>Shops</label>
                        <select class="form-control js-example-theme-multiple" name="shop_ids[]" multiple>
                            @foreach($shops as $shop)
                                <option value="{{ $shop->id }}"
                                    {{ isset($shop_ids) && in_array($shop->id, $shop_ids) ? 'selected' : '' }}>
                                    {{ $shop->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-3">
                    <div class="form-group">
                        <label>Start Date</label>
                        <input id="datepicker1" name="start_date" value="{{ request()->start_date ?? date('Y-m-d') }}" />
                    </div>
                </div>
                <div class="col-3">
                    <div class="form-group">
                        <label>End Date</label>
                        <input id="datepicker2" name="end_date" value="{{ request()->end_date ?? date('Y-m-d') }}" />
                    </div>
                </div>
            </div>
                <div class="row">
                    <div class="col-12">
                        <div style="margin-top: 30px; text-align: center" class="form-group">
                            <button class="btn btn-success" type="submit"><i class="fa fa-search"></i>
                                Search
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <div class="card-body" style="overflow-x:auto;">
            <table class="table table-hover table-c">
                <thead>
                <tr>
                    <th>#</th>
                    <th>ID</th>
                    <th>Employee</th>
                    <th>Action</th>

                    @if($status == '')
                        <th>Shop</th>
                    @endif

                    @if($status == 'order_declined')
                        <th>Declined Order shop</th>
                        <th>order ID</th>
                    @endif

                    @if($status == 'order_placed')
                        <th>Order shop</th>
                        <th>order ID</th>
                    @endif
                    @if($status == 'shop_created')
                        <th>Shop Name</th>       
                    @endif
                    @if($status == 'payment_received')
                    <th>Payment Received Shop</th>
                    <th>Order ID</th>
                    @endif

                    @if(request()->query('filter') == 'order_credit')
                        <th>Credit Order shop</th>
                        <th>order ID</th>
                    @endif
                    <th>Performed At</th>
                    <th>Map</th>
                </tr>
                </thead>
                <tbody>
                @forelse($logs as $log)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{$log->id}}</td>
                        <td>{{$log->employee ? $log->employee->name : ''}}</td>
                        <td>{{$log->type}}</td>
                        @if($status == '')
                            @if($log->declinedOrder)
                                <td>{{ $log->declinedOrder->shop ? $log->declinedOrder->shop->name : ''}}</td>
                            @else
                                <td>{{$log->order && $log->order->shop ? $log->order->shop->name : '' }}</td>
                            @endif
                        @endif

                        @if($status == 'order_declined')
                            <td>{{$log->declinedOrder && $log->declinedOrder->shop ? $log->declinedOrder->shop->name : '' }}</td>
                            <td>{{$log->declinedOrder ? $log->declinedOrder->id: '' }}</td>
                        @endif
                        @if($status == 'shop_created')
                            <td>{{$log->shop ? $log->shop->name : '' }}</td>
                        @endif
                        @if($status == 'payment_received')
                            <td>{{$log->order && $log->order->shop ? $log->order->shop->name : '' }}</td>
                            <td>{{$log->order ? $log->order->id : '' }}</td>
                        @endif

                        @if($status == 'order_placed')
                            <td>{{$log->order && $log->order->shop ? $log->order->shop->name : '' }}</td>
                            <td>{{$log->order ? $log->order->id : '' }}</td>
                        @endif
                        <td>{{$log->created_at->format('d M, Y | h:i A') }}</td>
                        <td><a href="{{ route('admin.logs.map', $log) }}">
                                <button class="btn btn-xs btn-success">Goto Map</button>
                            </a></td>
                    </tr>
                @empty
                    <tr>
                        <th colspan="5" class="text-center">No Logs Yet</th>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
        <div class="pagination justify-content-center mb-4">
           @if($status==1)
                {{ $logs->links() }}
           @endif
        </div>
    </div>
@endsection

@section('scripts')

    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="https://unpkg.com/gijgo@1.9.13/js/gijgo.min.js" type="text/javascript"></script>

    <script>
$('.js-example-theme-multiple').select2({
    theme: 'classic',
});
        $(document).ready(function() {
            $('.js-example-theme-multiple').select2({
                theme: 'classic',

            });

            $('#datepicker1').datepicker({
                format: 'yyyy-mm-dd',
                uiLibrary: 'bootstrap4',
            });

            $('#datepicker2').datepicker({
                format: 'yyyy-mm-dd',
                uiLibrary: 'bootstrap4',
            });
        });
    </script>
@endsection