@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">User Program</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)">Pengaturan</a></li>
                <li class="active">User Program</li>
            </ol>
        </div>
        <!-- /.breadcrumb -->
    </div>

    <!-- .row -->
    <div class="row">
        <div class="col-lg-12 col-sm-12 col-xs-12">
            <div class="white-box">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li class=""><a href="{{ url('pengaturan/user-program') }}"><span class="visible-xs"><b>Lihat Data</b></span><span class="hidden-xs"><b>Lihat Data</b></span></a></li>
                    <li  class="active"><a href="{{ url('pengaturan/user-program/create') }}" ><span class="visible-xs"><b>Tambah Data</b></span> <span class="hidden-xs"><b>Tambah Data</b></span></a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane active">
                        <!-- .row -->
                        <div class="row">
                            <div class="col-sm-12">
                                @if($var['method']=='edit')
                                    {!! Form::model($listUser, ['method'=>'PATCH', 'route'=> ['user-program.update', $listUser->id.$var['url']['all']], 'id'=>'form-user-program', 'class'=>'form-horizontal', 'files'=>true]) !!}
                                @elseif($var['method']=='create')
                                    {!! Form::open(['id'=>'form-user-program', 'method'=>'POST', 'route'=>'user-program.store', 'class'=>'form-horizontal', 'files'=>true]) !!}
                                @else
                                    {!! Form::model($listUser, ['class'=>'form-horizontal', 'files'=>true]) !!}
                                @endif

                                    <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) ]) !!}
                                        </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">
                                                @if($var['method']=='edit')
                                                    {!! Form::submit('Update', ['class'=>'btn btn-primary']) !!}
                                                    {!! Form::reset('Reset', ['class'=>'btn btn-danger']) !!}
                                                @elseif($var['method']=='create')
                                                    {!! Form::submit('Simpan', ['class'=>'btn btn-primary']) !!}
                                                    {!! Form::reset('Reset', ['class'=>'btn btn-danger']) !!}
                                                @else
                                                    <a href="{{ url()->previous() }}" class="btn btn-primary">Kembali</a>
                                                @endif
                                            </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() {  

            $(".select2").select2();
            
            @if($var['method']=='edit' || $var['method']=='show')
                var pk = '{{ $listUser->id  }}';
            @else
                var pk = null;
            @endif

            $("#form-user-program").validate({
                rules: {
                   nik: {
                        required: true,
                        remote: {
                            url: "{{ url('pengaturan/user-program/cek-validasi') }}",
                            type: "post",
                            data: {
                                'kolom': 'nik',
                                'aksi': '{{ $var['method'] }}',
                                'pk' : pk
                            }
                        }
                    },
                    name: "required",
                    alamat: "required",
                    telepon: {
                        required: true,
                        number: true
                    },
                    email: {
                        required: true,
                        email: true,
                        remote: {
                            url: "{{ url('pengaturan/user-program/cek-validasi') }}",
                            type: "post",
                            data: {
                                'kolom': 'email',
                                'aksi': '{{ $var['method'] }}',
                                'pk' : pk
                            }
                        }
                    },
                    role: "required",
                    username: {
                        required: true,
                        remote: {
                            url: "{{ url('pengaturan/user-program/cek-validasi') }}",
                            type: "post",
                            data: {
                                'kolom': 'username',
                                'aksi': '{{ $var['method'] }}',
                                'pk' : pk
                            }
                        }
                    }
                },
                messages: {
                    nik: {
                        required: "Kolom NIK harus diisi",
                        remote: "NIK sudah digunakan"
                    },
                    name: "Kolom nama karyawan harus diisi",
                    alamat: "Kolom alamat harus diisi",
                    telepon: {
                        required: "Kolom telepon harus diisi",
                        number: "Hanya boleh disii dengan angka"
                    },
                    email: {
                        required: "Kolom email harus diisi",
                        email: "Data harus sesuai dengan format email",
                        remote: "Email sudah digunakan"
                    },
                    role: "Kolom role harus diisi",
                    username: {
                        required: "Kolom username harus diisi",
                        remote: "Username sudah digunakan"
                    }
                }
            });

            // 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