@extends('layouts.admin-layouts.admin-master')
@section('content')
@include('layouts.admin-layouts.alerts.flash-message')
<div class="page-content fade-in-up">
    <div class="ibox">
        <div class="ibox-body">
            <a href="{{ route('api-user.create') }}" class='btn pull-right btn-info'>Api User</a>
            <h5 class="font-strong mb-4">Api User</h5>
            <div class="flexbox mb-4">
                <div class="flexbox">

                </div>
                <div class="input-group-icon input-group-icon-left mr-3 mt-4">
                    <span class="input-icon input-icon-right font-16"><i class="ti-search"></i></span>
                    <input class="form-control form-control-rounded form-control-solid" id="key-search" type="text"
                        placeholder="Search ...">
                </div>
            </div>
            <div class="table-responsive row">
                <table class="table table-bordered table-hover" id="datatable">
                    <thead class="thead-default thead-lg">
                        <tr>

                            <th>#</th>
                            <th>Name</th>
                            <th>Username</th>
                            <th>Email</th>
                            <th>Phone</th>
                            <th>CNIC</th>
                            <th>Address</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($users as $user)
                        <tr>
                            <td>{{ $loop->index+1 }}</td>
                            <td>{{ $user->name }}</td>
                            <td>{{ $user->username }}</td>
                            <td>{{ $user->email }}</td>
                            <td>{{ $user->phone }}</td>
                            <td>{{ $user->cnic }}</td>
                            <td>{{ $user->address }}</td>
                            <td>
                                <span class="btn btn-success"
                                    onclick="user_token({{ $user }})">Generate Token</span>
                                    <a href="{{ route('api-user.edit',$user->id) }}" class="btn btn-primary">Edit</a>
                                <span class="btn btn-danger"
                                    onclick="user_delete({{ $user->id }})">Delete</span>
                            </td>
                            
                            </tr>
                            @endforeach
                                
                                
                            </tbody>
                            
                        </table>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.models.job-delete')
@endsection
@section('js-script')
<script type="text/javascript">
    function user_delete(delete_id) {
        $('#delete_job_modal').modal('show');
        $('#delete_id').val(delete_id)
    }
    function user_token(data)
    {
        console.log(data['username'])
        console.log(data['password'])

        let url = 'generate-token';
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            method: "POST",
            url: url,
            data: {
                username:data['username'],
                password: data['password']
            },
        }).done(function (res) {
            if (res.success) {
                Swal.fire({
                        icon: 'success',
                        title: res.success,
                        showConfirmButton: false,
                        timer: 2000

                    })

                    setTimeout("location.reload(true);", 2000);

                
            }
            else {
                Swal.fire({
                    icon: 'error',
                    title: res.error,
                    showConfirmButton: true,
                    timer: 5000

                })

            
            }
        });
    }
$(document).ready(function(){

    // Delete
    $('#deleteJob').click(function () {
        let form_data = $('#DeleteJobData');
        let id = $('#delete_id').val();
        let delete_url = 'api-user/' + id;
        $.ajax({
            method: "DELETE",
            url: delete_url,
            data: form_data.serialize(),
        }).done(function (res) {
            if (res.success) {
                Swal.fire({
                        icon: 'success',
                        title: res.success,
                        showConfirmButton: false,
                        timer: 2000

                    })

                    setTimeout("location.reload(true);", 2000);

                
            }
            else {
                Swal.fire({
                    icon: 'error',
                    title: res.error,
                    showConfirmButton: true,
                    timer: 5000

                })

            
            }
        });
    });
});
</script>
@endsection