@extends('admin.dashboard.layouts.app')


@section('title',panel_setting_title("Yönetici Paneli"))



@push('style-libraries')
    <!-- Feather CSS -->
    <link rel="stylesheet" href="{{asset('dashboard/plugins/feather/feather.css')}}">
    <!-- Datepicker CSS -->
    <link rel="stylesheet" href="{{asset('dashboard/css/bootstrap-datetimepicker.min.css')}}">
    <!-- Datatables CSS -->
    <link rel="stylesheet" href="{{asset('dashboard/plugins/datatables/datatables.min.css')}}">
@endpush



@push('styles')

@endpush

@section('content')
    <div class="page-wrapper">
        <div class="content container-fluid">
            <!-- Page Header -->
            <div class="page-header">
                <div class="content-page-header ">
                    <h5>Users</h5>
                    <div class="list-btn">
                        <ul class="filter-list">
                            <li>
                                <a class="btn btn-filters w-auto popup-toggle"><span class="me-2"><i class="fe fe-filter"></i></span>Filter </a>
                            </li>
                            <li>
                                <a class="btn-filters" href="javascript:void(0);"><span><i class="fe fe-grid"></i></span> </a>
                            </li>
                            <li>
                                <a class="active btn-filters" href="javascript:void(0);"><span><i class="fe fe-list"></i></span> </a>
                            </li>
                            <li>
                                <a class="btn btn-primary" href="add-user.html"><i class="fa fa-plus-circle me-2" aria-hidden="true"></i>Add user</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /Page Header -->

            <div class="row">
                <div class="col-sm-12">
                    <div class="card-table">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-center table-hover datatable">
                                    <thead class="thead-light">
                                    <tr>
                                        <th>#</th>
                                        <th>User Name</th>
                                        <th>Email</th>
                                        <th>Mobile Number</th>
                                        <th>Role </th>

                                        <th>Created on</th>
                                        <th>Status</th>
                                        <th>Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($users as $user)
                                    <tr>
                                        <td>1</td>
                                        <td>{{ $user->full_name }}</td>
                                        <td>{{ $user->email }}</td>
                                        <td>{{ $user->phone_number }}</td>
                                        <td>{{ $typeTr }}</td>
                                        <td>{{ Carbon::parse($user->created_at)->format('d-m-Y H:i:s') }}</td>
                                        <td><span class="badge badge-pill bg-success-light">{{ $user->status->value }}</span></td>
                                        <td class="d-flex align-items-center">
                                            <div class="dropdown dropdown-action">
                                                <a href="#" class=" btn-action-icon " data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-ellipsis-v"></i></a>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <ul>
                                                        <li>
                                                            <a class="dropdown-item" href="edit-user.html"><i class="far fa-edit me-2"></i>Edit</a>
                                                        </li>
                                                        <li>
                                                            <a class="dropdown-item" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="far fa-trash-alt me-2"></i>Delete</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection


@push('script-libraries')
    <!-- Feather Icon JS -->
    <script src="{{asset('dashboard/js/feather.min.js')}}"></script>
    <!-- Slimscroll JS -->
    <script src="{{asset('dashboard/plugins/slimscroll/jquery.slimscroll.min.js')}}"></script>
    <!-- Chart JS -->
    <script src="{{asset('dashboard/plugins/apexchart/apexcharts.min.js')}}"></script>
    <script src="{{asset('dashboard/plugins/apexchart/chart-data.js')}}"></script>
@endpush

@push('scripts')

@endpush