@extends('layouts.cannavaro.master')

@section('header')
<!-- iCheck -->
<link href="{!! asset('gentella/vendors/iCheck/skins/flat/green.css') !!}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{!! asset('css/fileinput.css') !!}">
<link rel="stylesheet" type="text/css" href="{!! asset('css/switchcheckbox.css') !!}">
<link rel="stylesheet" href="{!! asset('adminLTE/plugins/datepicker/datepicker3.css') !!}">
@stop

@section('breadcrumb')
<span class="header-icon"><i class="fa fa-home"></i></span>
<ol class="breadcrumb newcrumb ng-scope">
    <li>
        <a href="#"><span></span>{{ $pagedesc }}</a>
    </li>
    <li>
        <a href="{{ route('user.index') }}"><span></span>Senarai Pengguna</a>
    </li>
    <li>{{ $pagetitle }}</li>
</ol>
@stop

@section('content')
<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title"><i class="{{ $titleicon }}"></i> 
            <span>{{ $pagetitle }} {!! ($staff->approve_status==0 && $staff->id != '') ? '<font color="red">(Data pengguna ini masih belum disahkan dan tidak aktif. Sila semak dan kemaskini sebelum sahkan)</font>' : '' !!}</span>
        </h3>
    </div>
    <?//= date('Y-12-01'); ?>
    <div class="box-body">
        <div class="alert alert-info">
            <button data-dismiss="alert" class="close" type="button">×</button>
            <span class="entypo-info-circled"></span>
            <strong><span class="text-red">*</span></strong>&nbsp;&nbsp;Wajib diisi.
        </div>                
        <div class="row">
            @if($staff->id != '')
            {!! Form::open(['action'=>'\App\Modules\Admin\Controllers\UserController@updatestaff', 'method'=>'post', 'class'=>'form-horizontal', 'id'=>'newdataform','files'=>true]) !!}
            @else
            {!! Form::open(['action'=>'\App\Modules\Admin\Controllers\UserController@storestaff', 'method'=>'post', 'class'=>'form-horizontal', 'id'=>'newdataform','files'=>true]) !!}
            @endif
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">{{ __('Admin::user.userdetail') }}</div>
                    <div class="panel-body">
                        {{ csrf_field() }}
                        <input type="hidden" name="userid" id="userid" value="{{ $staff->id }}">

                        <div class="form-group">
                            <label for="users_detail_staffno" class="col-md-4 control-label">No Pekerja <span class="text-red">*</span></label>
                            <div class="col-md-6">
                                <div class="input-group">
                                    <input id="users_detail_staffno" type="text" class="form-control disabledata inputdata" name="users_detail_staffno" value="{{ ($staff->detail) ? $staff->detail->users_detail_staffno : old('users_detail_staffno') }}" maxlength="5" autocomplete="off" required autofocus>
                                    <span class="input-group-addon"><i class="fa fa-id-card"></i></span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="name" class="col-md-4 control-label">Nama Pekerja <span class="text-red">*</span></label>
                            <div class="col-md-6">
                                <input id="name" type="text" class="form-control inputdata" name="name" value="{{ ($staff->detail) ? $staff->detail->users_detail_name : old('name') }}" autocomplete="off" required>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="users_detail_idno" class="col-md-4 control-label">No Kad Pengenalan <span class="text-red">*</span></label>
                            <div class="col-md-6">
                                <div class="input-group">
                                    <input id="users_detail_idno" type="text" class="form-control numericinput disabledata inputdata" name="users_detail_idno" value="{{ ($staff->detail) ? $staff->detail->users_detail_idno : old('users_detail_idno') }}" placeholder="contoh: 800808108080" maxlength="12" autocomplete="off">
                                    <span class="input-group-addon"><i class="fa fa-address-card "></i></span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="users_detail_fileno" class="col-md-4 control-label">Enrich No </label>
                            <div class="col-md-6">
                                <div class="input-group">
                                    <input id="users_detail_fileno" type="text" class="form-control inputdata" name="users_detail_fileno" value="{{ ($staff->detail) ? $staff->detail->users_detail_fileno : old('users_detail_fileno') }}" maxlength="10" autocomplete="off">
                                    <span class="input-group-addon"><i class="fa fa-file-alt "></i></span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="users_detail_passport" class="col-md-4 control-label">No Passport</label>
                            <div class="col-md-6">
                                <div class="input-group">
                                    <input id="users_detail_passport" type="text" class="form-control inputdata" name="users_detail_passport" value="{{ ($staff->detail) ? $staff->detail->users_detail_passport : old('users_detail_passport') }}" placeholder="" maxlength="12" autocomplete="off">
                                    <span class="input-group-addon"><i class="fa fa-passport"></i></span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="name" class="col-md-4 control-label">Bahagian <span class="text-red">*</span></label>
                            <div class="col-md-6">
                                {{-- @if(!Auth::user()->can('user.limitupdate')) --}}
                                <select name="unit_bahagian_id" id="unit_bahagian_id" class="form-control inputdata managerdropdown" required>
                                    <option value="" {{ (old('unit_bahagian_id')) ? 'selected' : '' }}>{{ __('Admin::base.please_select') }}</option>
                                    @foreach($units as $unit)
                                        <option value="{{ $unit->unit_bahagian_id }}" {{ ($staff->unit_bahagian_id==$unit->unit_bahagian_id) ? 'selected' : '' }} {{ (old('unit_bahagian_id')==$unit->unit_bahagian_id) ? 'selected' : '' }}>{!! (($unit->parent_id) ? '(Cawangan '.$unit->parent->unit_bahagian_desc.') ' : '').$unit->unit_bahagian_desc !!}</option>
                                    @endforeach
                                </select> 
                                {{-- @else --}}
                                    <!--input type="text" class="form-control" value="{{-- $staff->detail->unit->unit_bahagian_desc --}}" readonly>
                                    <input type="hidden" name="unit_bahagian_id" value="{{-- $staff->detail->unit_bahagian_id --}}"-->
                                {{-- @endif --}}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="name" class="col-md-4 control-label">Jawatan <span class="text-red">*</span></label>
                            <div class="col-md-6">
                                {{-- @if(!Auth::user()->can('user.limitupdate')) --}}
                                <select name="jawatan_id" id="jawatan_id" class="form-control inputdata managerdropdown" required>
                                    <option value="" {{ (old('jawatan_id')) ? 'selected' : '' }}>{{ __('Admin::base.please_select') }}</option>
                                    @foreach($jawatans as $jawatan)
                                        <option value="{{ $jawatan->jawatan_id }}" {{ ($staff->jawatan_id==$jawatan->jawatan_id) ? 'selected' : '' }} {{ (old('jawatan_id')==$jawatan->jawatan_id) ? 'selected' : '' }}>{!! $jawatan->jawatan_desc !!}</option>
                                    @endforeach
                                </select>
                                {{-- @else --}}
                                    <!--input type="text" class="form-control" value="{{-- $staff->detail->jawatan->jawatan_desc --}}" readonly>
                                    <input type="hidden" name="jawatan_id" value="{{-- $staff->detail->jawatan_id --}}"-->
                                {{-- @endif --}}
                            </div>
                            @if(Auth::user()->can('data.jawatan.index'))
                            <!--div class="col-md-1">
                                <a data-toggle="tooltip" title="Tambah Jawatan" class="btn btn-default dom_adddata" data-title="Tambah Jawatan" data-type="Jawatan"><i class="fa fa-plus-circle"></i></a>
                            </div-->
                            @endif
                        </div>

                        <div class="form-group">
                            <label for="name" class="col-md-4 control-label">Gred</label>
                            <div class="col-md-6">
                                <select name="gred_id" id="gred_id" class="form-control inputdata">
                                    <option value="" {{ (old('gred_id')) ? 'selected' : '' }}>{{ __('Admin::base.please_select') }}</option>
                                    @foreach($greds as $gred)
                                        <option value="{{ $gred->gred_id }}" {{ ($staff->gred_id==$gred->gred_id) ? 'selected' : '' }} {{ (old('gred_id')==$gred->gred_id) ? 'selected' : '' }}>{!! $gred->gred_desc !!}</option>
                                    @endforeach
                                </select>
                            </div>
                            @if(Auth::user()->can('data.gred.index'))
                            <!--div class="col-md-1">
                                <a data-toggle="tooltip" title="Tambah Gred" class="btn btn-default dom_adddata" data-title="Tambah Gred" data-type="Gred"><i class="fa fa-plus-circle"></i></a>
                            </div-->
                            @endif
                        </div>

                        <div class="form-group">
                            <label for="users_detail_address1" class="col-md-4 control-label">Alamat</label>
                            <div class="col-md-6">
                                <input id="users_detail_address1" type="text" class="form-control inputdata" name="users_detail_address1" maxlength="100" value="{{ ($staff->detail) ? $staff->detail->users_detail_address1 : old('users_detail_address1') }}" autocomplete="off">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="users_detail_address2" class="col-md-4 control-label">&nbsp;</label>
                            <div class="col-md-6">
                                <input id="users_detail_address2" type="text" class="form-control inputdata" name="users_detail_address2" maxlength="100" value="{{ ($staff->detail) ? $staff->detail->users_detail_address2 : old('users_detail_address2') }}" autocomplete="off">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="users_detail_address3" class="col-md-4 control-label">&nbsp;</label>
                            <div class="col-md-6">
                                <input id="users_detail_address3" type="text" class="form-control inputdata" name="users_detail_address3" maxlength="100" value="{{ ($staff->detail) ? $staff->detail->users_detail_address3 : old('users_detail_address3') }}" autocomplete="off">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="users_detail_postcode" class="col-md-4 control-label">Poskod</label>
                            <div class="col-md-6">
                                <div class="input-group">
                                    <input id="users_detail_postcode" type="text" class="form-control numericinput inputdata" name="users_detail_postcode" maxlength="5" value="{{ ($staff->detail) ? $staff->detail->users_detail_postcode : old('users_detail_postcode') }}" autocomplete="off">
                                    <span class="input-group-addon btn-success"><i class="fa fa-envelope-open"></i></span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="district_id" class="col-md-4 control-label">Daerah</label>
                            <div class="col-md-6">
                                <select name="district_id" id="district_id" class="form-control">
                                    <option value="" {{ (old('district_id')) ? 'selected' : '' }}>{{ __('Admin::base.please_type').' '.__('Admin::base.postcode') }}</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="state_id" class="col-md-4 control-label">Negeri</label>
                            <div class="col-md-6">
                                <select name="state_id" id="state_id" class="form-control">
                                    <option value="" {{ (old('state_id')) ? 'selected' : '' }}>{{ __('Admin::base.please_type').' '.__('Admin::base.postcode') }}</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="users_detail_mobileno" class="col-md-4 control-label">No Telefon Bimbit</label>
                            <div class="col-md-6">
                                <div class="input-group">
                                    <input id="users_detail_mobileno" type="text" class="form-control numericinput inputdata" name="users_detail_mobileno" value="{{ ($staff->detail) ? $staff->detail->users_detail_mobileno : old('users_detail_mobileno') }}" placeholder="contoh: 0123456789" maxlength="12" autocomplete="off">
                                    <span class="input-group-addon btn-success"><i class="fa fa-mobile-alt"></i></span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="users_detail_homeno" class="col-md-4 control-label">No Telefon Rumah</label>
                            <div class="col-md-6">
                                <div class="input-group">
                                    <input id="users_detail_homeno" type="text" class="form-control numericinput inputdata" name="users_detail_homeno" value="{{ ($staff->detail) ? $staff->detail->users_detail_homeno : old('users_detail_homeno') }}" placeholder="contoh: 0123456789" maxlength="12" autocomplete="off">
                                    <span class="input-group-addon btn-success"><i class="fa fa-phone"></i></span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">Tetapan Akaun</div> 
                    <div class="panel-body">
                        {{ csrf_field() }}
                        <div class="alert alert-info">
                            <button data-dismiss="alert" class="close" type="button">×</button>
                            <span class="entypo-info-circled"></span>
                            &nbsp;&nbsp;Kata laluan mestilah melebihi 8 aksara dan mengandungi sekurang-kurangnya satu huruf besar, satu huruf kecil dan satu nombor.
                        </div>

                        <div class="form-group">
                            <label for="username" class="col-md-4 control-label">ID Pengguna <span class="text-red">*</span></label>

                            <div class="col-md-6">
                                <div class="input-group">
                                    <input id="username" type="text" class="form-control disabledata inputdata" name="username" value="{{ ($staff->username != '') ? $staff->username : old('username') }}" disabled>
                                    <span class="input-group-addon btn-success"><i class="fa fa-user"></i></span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group notlimitupdate">
                            <label for="password" class="col-md-4 control-label">{{ __('Admin::user.password') }} <span class="spanpasswd text-red">*</span></label>
                            <div class="col-md-6">
                                <div class="input-group">
                                    <!--input id="password" type="password" class="form-control passwordinput" name="password" required-->
                                    <input id="password" type="password" class="form-control passwordinput" name="password">  
                                    <span class="input-group-addon btn-success"><i class="fa fa-key"></i></span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group notlimitupdate">
                            <label for="password-confirm" class="col-md-4 control-label">{{ __('Admin::user.confirmpassword') }} <span class="spanpasswd text-red">*</span></label>
                            <div class="col-md-6">
                                <div class="input-group">
                                    <!--input id="password-confirm" type="password" class="form-control passwordinput" name="password_confirmation" required-->
                                    <input id="password-confirm" type="password" class="form-control passwordinput" name="password_confirmation">
                                    <span class="input-group-addon btn-success"><i class="fa fa-key"></i></span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="email" class="col-md-4 control-label">Emel <span class="text-red">*</span></label>
                            <div class="col-md-6">
                                <div class="input-group">
                                    <input id="email" type="email" class="form-control inputdata" name="email" value="{{ ($staff->email != '') ? $staff->email : old('email') }}" placeholder="staff@mpc.gov.my" autocomplete="off" required>
                                    <span class="input-group-addon btn-success"><i class="fa fa-envelope"></i></span>
                                </div>
                            </div>
                        </div>

                        <!--div class="form-group limitupdate">
                            <label for="name" class="col-md-4 control-label">Peranan <span class="text-red">*</span></label>
                            <div class="col-md-6">
                                <input id="roledesc" type="text" class="form-control inputdata" name="roledesc" value="{{ ($staff->jawatan_id != '') ? $staff->jawatan->role->description : old('roledesc') }}" disabled>
                                <input type="hidden" id="role_id" name="role_id" value="{{ $userrole }}">
                            </div>
                        </div-->
                        @if(!Auth::user()->can('user.limitupdate'))
                        <div class="form-group">
                            <label for="name" class="col-md-4 control-label">Peranan <span class="text-red">*</span></label>
                            <div class="col-md-6">
                                <select name="role_id" id="role_id" class="form-control inputdata managerdropdown" required>
                                    <option value="" {{ (old('role_id')=='') ? 'selected' : '' }}>{{ __('Admin::base.please_select') }}</option>
                                    @foreach($roles as $role)
                                        <!--option value="{{ $role->id }}" {{ ($userrole==$role->id) ? 'selected' : '' }} {{ (old('role_id')==$role->id) ? 'selected' : '' }}>{{ $role->description.(($role->is_bigamount_approver) ? ' ( > RM '.number_format(Globe::baseconf('config_approve_value')).' )' : '') }}</option-->
                                        <option value="{{ $role->id }}" {{ ($userrole==$role->id) ? 'selected' : '' }} {{ (old('role_id')==$role->id) ? 'selected' : '' }}>{{ $role->description }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        @else
                        <input type="hidden" name="role_id" id="role_id" value="{{ $userrole }}">
                        @endif

                        <div class="form-group">
                            <label for="name" class="col-md-4 control-label">Penyokong/Penyelia <span class="text-red">*</span></label>
                            <div class="col-md-6">
                                {{-- @if(!Auth::user()->can('user.limitupdate')) --}}
                                <select name="manager_id" id="manager_id" class="form-control inputdata" required>
                                    @if($staff->id != '')
                                    @foreach($managers as $manager)
                                        <option value="{{ $manager['id'] }}" {{ ($staff->manager_id==$manager['id']) ? 'selected' : '' }} {{ (old('manager_id')==$manager['id']) ? 'selected' : '' }}>{!! $manager['desc'] !!}</option>
                                    @endforeach
                                    @else
                                        <option value="">sila pilih bahagian,jawatan,peranan</option>
                                    @endif
                                </select>
                                {{-- @else --}}
                                    <!--input type="text" class="form-control" value="{{-- $staff->detail->manager->detail->users_detail_name.' ('.$staff->detail->manager->detail->users_detail_staffno.')' --}}" readonly>
                                    <input type="hidden" name="manager_id" value="{{-- $staff->detail->manager_id --}}"-->
                                {{-- @endif --}}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="name" class="col-md-4 control-label">
                                <a data-toggle="tooltip" title="Memberi kebenaran kepada pengguna untuk membuat permohonan tanpa syarat penggiliran pembekal. Selepas permohonan dibuat, option ini akan dinyahaktif semula secara automatik." class=""><i class="fa fa-info-circle"></i></a>
                            </label>
                            <div class="col-md-6">
                                <div class="checkbox checbox-switch switch-dark">
                                    <label>
                                        <input type="checkbox" class="form-control" name="allow_rotation" value="1" {{ (!empty($staff->detail)) ? (($staff->detail->allow_rotation == '1') ? 'checked' : '') : '' }} />
                                        <span></span>
                                    </label> <b>Nyahaktif Syarat Penggiliran</b>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="name" class="col-md-4 control-label">
                                <a data-toggle="tooltip" title="Tandatangan Ketua PCT untuk Surat Setuju Terima (SST). Hanya satu pengguna sahaja." class=""><i class="fa fa-info-circle"></i></a>
                            </label>
                            <div class="col-md-6">
                                <div class="checkbox checbox-switch switch-dark">
                                    <label>
                                        <input type="checkbox" class="form-control" name="pct_main" value="1" {{ (!empty($staff->detail)) ? (($staff->detail->pct_main == '1') ? 'checked' : '') : '' }} />
                                        <span></span>
                                    </label> <b>Tandatangan Ketua PCT (SST)</b>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">Muatnaik Digital Sign <span class="text-red">*</span></div>
                    <div class="panel-body">
                        <div class="alert alert-info">
                            <button data-dismiss="alert" class="close" type="button">×</button>
                            <span class="entypo-info-circled"></span>
                            &nbsp;&nbsp;Saiz gambar tidak boleh melebihi 2MB. Hanya jenis gambar jpg, jpeg sahaja yang dibenarkan.
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">&nbsp;</label>
                            <div class="col-md-6 col-sm-6 col-xs-12 text-center">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail" style="width: 120px; height: 120px;" data-trigger="fileinput">
                                        <img src="{!! (!empty($staff->digitalsign)) ? asset($staff->digitalsign->upload_path.$staff->digitalsign->upload_filename) : asset('/img/noimage.jpg') !!}" alt="{{ asset('/img/noimage.jpg') }}" height="120" width="120" id="imagesrc">
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 170px; max-height: 170px"></div>
                                    <div>
                                        <span class="btn btn-primary btn-sm btn-file">
                                            <span class="fileinput-new">{{ __('Admin::base.selectphoto') }}</span>
                                            <span class="fileinput-exists">{{ __('Admin::base.change') }}</span>
                                            <input type="file" name="digitalsign" id="digitalsign" class="modaldata" accept=".jpg, .jpeg" />
                                        </span>
                                        <a href="#" class="btn btn-warning btn-sm fileinput-exists" data-dismiss="fileinput"><i class="fa fa-times"></i></a>
                                    </div>
                                </div>
                            </div>                  
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">Muatnaik Gambar</div>
                    <div class="panel-body">
                        <div class="alert alert-info">
                            <button data-dismiss="alert" class="close" type="button">×</button>
                            <span class="entypo-info-circled"></span>
                            &nbsp;&nbsp;Saiz gambar tidak boleh melebihi 2MB. Hanya jenis gambar jpg, jpeg sahaja yang dibenarkan.
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">&nbsp;</label>
                            <div class="col-md-6 col-sm-6 col-xs-12 text-center">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail" style="width: 120px; height: 120px;" data-trigger="fileinput">
                                        <img src="{!! (!empty($staff->image)) ? asset($staff->image->upload_path.$staff->image->upload_filename) : asset('/img/user-default.jpg') !!}" alt="{{ asset('/img/user-default.jpg') }}" height="120" width="120" id="imagesrc">
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 170px; max-height: 170px"></div>
                                    <div>
                                        <span class="btn btn-primary btn-sm btn-file">
                                            <span class="fileinput-new">{{ __('Admin::base.selectphoto') }}</span>
                                            <span class="fileinput-exists">{{ __('Admin::base.change') }}</span>
                                            <!--input type="file" name="userphoto" id="userphoto" class="modaldata" accept="image/*" multiple="" /-->
                                            <input type="file" name="userphoto" id="userphoto" class="modaldata" accept=".jpg, .jpeg" multiple="" />
                                        </span>
                                        <a href="#" class="btn btn-warning btn-sm fileinput-exists" data-dismiss="fileinput"><i class="fa fa-times"></i></a>
                                    </div>
                                </div>
                            </div>                  
                        </div>
                    </div>
                </div>

            </div>
            
        </div>
        <div class="box-footer divfooter progress-demo">
            @if(!Auth::user()->can('user.limitupdate'))
            <a href="{{ URL::to('user') }}" class="btn btn-sm btn-default"><i class="fa fa-arrow-circle-left"></i> Kembali</a>
            @endif
            @if(Auth::user()->can('user.index'))
            @if($staff->id!='')
            <!--button type="button" class="btn btn-sm btn-primary pull-right submitform"><i class="fa fa-save"></i> {{ __('Admin::base.update') }}</button-->
                @if($staff->approve_status == 0)
                <a data-toggle="tooltip" title="Sahkan Data" data-askmsg="Anda pasti untuk sahkan data pengguna ini?" class="btn btn-sm btn-success pull-right enabledata" value="{{ route('user.approve', Crypt::encrypt($staff->id)) }}"><i class="fa fa-thumbs-up"></i> Sahkan Data</a>
                @endif
            <button type="submit" class="btn btn-sm btn-primary pull-right submitform"><i class="fa fa-save"></i> {{ __('Admin::base.update') }}</button>
            <!--div class="progress-demo">
                <button class="ladda-button" data-color="blue" data-style="expand-right" data-size="xs"><span class="ladda-label">Kemaskini</span><span class="ladda-spinner"></span><div class="ladda-progress" style="width: 115px;"></div></button>
            </div-->
            @else
            <button type="submit" class="btn btn-sm btn-success pull-right submitform"><i class="fa fa-check-circle"></i> Daftar</button>
            <!--div class="progress-demo">
                <button class="ladda-button" data-color="mint" data-style="expand-right" data-size="xs"><span class="ladda-label">Daftar</span><span class="ladda-spinner"></span><div class="ladda-progress" style="width: 115px;"></div></button>
            </div-->
            @endif
            @endif               
        </div>
        {!! Form::close() !!}
    </div>
</div>
@stop

@section('footer')

<div class="modal modal-info fade" id="modal-1">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header bg-primary">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title dom_modaltitle"></h4>
            </div>

            {!! Form::open(['action'=>'\App\Modules\Admin\Controllers\DataManagementController@jawatanstore', 'method'=>'post', 'class'=>'form-horizontal form-label-left','id'=>'data_form', 'files'=>true]) !!}
            <input type="hidden" name="datatype" id="datatype" class="dom_modaldata">
            <div class="modal-body">
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">Keterangan</label>
                    <div class="col-md-7 col-sm-7 col-xs-12">
                        <input class="form-control dom_modaldata" type="text" value="{{ old('desc') }}" name="desc" id="data_desc" placeholder="Keterangan" autocomplete="off" />
                    </div>                  
                </div>
                <div class="form-group gredinput">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">Peranan</label>
                    <div class="col-md-7 col-sm-7 col-xs-12">
                        <select name="role_id" id="data_desc2" class="form-control dom_modaldata">
                            <option value="">{{ __('Admin::base.please_select') }}</option>
                            @foreach($roles as $role)
                                <option value="{{ $role->id }}">{!! $role->description !!}</option>
                            @endforeach
                        </select>
                    </div>                 
                </div>
            </div>
            
            <div class="modal-footer">
                <a href="javascript:;" class="btn btn-sm btn-default" data-dismiss="modal">{{ __('Admin::base.close') }}</a>
                <button type="button" id="processbtn" class="btn btn-sm btn-success dom_processdata" value=""><i class="fa fa-check-circle"></i> Tambah Data</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div> 

<div class="modal modal-info fade" id="modal-sah">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header bg-primary">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title dom_modaltitle"></h4>
            </div>

            {!! Form::open(['action'=>'\App\Modules\Admin\Controllers\UserController@approveUserWithDate', 'method'=>'post', 'class'=>'form-horizontal form-label-left','id'=>'data_form']) !!}
            <input type="hidden" name="data_id" id="data_id" class="dom_modaldata">
            <div class="modal-body">
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">Keterangan</label>
                    <div class="col-md-7 col-sm-7 col-xs-12">
                        <input class="form-control dom_modaldata" type="text" value="{{ old('desc') }}" name="desc" id="data_desc" placeholder="Keterangan" autocomplete="off" />
                    </div>                  
                </div>
            </div>
            
            <div class="modal-footer">
                <a href="javascript:;" class="btn btn-sm btn-default" data-dismiss="modal">{{ __('Admin::base.close') }}</a>
                <button type="button" id="processbtn" class="btn btn-sm btn-success dom_processdata" value=""><i class="fa fa-check-circle"></i> Tambah Data</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

<script src="{!! asset('js/fileinput.js') !!}"></script>
<script src="{!! asset('adminLTE/plugins/datepicker/bootstrap-datepicker.js') !!}"></script>
<script type="text/javascript">

    $(document).ready(function() {

        $('.datepicker').datepicker({
            format: 'dd/mm/yyyy',
            autoclose: true
        });

        @if($staff->approve_status==1)
            $('.disabledata').attr('readonly','readonly');
        @endif

        if($('#users_detail_postcode').val()!=''){
            getstatedistrict('{{ old("users_detail_postcode") }}');
        }

        $('#users_detail_postcode').on('keyup', function(e){
            
            var code = $(this).val();
            getstatedistrict(code);

        });

        $('.inputdata').on('change', function(){
            $('.enabledata').hide();
        });

        $('.inputdata').on('onkeyup', function(){
            $('.enabledata').hide();
        });

        @if($staff->detail)
            $('.passwordinput').removeAttr('required');
            $('.spanpasswd').hide();
            //$('#salutation_id').val('{{ $staff->detail->salutation_id }}');
            $('#gred_id').val('{{ $staff->detail->gred_id }}');
            $('#jawatan_id').val('{{ $staff->detail->jawatan_id }}');
            $('#manager_id').val('{{ $staff->detail->manager_id }}');
            //$('#cawangan_id').val('{{ $staff->detail->cawangan_id }}');
            $('#unit_bahagian_id').val('{{ $staff->detail->unit_bahagian_id }}');
            getstatedistrict('{{ $staff->detail->users_detail_postcode }}');
            //getRolePermissionStatus('{{ $userrole }}');
            ajaxGetRoleDescription('{{ $staff->detail->jawatan_id }}');

            @if(Auth::user()->can('user.limitupdate'))
                $('.limitupdate').hide();
            @endif
        @else
            //$('#salutation_id').val('{{ old("salutation_id") }}');
            $('.spanpasswd').show();
            $('#gred_id').val('{{ old("gred_id") }}');
            $('#jawatan_id').val('{{ old("jawatan_id") }}');
            $('#manager_id').val('{{ old("manager_id") }}');
            //$('#cawangan_id').val('{{ old("cawangan_id") }}');
            $('#unit_bahagian_id').val('{{ old("unit_bahagian_id") }}');
            getstatedistrict('{{ old("users_detail_postcode") }}');
            //getRolePermissionStatus('{{ old("role_id") }}');
            @if(!Auth::user()->can('user.limitupdate'))
                $('.notlimitupdate').hide();
            @endif
        @endif

        function getstatedistrict(code){

            $('#district_id').empty();
            $('#state_id').empty();
            
            if(code.length>4){

                $.ajax({
                    url: '{{ URL::to("admin/getStateDistrict") }}/'+code,
                    type: 'get',
                    dataType: 'json',
                    success:function(data) {

                        if(data.states!=null){
                            console.log(data);
                            var district = data.districts;
                            var state = data.states;

                            $('#district_id').append('<option value="'+district.district_id+'">'+district.district_desc+'</option>');
                            $('#state_id').append('<option value="'+state.state_id+'">'+state.state_desc+'</option>');
                        }else{
                            swal('{{ __("Admin::base.norecordfound") }}','{{ __("Admin::base.chooseother") }}','error');
                            $('#district_id').append('<option value="">-- Tiada rekod --</option>');
                            $('#state_id').append('<option value="">-- Tiada rekod --</option>');
                        }

                    }
                });

            }else{
                $('#district_id').append('<option value="">{{ __("Admin::base.please_type").' '.__("Admin::base.postcode") }}</option>');
                $('#state_id').append('<option value="">{{ __("Admin::base.please_type").' '.__("Admin::base.postcode") }}</option>');
            }

        }

    });

    $('.dom_adddata').on('click', function(){
        $('.dom_modaltitle').empty();
        $('.dom_modaltitle').append($(this).data('title'));
        $('.dom_modaldata').val('');
        $('#datatype').val($(this).data('type'));
        $('.gredinput').hide();
        //alert($(this).data('type'));
        // if($(this).data('type') == 'Jawatan'){
        //     $('.gredinput').show();
        // }
        $('#modal-1').modal('show');
    });

    $('.dom_tukarjabatan').on('click', function(){
        $('.dom_modaldata').val('');
        $('#modal_jabatan_id').val('{{ $staff->jabatan_id }}');
        $('#modal-tukarjabatan').modal('show');
    }); 

    $(document).on('click', '.managerdropdown', function() {

        $('#manager_id').empty();
        var jawatan = $('#jawatan_id').val();
        var role = $('#role_id').val();
        var bahagian = $('#unit_bahagian_id').val();

        if(jawatan != '' && role != '' && bahagian != ''){

            $.ajax({
                url: '{{ URL::to("user/ajaxGetManagerList") }}',
                type: 'post',
                data: {jawatan:jawatan, role:role, bahagian:bahagian},
                dataType: 'json',
                success:function(data) {
                    console.log(data);
                    $.each(data, function(id, item) {
                        $('#manager_id').append('<option value="'+item.id+'">'+item.desc+'</option>');
                    });
                }
            });

        }else{
            $('#manager_id').append('<option value="">sila pilih bahagian,jawatan,peranan</option>');
        }

    });

    $(document).on('click', '.dom_processdata', function() {

        if($('#datatype').val() == 'Gred'){
            if($('#data_desc').val()==''){
                swal('{{ __("Admin::base.error") }}!', 'Sila isi butiran dengan lengkap.', 'error');
                return false;
            }
        }else{
            if($('#data_desc').val()==''){
                swal('{{ __("Admin::base.error") }}!', 'Sila isi butiran dengan lengkap.', 'error');
                return false;
            }
        }

        swal({
            title: 'Anda pasti untuk tambah?',
            //text: "{{ __('Admin::base.inadjustable') }}",
            type: 'warning',
            showCancelButton: true,
            cancelButtonText: '{{ __("Admin::base.cancel") }}',
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: '{{ __("Admin::base.yes") }}',
          
            preConfirm: function() {
                return new Promise(function(resolve) {

                    var datatype = $('#datatype').val();
                    var desc = $('#data_desc').val();

                    $.ajax({
                        url: '{{ URL::to("data/ajaxinsertrefdata") }}',
                        type: 'post',
                        data: {type:datatype, desc:desc},
                        dataType: 'json',
                        success:function(data) {
                            if(data.status==0){
                                $('#data_desc').val('');
                                swal('Data telah wujud!','Sila masukkan keterangan lain.','error');
                            }else if(data.status==3){
                                swal('Ralat!','Tiada set data yang dipilih.','error');
                            }else{
                                swal('{{ __("Admin::base.success") }}!', 'Data berjaya ditambah.', 'success')
                                if(datatype == 'Gred'){
                                    $('#gred_id').append('<option value="'+data.dataid+'">'+data.desc+'</option>');
                                    $('#gred_id').val(data.dataid);
                                }else{
                                    $('#jawatan_id').append('<option value="'+data.dataid+'">'+data.desc+'</option>');
                                    $('#jawatan_id').val(data.dataid);
                                    //ajaxGetRoleDescription(data.dataid);
                                }

                                $('#modal-1').modal('hide');
                            }
                        }
                    });

                });
            },

        }).then(function () {
            swal('{{ __("Admin::base.success") }}!', '', 'success')
        });

    });

    // $('#jabatan_id').on('change', function(){

    //     var jabatanid = $(this).val();
    //     $('.checkboxjabatan').prop('checked',false);
        
    //     if(jabatanid != ''){
    //         $('#userjabatan'+jabatanid).prop('checked',true);
    //     }else{
    //         $('.checkboxjabatan').prop('checked',false);
    //     }

    // });

    $(document).on('focusout', '.numericinput', function() {
        if($(this).val()!=''){
            if($.isNumeric( $(this).val() ) ){
                return true;
            }else{
                swal('{{ __("Admin::base.error") }}!', '{{ __("Admin::base.numericonly") }}', 'error');
                $(this).val('');
            }
        }
    });

    //$(document).on('focusout', '#password', function() {
    $('#password').on('focusout', function() {

        //if (this.value.match(/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,}$/)){
        //if (this.value.match(/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z!@#$%^&*()]{8,}$/)){ //the best
        if ($(this).val().length >= 4){
            //$("div").text("pass");
        } else {
            //swal('{{ __("Admin::base.error") }}!', 'Kata laluan mestilah melebihi 8 aksara dan mengandungi sekurang-kurangnya satu huruf besar, satu huruf kecil dan satu nombor', 'error');
            swal('{{ __("Admin::base.error") }}!', 'Kata laluan mestilah melebihi 4 aksara', 'error');
            $('#password').val('');
            $('#password-confirm').val('');
        }

    });

    $(document).on('focusout', '#password-confirm', function() {

        //if (this.value.match(/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,}$/)){
        //if (this.value.match(/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z!@#$%^&*()]{8,}$/)){ //the best
        if ($(this).val().length >= 4){
            if($('#password-confirm').val() != $('#password').val()){
                swal('{{ __("Admin::base.error") }}!', 'Pengesahan kata laluan tidak sama.', 'error');
                $('#password-confirm').val('');
            }
        } else {
            //swal('{{ __("Admin::base.error") }}!', 'Kata laluan mestilah melebihi 8 aksara dan mengandungi sekurang-kurangnya satu huruf besar, satu huruf kecil dan satu nombor', 'error');
            swal('{{ __("Admin::base.error") }}!', 'Kata laluan mestilah melebihi 4 aksara', 'error');
            //$('#password').val('');
            $('#password-confirm').val('');
        }

    });

    $(document).on('focusout', '#users_detail_idno', function() {

        $('#username').val($('#users_detail_idno').val());

    });

    $(document).on('change', '#jawatan_id', function() {

        ajaxGetRoleDescription($(this).val());

    });

    $('.enabledata').on('click', function() {
    
        var url = $(this).attr('value');
        var askmsg = $(this).data('askmsg');

        swal({
            title: askmsg,
            //text: 'Sila pastikan tarikh data yang dimasukkan adalah betul.',
            type: 'warning',
            showCancelButton: true,
            cancelButtonText: '{{ __("Admin::base.cancel") }}',
            confirmButtonColor: '#367fa9',
            cancelButtonColor: '#b7b7b7',
            confirmButtonText: '{{ __("Admin::base.yes") }}',
          
            preConfirm: function() {
                return new Promise(function(resolve) {

                 window.location.href = url;

                });
            },

        }).then(function () {
            swal(
                '{{ __("Admin::base.deleted") }}!',
                '{{ __("Admin::base.deletedtext") }}.',
                'success'
            )
        });

    });


    $(document).on('focusout', '#email', function() {

        if($(this).val()!=''){

            var userid = ($('#userid').val()!='') ? $('#userid').val() : 0;
            var emailaddr = $(this).val();
            emailaddr = emailaddr.trim();
            emailaddr = emailaddr.replace(/ /g,'');
            $('#email').val(emailaddr);

            $.ajax({
                url: '{{ URL::to("user/ajaxcheckemailexist") }}/'+emailaddr+'/'+userid,
                type: 'get',
                dataType: 'json',
                success:function(data) {
                    console.log(data);
                    if(data > 0){
                        swal('{{ __("Admin::base.error") }}!', 'Emel "'+emailaddr+'" telah wujud dalam sistem.', 'error');
                        $('#email').val('');
                    }

                }
            });

        }

    });


    function ajaxGetRoleDescription(id){

        $.ajax({
            url: '{{ URL::to("data/ajaxGetRoleDescription") }}/'+id,
            type: 'get',
            dataType: 'json',
            success:function(data) {
                $('#roledesc').val(data.desc);
                $('#role_id').val(data.rid);
            }
        });

    }

    /*$('.submitform').on('click', function() {

      swal({
        title: '{{ __("Admin::base.confirmsubmission") }}',
        //text: "{{ __('Admin::base.inadjustable') }}",
        type: 'warning',
        showCancelButton: true,
        cancelButtonText: '{{ __("Admin::base.cancel") }}',
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: '{{ __("Admin::base.yes") }}',
      
        preConfirm: function() {
            return new Promise(function(resolve) {

                $("#newdataform").submit();

            });
        },

        }).then(function () {
            swal(
              '{{ __("Admin::base.success") }}!',
              '',
              'success'
            )
        });

    });*/

</script>
@stop