@extends('admin.layouts.app')

@section('header-content')
<h1>{{ __(Lang::get('pages.user.title')) }}</h1>
<div class="section-header-button">
    <a href="{{route('admin.user.create')}}" class="btn btn-primary">Add New</a>
</div>
@endsection
@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                @if ($message = Session::get('success'))
                <div class="alert alert-info alert-block">
                    <button type="button" class="close" data-dismiss="alert">×</button>
                    <strong>{{ $message }}</strong>
                </div>
                @endif
                <div class="table-responsive">
                    <table class="table table-striped" id="table_data">
                        <thead>
                            <tr>
                                <th>{{ __(Lang::get('datatable.user.name')) }}</th>
                                <th>{{ __(Lang::get('datatable.user.email')) }}</th> 
                                <th>{{ __(Lang::get('datatable.user.account_type')) }}</th> 
                                <th width="100">{{ __(Lang::get('datatable.common.action')) }}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('models')
<!-- Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
</div>
@endsection

@section('page-script')
<script>
    $(document).on('click', '#submit', function () {
                var $btn = $(this);
                $btn.addClass("disabled btn-progress");
    });

        
    var model = $("#deleteModal");
    var dataTable;
    function deleteRecord(id) {
        $.get(baseUrl + '/admin/user/delete/' + id, function (data, status) {
            model.html('');
            model.html(data);
            model.modal('show');
        });
    }


    $(function () {
        dataTable = $('#table_data').DataTable({
                    "responsive": true,
                    "processing": true,
                    "serverSide": true,
                    "deferRender": true,
                    "ajax": {
                        "url": "{{ route('admin.user.table') }}",
                        "dataType": "json",
                        "type": "POST",
                        "data": {_token: "{{csrf_token()}}"}
                    },
                    "columns": [
                        {"data": "name", orderable: true },
                        {"data": "email", orderable: true },
                        {"data": "account_type", orderable: true },
                        {"data": "actions", orderable: false }
                    ]
                });
    });
</script>
@endsection