@extends('layouts.app')

@section('content')
<div class="page-header">
    <div class="row align-items-end">
        <div class="col-lg-8">

            <div class="page-header-title">
                <div class="d-inline">
                    <h4>Manage Users</h4>
                    <!-- <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span> -->
                </div>
            </div>
        </div>
        <div class="col-lg-4 text-right">
            <a href="{{ url('/Account/UserRegistraion') }}" class="btn cur-p btn-sm btn-primary">Add user</a>
        </div>
    </div>
</div>
<!-- Page-header end -->

<!-- Page-body start -->
<div class="page-body">
    {{-- <form class="" method="GET" action="{{url('users/')}}" id="needs-validation">
    @csrf
    @php $session_data = Session::get('user_filter_session'); @endphp
    <div class="row">

        <div class="col-md-2 mb-3">
            <label for="validationCustom02">State<span class="red">*</span></label>
            <select class="form-control" name="state_id" id="state_id">
                <option value="">--Select--</option>
                @foreach ($states as $state)
                <option value="{{ $state->state_id }}">{{ $state->state_name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-2 mb-3">
            <label for="validationCustom02">District<span class="red">*</span></label>
            <select class="form-control district_id" name="district_id" id="district_id">
                <option value="">--Select--</option>
            </select>
        </div>
        <div class="col-md-2 mb-3">
            <label for="validationCustom02">Block Name<span class="red">*</span></label>
            <select class="form-control block_id" name="block_id" id="block_id">
                <option value="">--Select--</option>

            </select>
        </div>
        <div class="col-md-2 mb-3">
            <label for="validationCustom02">Gram Panchayat</label>
            <select class="form-control panchayat_id" name="panchayat_id" id="panchayat_id">
                <option value="">--Select--</option>

            </select>
        </div>
        <div class="col-md-4 mt-4 ">
            <input type="submit" class="btn btn-primary text-white" name="Search" value="Search">
            <button class="btn btn-primary text-white" name="clear" value="clear">Clear</button>

        </div>

        <div class="row " style="margin-left: 950px">
            <div class="col-md-2 ">
                <a class="download_invoice" href="{{url('UserExport')}}" style="background:transparent;border: none;"><img src="{{asset('assets/images/excel.png')}}" class="excel"></a>
            </div>
        </div>
    </div>
    </form> --}}
    <div class="row">
        <div class="col-sm-12">
            <!-- Zero config.table start -->
            <div class="card">
                <div class="card-block">

                    <div class="dt-responsive">
                        @include('common.error')
                        @php
                        $i = 0;
                        //print_r($users); die;
                        @endphp
                        <table id="simpletable" class="table table-striped table-bordered nowrap">
                            <thead>
                                <tr>
                                    <th width="5%">Sr. No.</th>
                                    <th width="20%">Name</th>
                                    <th width="15%">Username</th>
                                    <th width="15%">Email</th>
                                    <th width="15%">Role</th>
                                    <th width="5%">Status</th>
                                    <th width="5%">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($users as $user)
                                <tr>
                                    <td width="5%">{{ ++$i }}.</td>
                                    <td width="20%">{{ $user->name }}</td>
                                    <td width="15%">{{ $user->username }}</td>
                                    <td width="20%">{{ $user->email }}</td>
                                    <td width="20%">{{ $user->RoleName }}</td>
                                    <td width="5%">
                                        @if($user->is_active == 1)
                                        <label class="badge" style="background-color:green">Active</label>
                                        @else
                                        <label class="badge" style="background-color:orange" style="background-color:orange;">Inactive</label>
                                        @endif
                                    </td>

                                    <td width="5%">
                                        <a class="btn btn-sm cur-p p-0 text-primary" href="{{ url('/Account/UserRegistraion/' . $user->id) }}"><i class="c-white-500 ti-pencil"></i></a>

                                        <a class="btn btn-sm cur-p p-0 text-danger delete_btn noloader" href="javascript:void(0)" onclick="fn_delete('{{ $user->id }}')" title="Delete User"><i class="c-white-50 ti-trash"></i></a>

                                    </td>
                                </tr>
                                @endforeach
                            </tbody>

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

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

<script src="{{ asset('bower_components\datatables.net\js\jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('bower_components\datatables.net-buttons\js\dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('bower_components\datatables.net-bs4\js\dataTables.bootstrap4.min.js') }}"></script>
<script>
    $('#simpletable').DataTable();

    function fn_delete(id) {
        bootbox.confirm({
            title: "",
            message: "Are you sure you want to delete this User?",
            callback: function(result) {
                if (result) {
                    $.ajax({
                        type: "POST",
                        url: "{{ route('delete-user', ':id') }}".replace(':id', id),
                        data: {
                            _method: 'DELETE',
                            _token: '{{ csrf_token() }}'
                        },
                        dataType: 'json',
                        success: function(response) {
                            if (response.message) {
                                bootbox.alert({
                                    title: "Success",
                                    message: response.message,
                                    callback: function() {
                                        location.reload();
                                    }
                                });
                            } else {
                                location.reload();
                            }
                        },
                        error: function(xhr, status, error) {
                            console.error(error);
                            bootbox.alert({
                                title: "Error",
                                message: 'Something went wrong while deleting the user.'
                            });
                        }
                    });
                }
            }
        });
    }
</script>
@endsection