@extends('layouts.app')

@section('title', 'Users List')

@section('content')
<div class="right-content-wrapper">
    <div class="container-fluid p-0">

        <!-- Page Heading -->
       <!--  <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <h1 class="h3 mb-0 text-gray-800">Users</h1>
            <div class="row">
                <div class="col-md-6">
                    <a href="{{ route('users.create') }}" class="btn btn-sm btn-primary">
                        <i class="fas fa-plus"></i> Add New
                    </a>
                </div>
                <div class="col-md-12">
                    <a href="{{ route('users.export') }}" class="btn btn-sm btn-success">
                        <i class="fas fa-check"></i> Export To Excel
                    </a>
                </div>

            </div>

        </div> -->

        <div class="cm-head-block d-sm-flex align-items-center justify-content-between">
            <h1 class="main-heading h3 mb-0">Users</h1>
            <a href="{{ route('users.export') }}" class="btn btn-sm btn-success">
                <i class="fas fa-check"></i> Export To Excel
            </a>
        </div>

        {{-- Alert Messages --}}
        @include('common.alert')

        <div class="row mb-4">
            <div class="col-md-6">
                <div class="cm-head-search-block">
                    <form class="navbar-search" action="{{ route('users.index') }}" method="get">
                        <div class="input-group">
                            <input type="text" name="search" class="form-control" value="{{$search}}" placeholder="Search By name">
                            <div class="input-group-append">
                                <button class="btn btn-primary" type="submit">
                                    <i class="fas fa-search fa-sm"></i>
                                </button>
                            </div>
                        </div>
                    </form>
                    <a href="{{ route('users.index') }}" class="btn btn-primary ml-md-2">Clear</a>
                </div>
            </div>

            <div class="col-md-6">
                <div class="cm-head-action-block text-md-right">
                    <a href="{{ route('users.create')}}" class="btn btn-sm btn-primary">
					<i class="fas fa-plus"></i> Add User</a>
                </div>
            </div>
        </div>

        <!-- DataTales Example -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">All Users</h6>

            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table cm-table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Mobile</th>
                                <th>Designation</th>
                                <th>Region</th>
                                <th width="15%">Role</th>
                                <th width="10%">Status</th>
                                <th width="10%">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($users as $user)
                            <tr>
                                <td>{{ $user->name }}</td>
                                <td>{{ $user->email }}</td>
                                <td>{{ $user->mobile_number }}</td>
                                <td>{{ $user->designation }}</td>
                                <td>{{ $user->region->region_name }}</td>
                                <td>{{ $user->userRole ? $user->userRole->name : 'N/A' }}</td>
                                {{--<td>{{ $user->roles ? $user->roles->pluck('name')->first() : 'N/A' }}</td>--}}
                                <td>
                                    @if ($user->status == 0)
                                    <span class="badge badge-danger">Inactive</span>
                                    @elseif ($user->status == 1)
                                    <span class="badge badge-success">Active</span>
                                    @endif
                                    @if ($user->status == 0)
                                    <a href="{{ route('users.status', ['user_id' => $user->id, 'status' => 1]) }}" class="btn btn-success m-2" rel="tooltip" title="Update Status">
                                        <i class="fa fa-check"></i>
                                    </a>
                                    @elseif ($user->status == 1)
                                    <a href="{{ route('users.status', ['user_id' => $user->id, 'status' => 0]) }}" class="btn btn-danger m-2" rel="tooltip" title="Update Status">
                                        <i class="fa fa-ban"></i>
                                    </a>
                                    @endif
                                </td>
                                <td style="display: flex">
                                    <a href="{{ route('users.edit', ['user' => $user->id]) }}" class="btn btn-primary m-2" rel="tooltip" title="Edit">
                                        <i class="fa fa-pen"></i>
                                    </a>
                                    @if ($user->role_id == 2)
                                    <a  href="{{ route('users.delete-and-trasfer-user-view', $user->id) }}" target="_blank" class="btn btn-danger m-2 delete-user-Btn" rel="tooltip" title="Delete and Transfer">
                                        <i class="fas fa-trash"></i>
                                    </a>
                                    @else
                                    <a class="btn btn-danger m-2 delete-user-Btn" data-delete-url="{{ route('users.destroy', ['user' => $user->id]) }}" href="javascript:voide(0);" data-toggle="modal" data-target="#deleteModal" rel="tooltip" title="Delete">
                                        <i class="fas fa-trash"></i>
                                    </a>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>

                    {{ $users->appends(request()->query())->links() }}
                </div>
            </div>
        </div>

    </div>
</div>

@include('users.delete-modal')

@endsection

@section('scripts')

@endsection

@push('script')
<script>
    $(document).ready(function() {
        $(".delete-user-Btn").click(function(event) {
            var deleteSectionUrl = $(this).data('delete-url');
            //alert(deleteSectionUrl); //section-delete-form
            $("#user-delete-form").attr('action', deleteSectionUrl);
        });
    });
</script>
@endpush