@extends('layouts.master')

@section('title')
    @lang('translation.yajra-datatable')
@endsection

@section('css')
    <!--datatable  css-->
    <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" />
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css">
@endsection

@section('content')
    <div class="bg-white px-4">
        <div class="table-responsive bg-white">
            <div class="d-flex justify-content-between align-items-center">
                <h4 class='py-3 pt-4'>
                    @lang('translation.super_admin_logs')
                </h4>
                {{-- <a href="{{ route('inputlabel.create') }}" class='btn btn-outline-info px-4'>
                    @lang('translation.Add')
                </a> --}}
            </div>

            <table class="table table-bordered yajra-datatable">
                <thead>
                    <tr>

                        <th>No</th>
                        <th>@lang('translation.name')</th>
                        {{-- <th>@lang('translation.location')</th> --}}
                        <th>@lang('translation.url')</th>
                        <th>@lang('translation.method')</th>
                        <th>@lang('translation.ip')</th>
                        <th>@lang('translation.user_agent')</th>
                        <th>@lang('translation.payload')</th>
                        <th>@lang('translation.action')</th>
                        <th>@lang('translation.route_name')</th>
                        {{-- <th>@lang('translation.headers')</th> --}}
                        <th>@lang('translation.time')</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($store as $key => $d)
                        <tr>
                            <td>{{ (int) $key + 1 }}</td>
                            <td>{{ $d->fname." ".$d->lname }}</td>
                            {{-- <td>{{ $d->location_names }}</td> --}}
                            <td>{{ $d->url }}</td>
                            <td>{{ $d->method }}</td>
                            <td>{{ $d->ip }}</td>
                            <td>{{ $d->user_agent }}</td>
                            <td>{{ $d->payload }}</td>
                            <td>{{ $d->action }}</td>
                            <td>{{ $d->route_name }}</td>
                            {{-- <td>{{ $d->headers }}</td> --}}
                            <td>{{ $d->created_at }}</td>

                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <script src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.1/js/dataTables.bootstrap4.min.js"></script>
    <script>
        $(document).ready(function() {
            $(document).on('click', '.deleterow', function() {
                var form = $(this).closest('form');
                var id = $(this).data('id');

                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        form.submit();
                    }
                });
            });
        });

        $('.yajra-datatable').DataTable();
    </script>
@endsection