@extends('layouts.app')
@section('title', __('Login Log Report'))

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header no-print">
        <h1>{{ __('Login Log Report') }}</h1>
    </section>
    <section class="content no-print">
        <form action="{{ url('reports/login/log/log') }}" method="get" id="filter_form">
            <div class="row">
                <div class="col-md-12">
                    @component('components.filters', ['title' => __('report.filters')])
                        <div class="col-md-3">
                            <div class="form-group">
                                {!! Form::label('al_users_filter', __('Users') . ':') !!}
                                <select class="form-control select2" id="al_users_filter" name="al_users_filter">
                                    <option value="">All</option>
                                    @foreach ($users as $users)
                                        <option value="{{ $users->id }}" @if (request('al_users_filter') == $users->id) selected @endif>
                                            {{ $users->username }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label style="font-weight: bold" for="supplier">Date </label>
                                <div class="input-group">
                                    <input type="text" class="form-control" name="dates" id="date" value=""
                                        readonly>
                                    <div class="input-group-append">
                                        <span class="input-group-text"><i class="dripicons-calendar"></i></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </br>
                        <input type="hidden" name="data_type" id="data_type" value="">
                        <div class="col-md-3">
                            <button type="submit" class="btn btn-primary px-5 py-2 submit-filters" id="btn-search"
                                data-type="table">Filter</button>
                            <a href="{{ url('reports/login/log/log') }}" class="btn btn-danger px-5 py-2">Reset</a>
                        </div>
                    @endcomponent
                </div>
            </div>
        </form>

        <div class="row">
            <div class="col-md-12">
                @component('components.widget', ['class' => 'box-primary'])
                    <a href="{{ url('reports/login/log/log') }}" class="btn btn-primary px-5 py-2 submit-filters"
                        data-type="excel" style="margin-right: -1000;">Download
                        Excel</a></br>
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped" id="login_log_table">
                            <thead>
                                <tr>
                                    <th>@lang('lang_v1.date')</th>
                                    <th>@lang('User Name')</th>
                                    <th>@lang('Device Details')</th>
                                    <th>@lang('Login Time')</th>
                                    <th>@lang('Logout Time')</th>
                                    <th>Time Duration</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($login_logs as $login_log)
                                    <tr>
                                        <td>{{ Carbon\Carbon::parse($login_log->created_at)->toDateString() }}</td>
                                        <td>{{ $login_log->users->username }}</td>
                                        <td>{{ $login_log->platform }}</td>
                                        <td>{{ $login_log->login_time }}</td>
                                        <td>{{ $login_log->logout_time }}</td>
                                        <td>
                                            @php
                                                $loginTime = $login_log->login_time;
                                                $logoutTime = $login_log->logout_time;
                                                if ($logoutTime) {
                                                    $diffInSeconds = $logoutTime->diffInSeconds($loginTime);
                                                    $diffInMinutes = $logoutTime->diffInMinutes($loginTime);
                                                    $diffInHours = $logoutTime->diffInHours($loginTime);

                                                    if ($diffInSeconds < 60) {
                                                        $formattedDiff = $diffInSeconds . ' seconds';
                                                    } elseif ($diffInMinutes < 60) {
                                                        $formattedDiff = $diffInMinutes . ' minutes';
                                                    } else {
                                                        $formattedDiff = $diffInHours . ' hours';
                                                    }
                                                } else {
                                                    $formattedDiff = $login_log->login_time->diffForHumans(
                                                        $login_log->logout_time,
                                                    );
                                                }
                                            @endphp
                                            {{ $formattedDiff }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div class="d-flex justify-content-end" style="text-align: right">
                            {{ $login_logs->appends($_GET)->links() }}
                        </div>
                        @php
                            $count = $login_logs->count();
                        @endphp
                        <span style="font-weight: bold">Total Count&nbsp;&nbsp;
                            {{ $count }}
                        </span>
                    </div>
                @endcomponent
            </div>
        </div>
    </section>

@endsection
@section('javascript')
    <script type="text/javascript">
        $(document).on('click', '.submit-filters', function(e) {
            e.preventDefault()
            var data_type = $(this).data('type');
            $('#data_type').val(data_type);
            $('#filter_form').submit();
        });
        var start = moment().subtract(29, 'days');
        var end = moment();

        function cb(start, end) {
            $('#date span').html(start.format('MM-DD-YYYY') + ' - ' + end.format('MM-DD-YYYY'));
        }
        var current_year = (new Date()).getFullYear() + "-01-01";
        $('#date').daterangepicker({
            startDate: start,
            endDate: end,
            ranges: {
                'Today': [moment(), moment()],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'Day before yesterday': [moment().subtract(2, 'days'), moment().subtract(2, 'days')],
                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                'This Month': [moment().startOf('month'), moment().endOf('month')],
                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf(
                    'month')],
                'Last 6 Months': [moment().subtract(5, 'month'), moment()],
            },
            locale: {
                format: 'Y-MM-DD'
            }
        }, cb);
        $(document).ready(function() {
            var getUrlParameter = function getUrlParameter(sParam) {
                var sPageURL = decodeURIComponent(window.location.search.substring(1)),
                    sURLVariables = sPageURL.split('&'),
                    sParameterName,
                    i;
                for (i = 0; i < sURLVariables.length; i++) {
                    sParameterName = sURLVariables[i].split('=');

                    if (sParameterName[0] === sParam) {
                        return sParameterName[1] === undefined ? true : sParameterName[1];
                    }
                }
            };
            var report_date = getUrlParameter('dates');
            myString = report_date.split('+-+').join('/');
            var result = myString.split('/');
            $('#date').daterangepicker({
                startDate: result[0],
                endDate: result[1],
                ranges: {
                    'Today': [moment(), moment()],
                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                    'Day before yesterday': [moment().subtract(2, 'days'), moment().subtract(2, 'days')],
                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                    'This Month': [moment().startOf('month'), moment().endOf('month')],
                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
                        'month').endOf(
                        'month')],
                    'Last 6 Months': [moment().subtract(5, 'month'), moment()],
                },
                locale: {
                    format: 'Y-M-DD'
                }
            });
        });
    </script>
@endsection