@extends('layouts.master')

@section('title')
    @lang('translation.yajra-datatable')
@endsection

@section('css')
    <!--datatable css-->
    <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" />
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css">
@endsection

@section('content')
    <div class='bg-white px-3'>
        <div class="d-flex justify-content-between align-items-center">
            <h4 class="py-3 pt-4">{{ __('translation.User_List') }}</h4>
            {{-- <a href="{{ route('user.create') }}" class="btn btn-outline-info px-4">{{ __('translation.Add') }}</a> --}}
        </div>

        <div  class="table-responsive">
            <div class="d-flex justify-content-end pb-3 expert-btn-div">
                <button class="btn btn-primary " onclick="downloadExcel()"><i
                        class="fa-solid fa-table-cells"></i></button>
                <button class="btn btn-warning mx-2" onclick="downloadPDF()"><i
                        class="fa-solid fa-file-pdf"></i>
                </button>
            </div>
            {{-- <table id='exportTable' class="table table-bordered yajra-datatable"> --}}
                <table id='exportTable' class="table table-bordered  table table-bordered yajra-datatable">
                    <thead>
                    <tr>
                        <th>{{ __('translation.No') }}</th>
                        <th>{{ __('translation.First_Name') }}</th>
                        <th>{{ __('translation.Last_Name') }}</th>
                        <th>{{ __('translation.Email') }}</th>
                        {{-- <th>{{ __('translation.Role') }}</th> --}}
                        <th>{{ __('translation.Company') }}</th>
                        <th>{{ __('translation.Country') }}</th>
                        <th>{{ __('translation.Mobile') }}</th>
                        {{-- <th>{{ __('translation.Countrycode') }}</th> --}}
                        <th>{{ __('translation.Industry') }}</th>
                        {{--
                        <th>{{ __('translation.Visitors') }}</th>
                        <th>{{ __('translation.Visit_Mode') }}</th>
                        <th>{{ __('translation.Solve') }}</th>
                        <th>{{ __('translation.Currently_Solve') }}</th>
                        <th>{{ __('translation.About_Us') }}</th>
                        <th>{{ __('translation.Billing') }}</th>
                        <th>{{ __('translation.Billing_Status') }}</th>
                        <th>{{ __('translation.Status') }}</th>
                        <th>{{ __('translation.Date_of_Creation') }}</th>
                        --}}
                        <th>{{ __('translation.Action') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($users as $key => $user)
                        <tr>
                            <td>{{ (int) $key + 1 }}</td>
                            <td>{{ $user->fname }}</td>
                            <td>{{ $user->lname }}</td>
                            <td>{{ $user->email }}</td>
                            {{-- <td>{{ $user->role }}</td> --}}
                            <td>{{ $user->company }}</td>
                            <td>{{ $user->country }}</td>
                            <td>{{ $user->mobile }}</td>
                            {{-- <td>{{ $user->countrycode }}</td> --}}
                            <td>{{ $user->industry }}</td>
                            {{-- <td>{{ $user->people_visit }}</td>
                            <td>{{ $user->how_to_visit }}</td>
                            <td>{{ $user->solve_tickets }}</td>
                            <td>{{ $user->currently_solve }}</td>
                            <td>{{ $user->about_us }}</td>
                            <td>{{ $user->billing }}</td>
                            <td>{{ $user->billing_status }}</td>
                            <td>{{ $user->status }}</td>
                            <td>{{ $user->date_of_creation }}</td> --}}
                            <td class='d-flex'>
                                <!-- Define action buttons here -->
                                <a href="{{ route('user.edit', $user->id) }}" class="btn btn-primary px-3 mx-2"><i class="fa-regular fa-pen-to-square"></i></a>
                                <a href="{{ url('user-view', $user->id) }}" class="btn btn-success px-3 "><i class="fa-regular fa-eye"></i></a>
                                <a href="{{ url($user->id,'store-dashboard') }}" class="btn btn-warning px-3 mx-2">
                                    <i class="bx fs-5 bxs-pie-chart-alt-2 p-0 m-0"></i>
                                </a>

                                {{-- <form action="{{ route('user.destroy', $user->id) }}" method="POST"
                                    style="display:inline;">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger">Delete</button>
                                </form> --}}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <script src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.1/js/dataTables.bootstrap4.min.js"></script>
    <script>
        $('.yajra-datatable').DataTable({
            // Set page length options including "All"
            "lengthMenu": [
                [10, 25, 50, 100, -1],
                [10, 25, 50, 100, "All"]
            ],
            // Optionally set default page length if needed
            // "pageLength": -1, // Uncomment if you want to show all rows by default
        });
    </script>
@endsection