@extends('layouts.backapp')

@section('content')
<div class="kt-portlet kt-portlet--mobile" id="kt_blockui_datatable">
    <div class="kt-portlet__head kt-portlet__head--lg">
        <div class="kt-portlet__head-label">
            <span class="kt-portlet__head-icon">
                <i class="kt-font-brand flaticon2-line-chart"></i>
            </span>
            <h3 class="kt-portlet__head-title">
                Pengguna
            </h3>
        </div>
        
        @can('create', $menus['user.index'])
        <div class="kt-portlet__head-toolbar">
            <div class="kt-portlet__head-wrapper">
                <div class="kt-portlet__head-actions">
                    <button type="button" class="btn btn-bold btn-label-brand btn-sm" id="addUser"> Tambah </button>
                </div>
            </div>
        </div>
        @endcan
    </div>

    <div class="kt-portlet__body">
        <!--begin: Datatable -->
        <table class="table table-responsive table-striped table-bordered table-hover table-checkable" id="kt_table">
            <thead>
                <tr>
                    <th>No</th>
                    <th>Dealer</th>
                    <th>Role</th>
                    <th style="width: 35%;">Nama Pengguna</th>
                    <th>Email</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <!--end: Datatable -->
    </div>
</div>

<!--begin::Modal-->
<div class="modal fade" id="userModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form id="userForm" action="{{ route('user.store') }}" data-form="store" class="kt-form">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalHeading"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                        @csrf
                        <input type="hidden" name="id" id="id">
                        <div class="kt-portlet__body">
                            <div class="form-group">
                                <label>Nama</label>
                                <input type="text" class="form-control" id="name" name="name" placeholder="Masukan Nama Pengguna" value="" autocomplete="off" />
                            </div>
                            <div class="form-group">
                                <label>Role</label>
                                <select name="role" id="role" class="form-control">
                                    @foreach ($roles as $role)
                                    <option value="{{ $role->id }}">{{ $role->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Dealer</label>
                                <select name="dealer_id" id="dealer_id" class="form-control">
                                    @foreach ($dealers as $dealer)
                                    <option value="{{ $dealer->id }}">{{ $dealer->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Email</label>
                                <input type="email" class="form-control" id="email" name="email" placeholder="Masukan Email Pengguna" value="" autocomplete="off" />
                            </div>
                            <div class="form-group">
                                <label>Password</label>
                                <input type="password" class="form-control" id="password" name="password" required placeholder="Masukan Password" value="" autocomplete="off" />
                            </div>
                            {{-- <div class="form-group">
                                <label>Konfirmasi Password</label>
                                <input type="password" class="form-control" id="password_confirmation" name="password_confirmation" required placeholder="Masukan Konfirmasi Password" value="" autocomplete="off" />
                            </div> --}}
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary" id="saveBtn" value="create">Simpan</button>
                </div>
            </div>
        </form>
    </div>
</div>
<!--end::Modal-->

<input type="hidden" name="ajax_url" value="{{ route('user.index') }}">
<input type="hidden" name="store_url" value="{{ route('user.store') }}">
@endsection

@section('javascripts')
<script src="{{ url('js/pages/back/user.js') }}" type="text/javascript"></script>
@endsection