@extends('admin.layouts.app')

@section('content')
<div class="pagetitle">
        <!-- <h1>Users</h1> -->
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item active">Users</li>
            </ol>
        </nav>
    </div><!-- End Page Title -->

    <div class="flash-message">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
            @if(Session::has('alert-' . $msg))
            <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}</p>
            @endif
        @endforeach
    </div>

    <section class="section">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Users</h5>
                        <p>
                            <a href="{{route('admin-users.create')}}" class="btn btn-primary text-right" title="Add user">Add User<i class="fas fa-plus"></i></a>
                        </p>
                        <!-- Default Table -->
                        <table class="table userTable">
                            <thead>
                                <tr>
                                    <th scope="col">First Name</th>
                                    <th scope="col">Last name</th>
                                    <th scope="col">Email</th>
                                    <th scope="col">Phone</th>
                                    <th scope="col">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if($user)
                                    @foreach($user as $val)
                                        <tr>                            
                                            <td>{{$val->first_name}}</td>
                                            <td>{{$val->last_name}}</td>
                                            <td>{{$val->email}}</td>
                                            <td>{{$val->phone}}</td>

                                            <td>
                                                <a class="btn btn-info btn-sm" href="{{route('admin-users.edit',$val->id)}}" title="Edit">
                                                    <i class="fas fa-edit">Edit</i>
                                                </a>                                                
                                              
                                                {{--{!! Form::open(['method' => 'DELETE', 'route' => ['admin-users.destroy', $val->id], 'onsubmit' => 'return confirmDelete()']) !!}
                                                <button type="submit" name="button" class="btn btn-danger btn-sm">
                                                    <i class="fa fa-trash-o">Delete</i>
                                                </button>
                                                {!! Form::close() !!}--}}

                                                @php
                                                    $del_url = route('admin-users.destroy',$val->id);                                                     
                                                @endphp
                                                <a class="btn btn-danger btn-sm" title="Delete" onclick="deleteRecord('{{ $del_url }}')">
                                                    <i class="fas fa-edit">Delete</i>
                                                </a> 
                                            </td>
                                        </tr>
                                    @endforeach
                                @else

                                @endif
                            </tbody>
                        </table>
                        <!-- End Default Table Example -->
                    </div>
                </div>
            </div>        
        </div>
    </section>
@endsection

<script type="text/javascript">
    function confirmDelete() {
        return confirm('Are you sure you want to delete?');
    }

    deleteRecord=function( url ){

        var msg = "Do you really want to delete selected user?";

        bootbox.confirm(msg,
            function(result) {
                if( result ){

                    var data = {_method: 'DELETE', _token: '{{ csrf_token() }}'};

                    jQuery.post(url, data, function(resp){

                        //toast( resp );

                        jQuery(".userTable").load(window.location + " .userTable");
                    }, 'json');
                }
            }
        );
    }
</script>