{{-- @extends('layouts.dashboard') --}}
@extends('layouts.app')


@section('CustomCss')
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.22/css/dataTables.bootstrap4.min.css">

<style>
    table#example tr>td {
    width: 30%;
}
</style>

@endsection


@section('content')
<h1>All Users with their Instance Users</h1>

@php
$i=0;
@endphp
<table id="example" class="table table-striped table-bordered table-responsive" style="width:100%">
    {{-- <table class="table table-striped table-bordered"> --}}
    <thead>
        <tr>
            <th scope="col">#</th>
            <th scope="col">Flower</th>
            <th scope="col">Username/Email</th>
            <th scope="col"></th>
            <th scope="col">Action</th>
        </tr>
    </thead>

    <tbody>

        @foreach ($users as $user)
        @if ($user->id != '1')


        <tr>
            <th scope="row">{{++$i}}</th>
            <td>{{$user->name}}</td>
            <td>{{$user->email}}</td>
            <td>
                {{-- <form action="{{ route("adminFlowers",$instancesUser->id)}}" method="GET" target="_blank"> --}}
                <select name="user_id" id="SelectId" class="form-control SelectId">
                    <option value="">SELECT INSTANCE USER</option>
                    @php
                    foreach ($user->getInstanceUsers as $instancesUser) {
                    echo "<option value='".$instancesUser->id."' class=''>".$instancesUser->name."</option>";
                    // <input type="hidden" name="">
                    }
                    @endphp
                </select>
                {{-- </form> --}}
            </td>
            @php
            $timestamp = strtotime($user->created_at);
            $dates = date('d-m-Y', $timestamp);
            @endphp
            <td>
								
				@if ($user->isActive == 1)
					<a href="{{ route('isActive',['id' => $user->id, 'isActive' => 0])}}" class="btn btn-primary">Disapprove</a>	
				@else
					<a href="{{ route('isActive',['id' => $user->id, 'isActive' => 1])}}" class="btn btn-warning">Approve</a>	
				@endif

				
				

				
            </td>
        </tr>
        @endif
        @endforeach
    </tbody>
</table>
@endsection

@section('customScript')
<script>
    // $(document).ready(function () {
    //     $("select").change(function () {
    //         id = $(this).val();
    //         window.open('/dashboard/adminFlower/' + id, '_blank')
    //         $('select').prop('selectedIndex', 0);
    //     });
    // })

</script>


<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js"></script>


<script>
    $(document).ready(function () {
        $('#example').DataTable();
        $("body").delegate(".SelectId", "change", function(){
            id = $(this).val();
            window.open('/dashboard/adminFlower/' + id, '_blank')
            $('.SelectId').prop('selectedIndex', 0);
        });
    });

</script>
@endsection