@extends('core::layouts.master')
@section('title')
    {{ trans_choice('payroll::general.employee',2) }}
@endsection
@section('styles')
@stop
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{ trans_choice('payroll::general.employee',2) }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a
                                    href="{{url('dashboard')}}">{{ trans_choice('dashboard::general.dashboard',1) }}</a>
                        </li>
                        <li class="breadcrumb-item active">{{ trans_choice('payroll::general.employee',2) }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="card">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            {!! Form::open(array('route' => 'employee.store','method'=>'POST','class'=>'form-horizontal','enctype'=>'multipart/form-data')) !!}
                            <div class="card-header">@lang('message.addemployee')</div>
                            <div class="card-body">
        
                                <div class="row">
                                   
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.last_name_en')</label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('first_name_en')) has-error @endif">
                                                {!! Form::text('first_name_en', null, array('placeholder' => 'Ex: Sok','class' => 'form-control')) !!}
                                                @if($errors->first('first_name_en'))
                                                    <span class="text-danger">{{$errors->first('first_name_en')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.first_name_en')</label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('last_name_en')) has-error @endif">
                                                {!! Form::text('last_name_en', null, array('placeholder' => 'Ex: Mao','class' => 'form-control')) !!}
                                                @if($errors->first('last_name_en'))
                                                    <span class="text-danger">{{$errors->first('last_name_en')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.last_name_kh') </label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('first_name_kh')) has-error @endif">
                                                {!! Form::text('first_name_kh', null, array('placeholder' => 'Ex: សុខ','class' => 'form-control')) !!}
                                                @if($errors->first('first_name_kh'))
                                                    <span class="text-danger">{{$errors->first('first_name_kh')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.first_name_kh')</label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('last_name_kh')) has-error @endif">
                                                {!! Form::text('last_name_kh', null, array('placeholder' => 'Ex: ម៉ៅ','class' => 'form-control')) !!}
                                                @if($errors->first('last_name_kh'))
                                                    <span class="text-danger">{{$errors->first('last_name_kh')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>


                                </div>
        
                                <div class="row">
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.marital_status') </label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('marital_status')) has-error @endif">
                                                <select name="marital_status"  class="form-control select2" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                    @foreach($marital_status as $k => $v)
                                                        <option @if(old('marital_status') == $v->id) selected @endif value="{{ $v->id }}">{{ $v->full_name }}</option>
                                                    @endforeach
                                                    
                                                </select>
                                                @if($errors->first('marital_status'))
                                                    <span class="text-danger">{{$errors->first('marital_status')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.gender')</label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('gender')) has-error @endif">
                                                <select name="gender"  class="form-control select2" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                    @foreach($gender as $k => $v)
                                                        <option @if(old('gender') == $v->id) selected @endif value="{{ $v->id }}">{{ $v->full_name }}</option>
                                                    @endforeach
                                                </select>
                                                @if($errors->first('gender'))
                                                    <span class="text-danger">{{$errors->first('gender')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.national_id_card')</label></div>
                                            <div class="col-sm-12 @if($errors->has('id_card')) has-error @endif">
                                                {!! Form::text('id_card', null, array('placeholder' => '','class' => 'form-control')) !!}
        
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.date_of_birth')</label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('dob')) has-error @endif">
                                                <div class="controls"  id="data_dob">
                                                    <div class="input-group">
                                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-calendar"></i></span></div>
                                                        <input placeholder="yyyy/mm/dd" class="form-control input-group dob" autocomplete="off" name="dob" type="date">
                                                    </div>
                                                </div>
                                                @if($errors->first('dob'))
                                                    <span class="text-danger">{{$errors->first('dob')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
        
                                <div class="row">
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.bankname') </label> </div>
                                            <div class="col-sm-12 @if($errors->has('bank_name')) has-error @endif">
                                                <select name="bank_name"  class="form-control select2" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                    @foreach($bank_name as $k => $v)
                                                        <option @if(old('bank_name') == $v->id) selected @endif value="{{ $v->id }}">{{ $v->full_name }}</option>
                                                    @endforeach
                                                </select>
                                                @if($errors->first('bank_name'))
                                                    <span class="text-danger">{{$errors->first('bank_name')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.bank_account_number')</label></div>
                                            <div class="col-sm-12 @if($errors->has('account_number')) has-error @endif">
                                                {!! Form::text('account_number', null, array('placeholder' => 'Ex: 000 000 000','class' => 'form-control')) !!}
                                                @if($errors->first('account_number'))
                                                    <span class="text-danger">{{$errors->first('account_number')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.bank_account_name')</label></div>
                                            <div class="col-sm-12 @if($errors->has('account_name')) has-error @endif">
                                                {!! Form::text('account_name', null, array('placeholder' => 'Ex: Sok Mao','class' => 'form-control')) !!}
                                                @if($errors->first('account_name'))
                                                    <span class="text-danger">{{$errors->first('account_name')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.driver_licence')</label></div>
                                            <div class="col-sm-12 @if($errors->has('driver_license')) has-error @endif">
                                                {!! Form::text('driver_license', null, array('placeholder' => '','class' => 'form-control')) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
        
                                <div class="row">
        
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.branch') </label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('branch')) has-error @endif">
                                                <select name="branch"  class="form-control select2" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                    @foreach($branch as $k => $v)
                                                        <option @if(old('branch') == $v->id) selected @endif value="{{ $v->id }}">{{ $v->name }}</option>
                                                    @endforeach
                                                </select>
                                                @if($errors->first('branch'))
                                                    <span class="text-danger">{{$errors->first('branch')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
        
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.phone_number') </label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('phone_number')) has-error @endif">
                                                {!! Form::text('phone_number', null, array('placeholder' => 'Ex: 093322910','class' => 'form-control')) !!}
                                                @if($errors->first('phone_number'))
                                                    <span class="text-danger">{{$errors->first('phone_number')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.email')</label></div>
                                            <div class="col-sm-12 @if($errors->has('email')) has-error @endif">
                                                {!! Form::text('email', null, array('placeholder' => '','class' => 'form-control')) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.height')</label></div>
                                            <div class="col-sm-12 @if($errors->has('height')) has-error @endif">
                                                {!! Form::text('height', null, array('placeholder' => 'Ex: 1.60','class' => 'form-control')) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-12">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.place_Of_birth')</label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('pob')) has-error @endif">
                                                {!! Form::textarea('pob', null, array('placeholder' => '','class' => 'form-control','rows' => 3)) !!}
                                                @if($errors->first('pob'))
                                                    <span class="text-danger">{{$errors->first('pob')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
        
                                <div class="card-header" style="padding: 0 !important;margin: 0 !important;font-weight:bold">@lang('message.crrent_address')</div>
                                <br/>
                                <div class="card-body" style="padding: 0 !important;margin: 0 !important;">
                                    <div class="row">
                                        <div class="col-sm-12 col-lg-3">
                                            <div class="form-group row">
                                                <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.Province_town_city')</label> <span class="text-danger">*</span></div>
                                                <div class="col-sm-12 @if($errors->has('province')) has-error @endif">
                                                <select name="province"  class="form-control select2 province" id="province_id" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                    @foreach($province as $k => $v)
                                                        <option @if(old('province') == $v->province_id) selected @endif value="{{ $v->province_id }}">{{ $v->name }}</option>
                                                    @endforeach
                                                </select>
                                                @if($errors->first('province'))
                                                    <span class="text-danger">{{$errors->first('province')}}</span>
                                                @endif
                                            </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 col-lg-3">
                                            <div class="form-group row">
                                                <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.district')</label> <span class="text-danger">*</span></div>
                                                <div class="col-sm-12 @if($errors->has('district')) has-error @endif">
                                                <select name="district" class="form-control select2 district" id="district_id" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                </select>
                                                @if($errors->first('district'))
                                                    <span class="text-danger">{{$errors->first('district')}}</span>
                                                @endif
                                            </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 col-lg-3">
                                            <div class="form-group row">
                                                <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.commune')</label> </div>
                                                <div class="col-sm-12 @if($errors->has('commune')) has-error @endif">
                                                <select name="commune" class="form-control select2 commune" id="commune_id" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                </select>
                                                @if($errors->first('commune'))
                                                    <span class="text-danger">{{$errors->first('commune')}}</span>
                                                @endif
                                            </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 col-lg-3">
                                            <div class="form-group row">
                                                <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.village')</label> </div>
                                                <div class="col-sm-12 @if($errors->has('village')) has-error @endif">
                                                <select name="village" class="form-control select2 village" id="village_id" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                </select>
                                                @if($errors->first('village'))
                                                    <span class="text-danger">{{$errors->first('village')}}</span>
                                                @endif
                                            </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
        
                                <div class="row">
                                    <div class="col-sm-12 col-lg-9">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.address_detail') </label></div>
                                            <div class="col-sm-12 @if($errors->has('location')) has-error @endif">
                                                {!! Form::text('location', null, array('placeholder' => '','class' => 'form-control')) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-3">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.emergency_contact')</label> </div>
                                            <div class="col-sm-12 @if($errors->has('emergency_contact')) has-error @endif">
                                                {!! Form::text('emergency_contact', null, array('placeholder' => '','class' => 'form-control')) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
        
                                <div class="row">
                                    <div class="col-sm-12 col-lg-12">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.note') </label></div>
                                            <div class="col-sm-12 @if($errors->has('noted')) has-error @endif">
                                                {!! Form::textarea('noted', null, array('placeholder' => '','class' => 'form-control','rows' => 2)) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
        
                                <div class="row">
                                    <div class="col-sm-12 col-lg-12">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label @if($errors->has('staffProfile')) has-error @endif"><label for="nf-email">@lang('message.attachment_file') <span class="text-danger">*</span></label></div>
                                            <div class="group-staff-profile" style="margin-left:15px;">
                                                <img class="img-responsive" id="img-profile" src="{{ asset('upload/no_img.png') }}"
                                                    alt="Default image">
                                                <input type="file" id="staffProfile" name="profile">
                                                <button type="button" class="btn btn-danger" id="img-delete" style="display:none"><i class="fas fa-trash-alt"></i></button>
                                            </div>
                                            @if($errors->first('profile'))
                                                <span class="text-danger">{{$errors->first('profile')}}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
        
                            </div>
                            <div class="card-footer text-right">
                                <button class="btn btn-md btn-primary btn-square" type="submit"> @lang('message.save')</button>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <style>
        .select2-container .select2-selection--single{
            height: 34px !important;
        }
        .select2-container--default .select2-selection--single .select2-selection__rendered{
            line-height: 34px !important;
        }
        
        .select2-container--default .select2-search--dropdown .select2-search__field{
            border: 1px solid #dadada !important;
            outline: blanchedalmond;
        }
    </style>
@endsection
@section('scripts')
    <script>
        
        $('.select2').select2();
        $('.province').change(function () {
            var province = $(this).val().replace(/[^0-9]/gi, '');
            $.ajax({
                type: 'GET',
                url: "{{ route('pt.getDistrict') }}",
                data: {'province': province},
                beforeSend: function(){
                    $("#loading").fadeIn();
                },
                success: function (data) {
                    // console.log(data);
                    $('.district').empty();
                    $('.commune').empty();
                    $('.village').empty();
                   // $('.district').append('<option value="0" selected>__please select District__</option>');
                    var selOpts = '';
                     $.each(data, function(k, v) {
                        selOpts += "<option value='"+v.district_id+"'>"+v.name+"</option>";
                    });
                    $('.district').html(selOpts);
                    $('.district').val(null).trigger('change');
                    $('.commune').val(null).trigger('change');
                    $('.village').val(null).trigger('change');

                },
                complete: function(){
                    $("#loading").fadeOut(100);
                },
                error: function (report){
                    console.log(report);
                }
            });
        });

        $('.district').change(function () {
            var district = $(this).val().replace(/[^0-9]/gi, '');
            $.ajax({
                type: 'GET',
                url: "{{ route('pt.getCommune') }}",
                data: {'district': district},
                beforeSend: function(){
                    $("#loading").fadeIn();
                },
                success: function (data) {
                    // console.log(data);
                    $('.commune').empty();
                    $('.village').empty();
                    var selOpts = '';
                     $.each(data, function(k, v) {
                        selOpts += "<option value='"+v.commune_id+"'>"+v.name+"</option>";
                    });
                    $('.commune').html(selOpts);
                    $('.commune').val(null).trigger('change');
                    $('.village').val(null).trigger('change');
                },
                complete: function(){
                    $("#loading").fadeOut(100);
                },
                error: function (report){
                    console.log(report);
                }
            });
        });


        $('.commune').change(function () {
            var commune = $(this).val().replace(/[^0-9]/gi, '');
            $.ajax({
                type: 'GET',
                url: "{{ route('pt.getVillage') }}",
                data: {'commune': commune},
                beforeSend: function(){
                    $("#loading").fadeIn();
                },
                success: function (data) {
                    // console.log(data);
                    var selOpts = '';
                     $.each(data, function(k, v) {
                        selOpts += "<option value='"+v.village_id+"'>"+v.name+"</option>";
                    });
                    $('.village').html(selOpts);
                    $('.village').val(null).trigger('change');
                },
                complete: function(){
                    $("#loading").fadeOut(100);
                },
                error: function (report){
                    console.log(report);
                }
            });
        });

    </script>
@endsection