@extends('layout.admin')

@section('content')
    <div class="row bg-title" style="background-color: white;">
        <!-- .page title -->
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Informasi Pengguna</h4> 
        </div>
        <!-- /.page title -->

        <!-- .breadcrumb -->
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="javascript:void(0)">Fitur</a></li>
                <li class="active">Informasi Pengguna</li>
            </ol>
        </div>
        <!-- /.breadcrumb -->
    </div>

    <!-- .row -->
    <div class="row">
        <div class="col-lg-12 col-sm-12 col-xs-12">
            <div class="white-box">
                <!-- Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane active">
                        <!-- .row -->
                        <div class="row">
                            <div class="col-sm-12">
                                    {!! Form::model($listUser, ['class'=>'form-horizontal', 'files'=>true]) !!}

                                    <div class="col-lg-9">
                                        <div class="form-group">
                                            {!! Form::label('nik', 'NIK.', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('nik', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Nomor Induk Karyawan']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('name', 'Nama Karyawan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('name', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Nama Karyawan']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('alamat', 'Alamat', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('alamat', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Alamat']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('cabang_id', 'Cabang', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::select('cabang_id', $var['cabang'],
                                                    null, ['class'=>'form-control select2', 'placeholder'=>'Pilih Cabang']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('telepon', 'Telepon', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('telepon', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Telepon']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('email', 'Email', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('email', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Email']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('username', 'Username', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('username', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Username']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('role', 'Role', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::select('role', $var['roles'], 
                                                   ($var['method']!='create' ? old('roles') ? old('role') : $listUser->roles()->pluck('name', 'name') : null), 
                                                   ['class'=>'form-control', 'placeholder'=>'Pilih Role']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('status', 'Status', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::select('status', array('1' => 'Aktif', '0' => 'Tidak Aktif'),
                                                    null, ['class'=>'form-control']) !!}
                                            </div>

                                            <div class="col-lg-6">
                                                {!! Form::checkbox('tampil_data_semua', 1, null, ['class'=>'js-switch', 'data-color'=>'#3d3b3b', 'data-size'=>'medium']) !!}
                                                {!! Form::label('tampil_data_semua', 'Menampilkan Semua Data yang Diinput User', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-3">
                                        <div class="col-lg-12">
                                            {!! Form::label('foto', 'Upload Foto (300x300) px .jpg', ['class' => 'control-label']) !!}
                                            {!! Form::file('foto', ['class'=>'dropify', 'accept'=>'.jpg', 'data-max-width'=>'300',
                                                    'data-default-file'=>($var['method']!='create'?URL('/').'/upload/foto-user/'.$listUser->foto:null), 'data-show-remove'=>'false', 'disabled'=>true ]) !!}
                                        </div>
                                        <br />
                                    </div>

                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <div class="col-md-12 col-md-offset-7 col-xs-8 col-xs-offset-4">
                                                    <a href="{{ url()->previous() }}" class="btn btn-primary">Kembali</a>
                                            </div>
                                        </div>
                                    </div>
                                {!! Form::close() !!}  
                            </div>
                        </div>
                        <!-- /.row -->
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- .row -->
@endsection

@section('javascript')
    <script type="text/javascript">
        $(document).ready(function() {  
            // Basic Upload
            $('#foto').dropify({
                messages: {
                    'default': 'Drag dan drop foto kesini',
                    'replace': 'Drag dan drop atau klik untuk mengganti',
                    'remove':  'Hapus',
                    'error':   'Ooops, format salah'
                },
                error: {
                    'maxWidth': 'Ukuran gambar maksimal 300 x 300 piksel.',
                }
            });
        });
          
    </script>
@endsection