@extends('company_portal.layouts.master')

@section('title','Users')

@section('css')
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.css">
@endsection

@section('header')
	@include('company_portal.partials.header')
@endsection

@section('content')
<section class="main-container">
    <div class="padding">
        <div class="d-flex align-items-start justify-content-between flex-column flex-md-row mb-3 mb-md-0">
            <div>
                <h1 class="mb-0">Users</h1>
                {{-- <p class="color-secondary">Assing user managers</p> --}}
            </div>
            <div>
                <ul class="list-inline mb-0">
                    <li class="list-inline-item py-1">
                        <a href="{{route('add_user_company_dashboard')}}" class="btn add">Add User</a>
                    </li>
                </ul>
            </div>
        </div>
        

        <table id="venues-table" class="table" style="width:100%">
            @if(count($freelancers) > 0)
                <thead>
                    <tr>
                        <th class="text-center">ID</th>
                        <th class="text-start">Username</th>
                        <th class="text-start">Name</th>
                        <th class="text-start">Email</th>
                        <th class="text-start">Status</th>
                        <th class="text-center no-sort">&nbsp;</th>
                    </tr>
                </thead>
            @endif
            <tbody id="blog_posts_for_ajax">
                @include('company_portal.users_list')
            </tbody>
        </table>
    </div>
</section>

    @if(session()->has('success'))
        <p class="font-medium mb-1 text-success">User has been added sucessfully.</p>
    @endif

@endsection

@push('scripts')
{{-- <script src="{{mix('js/delete-script.js')}}"></script> --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.js"></script>
<script>

$('#deletePostModal').on('click', 'button.close', function (eventObject) {
    $('#deletePostModal').modal('hide');
});
function sleep (time) {
  return new Promise((resolve) => setTimeout(resolve, time));
}

$(document).ready(function(){
    $('.js-switch').change(function (){
        let user_id = $(this).attr('id')
        let _token = $('#token').val()
        let status = $(this).prop('checked') == true ? 1 : 0;
        
        $.ajax({
        type: "POST",
        url: '/status',
        data: {
            'user_id': user_id,
            '_token': _token,
            'status': status
        },

        success: function (data) {

            if (data.error) {
                $('#licences').modal('show');
                // sleep(3000).then(() => {
                //     location.reload()
                // });

            }
            $('#activeFreelancers').text(data['count'])
        }

        });
    });
});

</script>

<script>let elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));

  elems.forEach(function(html) {
    let switchery = new Switchery(html,  { size: 'small' });
  });</script>

@endpush