@extends('layouts.app')
@section('content')
    <div class="row">
        <div class="col-md-12 col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>User <small>List</small></h2>

                    <div class="clearfix"></div>
                </div>

                <div class="x_content table-responsive">
                    <table id="dataTableInconsistency" class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th style="width: 2%">Id</th>
                                <th style="width: 25%">Name</th>
                                <th style="width: 5%">Login type</th>
                                <th style="width: 9%">Mobile</th>
                                <th style="width: 24%">Email</th>
                                <th style="width: 5%">Active Program</th>
                                <th style="width: 5%">Active DayId</th>
                                <th style="width: 10%">Last Login</th>
                                <th style="width: 10%">Created At</th>
                                <th style="width: 10%">Active</th>
                                <th style="width: 10%"></th>
                            </tr>
                        </thead>


                        <tbody>

                            @if ($inconsistency && count($inconsistency) > 0)
                                @foreach ($inconsistency as $user)
                                    <tr>
                                        <td>{{ $user['iUserID'] }}</td>
                                        <td>{{ $user['vName'] }}</td>
                                        <td>
                                            @if ($user['SocialLoginType'] == 2)
                                                <i class="fa fa-facebook"></i>
                                            @elseif($user['SocialLoginType'] == 1)
                                                <i class="fa fa-google"></i>
                                            @elseif($user['SocialLoginType'] == 3)
                                                <i class="fa fa-apple"></i>
                                            @elseif(!empty($user['vEmail']))
                                                <i class="fa fa-envelope"></i>
                                            @else
                                                <i class="fa fa-phone"></i>
                                            @endif
                                        </td>
                                        <td>{{ $user['vMobile'] ?? '' }}</td>
                                        <td>{{ $user['vEmail'] ?? '' }}</td>
                                        <td>{{ $user['vAdminName'] ?? '' }}</td>
                                        <td>{{ $user['iActiveDayID'] }}</td>
                                        <td>{{ \Carbon\Carbon::parse($user['dLastLogin'])->format('d-m-Y H:i:s') }}</td>
                                        <td>{{ \Carbon\Carbon::parse($user['dDateCreated'])->format('d-m-Y H:i:s') }}</td>
                                        <td>{{ $user['bActive'] }}</td>
                                        <td>
                                            @if (Auth::guard('admin')->user()->bUser == 1)
                                                <a href="{{ route('users.detail', ['userId' => $user['iUserID'], 'programId' => $user['iProgramID']]) }}"
                                                    class="btn btn-info btn-xs" target="_blank">
                                                    <i class="fa fa-search"></i> View
                                                </a>
                                                <a href="#" class="btn btn-danger btn-xs userdelete"
                                                    data-name="{{ $user['vName'] }}" data-id="{{ $user['iUserID'] }}"
                                                    data-toggle="modal">
                                                    <i class="fa fa-trash-o"></i> Delete
                                                </a>
                                            @else
                                                <a href="{{ route('users.detail', ['userId' => $user['iUserID'], 'programId' => $user['iProgramID']]) }}"
                                                    class="btn btn-info btn-xs" target="_blank">
                                                    <i class="fa fa-search"></i> View
                                                </a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            @endif

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>


    <!-- BEGIN responsive modal-->
    <div id="deleteUser" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <form class="form-horizontal" id="processrequest" method="post" action="{{ route('user.destroy') }}">
                    @csrf
                    @method('DELETE')
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title">Delete User</h4>
                    </div>
                    <div class="modal-body">
                        <h5>
                            <p>Are you sure want to delete <strong id="user_name"> </strong>? <br>This will delete all the
                                associated chapter(s), exercise(s), form(s), instruction(s) & user activities</p>
                        </h5>
                    </div>
                    <div class="modal-footer">
                        <input type='hidden' id="user_id" name='user_id' value=''>
                        <input type='hidden' id="type" name='type'>
                        <button type="button" data-dismiss="modal" class="btn btn-default">Keep</button>
                        <button type="submit" class="btn btn-primary" id="btn-delete">Delete</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- END responsive modal-->
@endsection
@push('scripts')
    <script type="module">
        $(document).ready(function() {
            $("#dataTableInconsistency").DataTable({
                "pageLength": 50,
                "order": [
                    [1, "asc"]
                ],
                columnDefs: [{
                    targets: '_all',
                    orderSequence: ['asc', 'desc']
                }],
            });


        });

        $('#dataTableInconsistency tbody').on('click', '.userdelete', function() {
            var user_id = $(this).attr('data-id');
            var user_name = $(this).attr('data-name');
            $("#user_id").val(user_id);
            $("#type").val("Inconsistency");
            $("#user_name").html(user_name);
            $('#deleteUser').modal('show');

        });
    </script>
@endpush