@extends('layout.template')
@section('title', 'Home')
@section('content')
<div class="container my-5">
    <div class="row">
        <div class="col-10 blue_title">
            <h3>Users</h3>
        </div>
        <div class="col-2 text-end mb-3">
            <a href="{{url('/admin/user/add')}}" class="btn btn_grz_blue">Add User</a>
        </div>
        <div>
            @if (session('status'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('status') }}
                </div>
            @endif
            @if ($errors->any())
                <div class="alert alert-danger" role="alert">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>
        <table class="table user" style="width:100%">
            <thead>
                <th>Name</th>
                <th>Email</th>
                <th>Tel.</th>
                <th>Company</th>
                <th>Country</th>
                <th>User Type</th>
                <th></th>
            </thead>
            <tbody>
                @if(!empty($data['user']))
                    @for($i=0; $i < count($data['user']); $i++)
                        <tr>
                            <td><a href="{{url('admin/user/edit/'.$data['user'][$i]->id)}}">{{$data['user'][$i]->firstname.' '.$data['user'][$i]->lastname}}</a></td>
                            <td>{{$data['user'][$i]->email}}</td>
                            <td>{{$data['user'][$i]->tel}}</td>
                            <td>{{$data['user'][$i]->company}}</td>
                            <td>{{$data['user'][$i]->name}}</td>
                            <td>{{$data['user'][$i]->type_name}}</td>
                            <td>
                                <a href="{{url('admin/user/edit/'.$data['user'][$i]->id)}}"><i class="fas fa-edit"></i></a>
                                <a href="#" user_id="{{$data['user'][$i]->id}}" class="delete_user"><i class="fas fa-trash-alt"></i></a>
                            </td>
                        </tr>
                    @endfor
                @endif
            </tbody>
        </table>
    </div>
</div>
@endsection
@section('footer')
<script type="text/javascript">
    $(document).ready(function() {
        $('.user').DataTable({
            responsive: true,
            "scrollX": true,
            "info": false,
            "sort": false,
            language: {
                search: "",
            }
        });
        $('.dataTables_length').addClass('d-none');
        $('.dataTables_filter').addClass('text-start float-start');
        $('[type=search]').each(function () {
            $(this).attr("placeholder", "Search");
            $(this).before('<span class="fa fa-search"></span>');
        });

        $('.delete_user').click(function(){
            var user_id = $(this).attr('user_id');
            if(confirm("Do you want to delete this user?")){
                window.location.href = "user/delete/" + user_id;              
            }else{
                return false;
            }
        });
    });
</script>
@endsection