@extends('layouts.cannavaro.master')

@section('header')
<!-- iCheck -->
<link href="{!! asset('gentella/vendors/iCheck/skins/flat/green.css') !!}" rel="stylesheet">
@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 }}</span>
        </h3>
    </div>
    <div class="box-body">
        <div class="row">
            @if($staff->id != '')
            {!! Form::open(['action'=>'\App\Modules\Admin\Controllers\UserController@updateagent', 'method'=>'post', 'class'=>'form-horizontal', 'id'=>'newdataform','files'=>true]) !!}
            @else
            {!! Form::open(['action'=>'\App\Modules\Admin\Controllers\UserController@storeagent', '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="name" class="col-md-4 control-label">{{ __('Admin::user.salutation') }}</label>
                                <div class="col-md-6">
                                    <select name="salutation_id" id="salutation_id" class="form-control" required autofocus>
                                        <option value="" {{ (old('salutation_id')) ? 'selected' : '' }}>{{ __('Admin::base.please_select') }}</option>
                                        @foreach($salutations as $salutation)
                                            <option value="{{ $salutation->salutation_id }}" {{ (old('salutation_id')==$salutation->salutation_id) ? 'selected' : '' }}>{{ $salutation->salutation_desc }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

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

                            <div class="form-group">
                                <label for="users_detail_idno" class="col-md-4 control-label">No Kad Pengenalan</label>
                                <div class="col-md-6">
                                    <input id="users_detail_idno" type="text" class="form-control" name="users_detail_idno" value="{{ ($staff->detail) ? $staff->detail->users_detail_idno : old('users_detail_idno') }}" placeholder="contoh: 800808108080" maxlength="12" required>
                                </div>
                            </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" name="users_detail_address1" maxlength="100" value="{{ ($staff->detail) ? $staff->detail->users_detail_address1 : old('users_detail_address1') }}" required>
                                </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" name="users_detail_address2" maxlength="100" value="{{ ($staff->detail) ? $staff->detail->users_detail_address2 : old('users_detail_address2') }}">
                                </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" name="users_detail_address3" maxlength="100" value="{{ ($staff->detail) ? $staff->detail->users_detail_address3 : old('users_detail_address3') }}">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="users_detail_postcode" class="col-md-4 control-label">Poskod</label>
                                <div class="col-md-6">
                                    <input id="users_detail_postcode" type="text" class="form-control" name="users_detail_postcode" maxlength="5" value="{{ ($staff->detail) ? $staff->detail->users_detail_postcode : old('users_detail_postcode') }}" required>
                                </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" required>
                                        <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" required>
                                        <option value="" {{ (old('state_id')) ? 'selected' : '' }}>{{ __('Admin::base.please_type').' '.__('Admin::base.postcode') }}</option>
                                    </select>
                                    {{-- Form::state('state_id', [''=>__('Admin::base.please_select')] , old('state_id'), ['class'=>'form-control','id'=>'state_id','required'=>'required']) --}}
                                </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">
                                    <input id="users_detail_mobileno" type="text" class="form-control" name="users_detail_mobileno" value="{{ ($staff->detail) ? $staff->detail->users_detail_mobileno : old('users_detail_mobileno') }}" placeholder="eg: 0123456789" maxlength="16" required>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="users_detail_mobileno" class="col-md-4 control-label">{{ __('Admin::base.personalphoto') }}</label>
                                <div class="col-md-6">
                                    <input type="file" name="personalphoto[]">
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-6 col-md-offset-4">
                                    <button type="submit" class="btn btn-primary">Register</button>
                                    <a type="button" class="btn btn-danger" href="{{ route('user.index') }}">Cancel</a>
                                </div>
                            </div>
                        {!! Form::close() !!}
                    </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="form-group">
                                <label for="email" class="col-md-4 control-label">Emel</label>
                                <div class="col-md-6">
                                    <input id="email" type="email" class="form-control disabledata" name="email" value="{{ ($staff->email != '') ? $staff->email : old('email') }}" placeholder="newuser@domain.com" required>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="email" class="col-md-4 control-label">ID Pengguna</label>

                                <div class="col-md-6">
                                    <input id="username" type="text" class="form-control" name="username" value="{{ old('username') }}" required>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="password" class="col-md-4 control-label">{{ __('Admin::user.password') }}</label>
                                <div class="col-md-6">
                                    <input id="password" type="password" class="form-control passwordinput" name="password" required>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="password-confirm" class="col-md-4 control-label">{{ __('Admin::user.confirmpassword') }}</label>
                                <div class="col-md-6">
                                    <input id="password-confirm" type="password" class="form-control passwordinput" name="password_confirmation" required>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-6 col-md-offset-4">
                                    <button type="submit" class="btn btn-primary">Register</button>
                                    <a type="button" class="btn btn-danger" href="{{ route('user.index') }}">Cancel</a>
                                </div>
                            </div>
                        
                    </div>
                </div>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
@stop

@section('footer')

<script type="text/javascript">

	$(document).ready(function() {

		@if($staff->id != '')
			$('.passwordinput').removeAttr('required');
		@endif

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

		@if($staff->detail)
            $('#salutation_id').val('{{ $staff->detail->salutation_id }}');
        @else
            $('#salutation_id').val('{{ old("salutation_id") }}');
        @endif

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

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

        });

        @if($staff->detail)
            getstatedistrict('{{ $staff->detail->users_detail_postcode }}');
        @else
            getstatedistrict('{{ old("users_detail_postcode") }}');
        @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="">-- No Record Found --</option>');
                            $('#state_id').append('<option value="">-- No Record Found --</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>');
            }

        }

   	});

</script>
@stop