@extends('admin.layouts.app')
@push('style')
    <link rel="stylesheet" href="//cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
@endpush
{{-- @section('pagetitlesection')
    <li class="nav-item d-none d-sm-inline-block">
        <a href="" class="nav-link custom-cumb">{{ __('Dashboard') }}</a>
    </li>
@endsection --}}
@section('content')
    <div class="app-main__outer">
        <div class="app-main__inner card">
            <!-- dashboard auction -->
            <div class="dashboard-auction">
                <div class="row">
                    <div class="col-12">
                        <div class="auction-table">
                            <div class="auction-tablehead">
                                <div class="row">
                                    <div class="col-md-4">
                                        <h3>Admin Users</h3>
                                    </div>
                                    <div class="col-md-6">

                                    </div>
                                    <div class="col-md-2">
                                        <a href="{{ route('admin.invitation.create') }}" class="btn btn-primary">Add
                                            User</a>
                                    </div>
                                </div>


                                <div class="aircraft_table">
                                    <table id="example"
                                        class="stripe row-border order-column datatable_auction custom-data-table"
                                        style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>Name</th>
                                                <th>Email</th>
                                                <th>Phone</th>
                                                <th>Role</th>
                                                <th>Created On</th>
                                                <th>Status</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($users as $user)
                                                <tr>
                                                    <td>{{ $user->full_name }}</td>
                                                    <td>{{ $user->email }}</td>
                                                    <td>{{ $user->mobile_number ?? '--' }}</td>
                                                    <td>{{ $user->roles()->first()->name }}</td>
                                                    <td>{{ date('d-m-Y', strtotime($user->created_at)) }}</td>
                                                    <td>
                                                        @switch($user->is_active)
                                                            @case(1)
                                                                <a href="javascript:void(0)" data-value="0" data-table="users"
                                                                    data-message="inactive" data-uuid="{{ $user->uuid }}"
                                                                    class="badge bg-success changeUserStatus">Active</a>
                                                            @break

                                                            @case(0)
                                                                <a href="javascript:void(0)" data-value="1"
                                                                    data-uuid="{{ $user->uuid }}" data-table="users"
                                                                    data-message="active"
                                                                    class="badge bg-danger changeUserStatus">Inactive</a>
                                                            @break

                                                            @default
                                                                <a href="javascript:void(0)"
                                                                    class="badge badge-danger text-dark">Deleted</a>
                                                        @endswitch
                                                    </td>
                                                    <td>
                                                        <a href="{{ route('admin.user.edit', $user->uuid) }}"
                                                            class="badge bg-primary"><i
                                                                class="fa-regular fa-pen-to-square"></i></a>
                                                        <a href="javascript:void(0)" data-value="0" data-table="users"
                                                            data-message="inactive" data-uuid="{{ $user->uuid }}"
                                                            class="badge bg-danger deleteData"><i
                                                                class="fa-solid fa-trash"></i></a>
                                                        {{-- <div class="dropdown">
                                                            <button class="btn btn-secondary dropdown-toggle" type="button"
                                                                id="dropdownMenuButton" data-toggle="dropdown"
                                                                aria-haspopup="true" aria-expanded="false">
                                                                <img src="{{ asset('assets/img/three-dot-btn.png') }}"
                                                                    alt="">
                                                            </button>
                                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                                <a class="dropdown-item"
                                                                    href="{{ route('admin.user.edit', $user->uuid) }}">Edit</a>
                                                                <a class="dropdown-item deleteData" data-table="users"
                                                                    data-uuid="{{ $user->uuid }}"
                                                                    href="javascript:void(0)">Delete</a>
                                                            </div>
                                                        </div> --}}

                                                    </td>
                                                </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="7" class="text-center">No
                                                            Data Yet</td>
                                                    </tr>
                                                @endforelse
                                                {{--  <tr>
                                                <td>
                                                    <div class="auction">
                                                        <div class="auctionimg">
                                                            <img src="assets/images/auctiontitile-img.png" class="img-fluid"
                                                                alt="">
                                                        </div>
                                                        <div class="auctiontext">
                                                            <h2>Vrigo</h2>
                                                            <p>
                                                                5 Participated
                                                            </p>
                                                        </div>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="timedate-box">
                                                        <h6>
                                                            19-04-2023
                                                        </h6>
                                                        <p>10:00 AM</p>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="timedate-box">
                                                        <h6>
                                                            19-04-2023
                                                        </h6>
                                                        <p>10:00 AM</p>
                                                    </div>
                                                </td>


                                                <td>
                                                    <p>
                                                        $25,973
                                                    </p>
                                                </td>
                                                <td>
                                                    <p>
                                                        <span class="active-dot">
                                                            <i class="fa-solid fa-circle"></i>
                                                        </span>
                                                        Active
                                                    </p>
                                                </td>

                                            </tr>

                                            <tr>
                                                <td>
                                                    <div class="auction">
                                                        <div class="auctionimg">
                                                            <img src="assets/images/auctiontitile-img.png" class="img-fluid"
                                                                alt="">
                                                        </div>
                                                        <div class="auctiontext">
                                                            <h2>Vrigo</h2>
                                                            <p>
                                                                5 Participated
                                                            </p>
                                                        </div>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="timedate-box">
                                                        <h6>
                                                            19-04-2023
                                                        </h6>
                                                        <p>10:00 AM</p>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="timedate-box">
                                                        <h6>
                                                            19-04-2023
                                                        </h6>
                                                        <p>10:00 AM</p>
                                                    </div>
                                                </td>


                                                <td>
                                                    <p>
                                                        $25,973
                                                    </p>
                                                </td>
                                                <td>
                                                    <p>
                                                        <span class="closed-dot">
                                                            <i class="fa-solid fa-circle"></i>
                                                        </span>
                                                        Closed
                                                    </p>
                                                </td>

                                            </tr>


                                            <tr>
                                                <td>
                                                    <div class="auction">
                                                        <div class="auctionimg">
                                                            <img src="assets/images/auctiontitile-img.png" class="img-fluid"
                                                                alt="">
                                                        </div>
                                                        <div class="auctiontext">
                                                            <h2>Vrigo</h2>
                                                            <p>
                                                                5 Participated
                                                            </p>
                                                        </div>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="timedate-box">
                                                        <h6>
                                                            19-04-2023
                                                        </h6>
                                                        <p>10:00 AM</p>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="timedate-box">
                                                        <h6>
                                                            19-04-2023
                                                        </h6>
                                                        <p>10:00 AM</p>
                                                    </div>
                                                </td>


                                                <td>
                                                    <p>
                                                        $25,973
                                                    </p>
                                                </td>
                                                <td>
                                                    <p>
                                                        <span class="ongoing-dot">
                                                            <i class="fa-solid fa-circle"></i>
                                                        </span>
                                                        On Going
                                                    </p>
                                                </td>

                                            </tr>

 --}}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>


        </div>
    @endsection
    @push('scripts')
        <script>
            $(document).ready(function() {
                $("#addbranch-btn").click(function() {
                    $("#slide-from-right").addClass("show-side-form");
                });

                $("#close-btn").click(function() {
                    $("#slide-from-right").removeClass("show-side-form");
                });
            });
        </script>
    @endpush