@extends('layout.app')
@section('styling')
    @parent
    <link href="{{asset('theme/assets/advanced-datatable/media/css/demo_page.css')}}" rel="stylesheet" />
    <link href="{{asset('theme/assets/advanced-datatable/media/css/demo_table.css')}}" rel="stylesheet" />
    <link rel="stylesheet" href="{{asset('theme/assets/data-tables/DT_bootstrap.css')}}" />
@endsection
@section('content')
    <div class="col-sm-12">
        <section class="card">
            <header class="card-header">
                Users
{{--                <span class="tools pull-right">--}}
{{--                    <a href="{{route('user.create')}}" style="color: white;" class="btn btn-sm btn-default" role="button">Add User</a>--}}
{{--                </span>--}}
            </header>
            <div class="card-body">
                <div class="adv-table">
                    <table  class="display table table-bordered table-striped" id="user-dynamic-table">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Signup Date</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($users as $user)
                                <tr>
                                    <td>{{$user->name}}</td>
                                    <td>{{$user->email}}</td>
                                    <td>{{$user->created_at->format('Y-m-d')}}</td>
                                    <td>
                                        {{$user->status != null ? \App\User::USER_STATUS_ARRAY[$user->status] : null}}
                                    </td>
                                    <td>
                                        <a href="{{route('user.edit', $user->id)}}"
                                           class="btn btn-sm btn-primary"
                                           role="button"
                                        >
                                            Edit
                                        </a>
                                        <form action="{{route('user.delete', $user->id)}}" method="post" style="display: inline-block">
                                            @csrf
                                            <button
                                               class="btn btn-sm btn-danger"
                                               type="submit"
                                            >
                                                Delete
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </section>
    </div>
@endsection
@section('javascript')
    @parent
    <script type="text/javascript" language="javascript" src="{{asset('theme/assets/advanced-datatable/media/js/jquery.dataTables.js')}}"></script>
    <script type="text/javascript" src="{{asset('theme/assets/data-tables/DT_bootstrap.js')}}"></script>
    <!--dynamic table initialization -->
    <script src="{{asset('theme/js/dynamic_table_init.js')}}"></script>
@endsection