@extends('layouts.app')
@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/vendor/datatables/responsive.bootstrap4.min.css') }}">
@endpush
@section('content')
    <div class="app-main__inner card">
        <!-- dashboard ishipja -->
        <div class="dashboard_mainsec">
            <div class="dashboardmain_body">
                <div class="dashboard_headtitle">
                    <h4>Accounts</h4>
                </div>
                <div class="acount_actionbtn">
                    <a href="javascript:void(0)" class="btn btn-primary" data-bs-toggle="modal"
                        data-bs-target="#singleuserModal"><span><img src="{{ asset('assets/images/single-user.svg') }}"
                                class="img-fluid" alt=""></span>Add Single User</a>
                    <a href="#" class="btn btn-primary"><span><img src="{{ asset('assets/images/multi-user.svg') }}"
                                class="img-fluid" alt=""></span>Add Multi-users</a>
                    <a href="#" class="btn btn-primary" data-bs-toggle="modal"
                        data-bs-target="#userFilterModal"><span><img src="{{ asset('assets/images/filter.svg') }}"
                                class="img-fluid" alt=""></span>Filter</a>
                </div>

                <div class="dashboard_table">
                    <table class="customdatatable table" id="usersTable">
                        <thead>
                            <tr>
                                <th scope="col">Name/TRN/Username</th>
                                <th scope="col">Mobile Number</th>
                                <th scope="col">Email</th>
                                {{-- <th scope="col">Address</th> --}}
                                <th scope="col">Created On</th>
                                <th scope="col">Status</th>
                                <th scope="col">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($users as $user)
                                <tr>

                                    <td>Name : {{ $user->first_name .' '. $user->last_name}}<br>
                                        <b>TRN No : </b> {{ $user->profile?$user->profile->trn:'' }}<br>
                                        <b>Username : </b> {{ $user->username ?? '' }}
                                    </td>


                                    <td><a
                                            href="tel:{{ $user->mobile_number ?? '--' }}">{{ $user->mobile_number ?? '--' }}</a>
                                    </td>
                                    <td><a href="mailto:{{ $user->email }}"> {{ $user->email }} </a> </td>
                                    {{-- <td>{{ $user->profile?$user->profile->address:'' }}</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.seller.edit', $user->uuid) }}" class="badge bg-primary"><i class="fa-regular fa-pen-to-square"></i></a> --}}
                                        <a class="icon show editData" data-table="users"
                                        data-uuid="{{ $user->uuid }}"
                                        data-form-modal="singleuserModal"
                                        href="javascript:void(0)"
                                            aria-expanded="true"><i class="fa-regular fa-pen-to-square"></i></a>

                                            {{-- <a class="dropdown-item editData" data-table="branches"
                                            data-uuid="{{ $branch->uuid }}"
                                            data-form-modal="slide-from-right"
                                            href="javascript:void(0)">Edit</a> --}}
                                        {{-- <a href="#"><i class="fa-regular fa-trash-can"></i></a> --}}
                                        <a href="javascript:void(0)" data-value="0" data-table="users"
                                            data-message="inactive" data-uuid="{{ $user->uuid }}"
                                            class="icon show deleteData"><i class="fa-regular fa-trash-can"></i></a>

                                    </td>
                                </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center">No Data Yet</td>
                                    </tr>
                                @endforelse

                            </tbody>

                        </table>
                    </div>
                </div>
            </div>
        </div>
    @endsection
    @section('modal')
        <x-modal.add-user />
        <x-modal.user-filter />
    @endsection
    @push('scripts')
        <script>
            let userType = "customer";
        </script>
        <script src="{{ asset('assets/datatables/jquery.dataTables.min.js') }}"></script>
        <script src="{{ asset('assets/datatables/dataTables.bootstrap4.min.js') }}"></script>
        <script src="{{ asset('assets/datatables/dataTables.responsive.min.js') }}"></script>
        <script src="{{ asset('assets/datatables/responsive.bootstrap4.min.js') }}"></script>
        <script src="{{ asset('assets/custom/js/datatableajax.js') }}"></script>
    @endpush