@extends('core::layouts.master')
@section('title')
Add Contract

@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>Add Contract</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">Add Contract
                        </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' => 'contract.store','method'=>'POST','class'=>'form-horizontal','enctype'=>'multipart/form-data')) !!}
                            <div class="card-header">@lang('message.add_contract')</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.employee')</label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('employee')) has-error @endif">
                                                <select name="employee"  class="form-control select2" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                    @foreach($employee as $k => $v)
                                                        <option @if(old('employee') == $v->id) selected @endif value="{{ $v->id }}">{{ $v->first_name }} {{ $v->last_name }}</option>
                                                    @endforeach
                                                </select>
                                                @if($errors->first('employee'))
                                                    <span class="text-danger">{{$errors->first('employee')}}</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.contract_type') </label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('contract_type')) has-error @endif">
                                                <select name="contract_type"  class="form-control select2 contract_type" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                    @foreach($contract_type as $k => $v)
                                                        <option @if(old('contract_type') == $v->id) selected @endif value="{{ $v->id }}">{{ $v->full_name }}</option>
                                                    @endforeach
                                                    
                                                </select>
                                                @if($errors->first('contract_type'))
                                                    <span class="text-danger">{{$errors->first('contract_type')}}</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.department')</label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('department')) has-error @endif">
                                                <select name="department"  class="form-control select2" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                    @foreach($department as $k => $v)
                                                        <option @if(old('department') == $v->id) selected @endif value="{{ $v->id }}">{{ $v->name }}</option>
                                                    @endforeach
                                                </select>
                                                @if($errors->first('department'))
                                                    <span class="text-danger">{{$errors->first('department')}}</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.position')</label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('position')) has-error @endif">
                                                <select name="position"  class="form-control select2" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                    @foreach($position as $k => $v)
                                                        <option @if(old('position') == $v->id) selected @endif value="{{ $v->id }}">{{ $v->name }}</option>
                                                    @endforeach
                                                </select>
                                                @if($errors->first('position'))
                                                    <span class="text-danger">{{$errors->first('position')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                  
                                </div>

                                <div class="row">
                                    <div class="col-sm-12 col-lg-3 transfer_work_to" style="display: none;">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.transfer_work_to')</label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('transfer_work_to')) has-error @endif">
                                                <select name="transfer_work_to"  class="form-control select2" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                    @foreach($employee as $k => $v)
                                                        <option @if(old('transfer_work_to') == $v->id) selected @endif value="{{ $v->id }}">{{ $v->first_name }} {{ $v->last_name }}</option>
                                                    @endforeach
                                                </select>
                                                @if($errors->first('transfer_work_to'))
                                                    <span class="text-danger">{{$errors->first('transfer_work_to')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-lg-3 get_work_from" style="display: none;">
                                        <div class="form-group row">
                                            <div class="col-sm-12 control-label"><label for="nf-email">@lang('message.get_work_from')</label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('get_work_from')) has-error @endif">
                                                <select name="get_work_from"  class="form-control select2" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                    @foreach($employee as $k => $v)
                                                        <option @if(old('get_work_from') == $v->id) selected @endif value="{{ $v->id }}">{{ $v->first_name }} {{ $v->last_name }}</option>
                                                    @endforeach
                                                </select>
                                                @if($errors->first('get_work_from'))
                                                    <span class="text-danger">{{$errors->first('get_work_from')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
        
                                <div class="row salary_block">
                                    
                                    <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.salary')</label></div>
                                            <div class="col-sm-12 @if($errors->has('salary')) has-error @endif">
                                                <div class="controls">
                                                    <div class="input-group">
                                                        <div class="input-group-prepend"><span class="input-group-text">$</span></div>
                                                        {!! Form::text('salary', null, array('placeholder' => 'Ex: 400','class' => 'form-control')) !!}
                                                        <div class="input-group-prepend"><span class="input-group-text">.00</span></div>
                                                    </div>
                                                </div>
                                               
                                                @if($errors->first('salary'))
                                                    <span class="text-danger">{{$errors->first('salary')}}</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.gasoline')</label></div>
                                            <div class="col-sm-12 @if($errors->has('gasoline')) has-error @endif">
                                                <div class="controls">
                                                    <div class="input-group">
                                                        <div class="input-group-prepend"><span class="input-group-text">$</span></div>
                                                        {!! Form::text('gasoline', null, array('placeholder' => 'Ex: 30','class' => 'form-control')) !!}
                                                        <div class="input-group-prepend"><span class="input-group-text">.00</span></div>
                                                    </div>
                                                </div>
                                                @if($errors->first('gasoline'))
                                                    <span class="text-danger">{{$errors->first('gasoline')}}</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.card')</label></div>
                                            <div class="col-sm-12 @if($errors->has('card')) has-error @endif">
                                                <div class="controls">
                                                    <div class="input-group">
                                                        <div class="input-group-prepend"><span class="input-group-text">$</span></div>
                                                        {!! Form::text('card', null, array('placeholder' => 'Ex: 30','class' => 'form-control')) !!}
                                                        <div class="input-group-prepend"><span class="input-group-text">.00</span></div>
                                                    </div>
                                                </div>
                                                @if($errors->first('card'))
                                                    <span class="text-danger">{{$errors->first('card')}}</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.currency') </label> </div>
                                            <div class="col-sm-12 @if($errors->has('currency')) has-error @endif">
                                                <select name="currency"  class="form-control select2" style="width: 100% !important;">
                                                    <option value="" disabled selected>@lang('message.select')</option>
                                                    @foreach($currency as $k => $v)
                                                        <option @if(old('currency') == $v->id) selected @endif value="{{ $v->id }}">{{ $v->full_name }}</option>
                                                    @endforeach
                                                </select>
                                                @if($errors->first('currency'))
                                                    <span class="text-danger">{{$errors->first('currency')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                </div>
        


                                <div class="row cc">
        
                                    <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.contract_start_date') </label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('contract_start_date')) has-error @endif">
                                                <div class="controls"  id="contract_start_date">
                                                    <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 contract_start_date" autocomplete="off" name="contract_start_date" type="date">
                                                    </div>
                                                </div>
                                                @if($errors->first('contract_start_date'))
                                                    <span class="text-danger">{{$errors->first('contract_start_date')}}</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.contract_end_date')</label></div>
                                            <div class="col-sm-12 @if($errors->has('contract_end_date')) has-error @endif">
                                                <div class="controls"  id="contract_end_date">
                                                    <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 contract_end_date" autocomplete="off" name="contract_end_date" type="date">
                                                    </div>
                                                </div>
                                                @if($errors->first('contract_end_date'))
                                                    <span class="text-danger">{{$errors->first('contract_end_date')}}</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.probation_end_date')</label></div>
                                            <div class="col-sm-12 @if($errors->has('probation_end_date')) has-error @endif">
                                                <div class="controls"  id="probation_end_date">
                                                    <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 probation_end_date" autocomplete="off" name="probation_end_date" type="date">
                                                    </div>
                                                </div>
                                                @if($errors->first('probation_end_date'))
                                                    <span class="text-danger">{{$errors->first('probation_end_date')}}</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.pay_tax_by_company')</label> <span class="text-danger">*</span></div>
                                            <div class="col-sm-12 @if($errors->has('tax')) has-error @endif">
                                                <input name="tax" type="checkbox" value="1"> Check
                                                @if($errors->first('tax'))
                                                    <span class="text-danger">{{$errors->first('tax')}}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
        
                                
                 
                                <div class="row other">
                                    <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.education') </label></div>
                                            <div class="col-sm-12 @if($errors->has('education')) has-error @endif">
                                                {!! Form::textarea('education', null, array('placeholder' => '','class' => 'form-control','rows' => 2)) !!}
                                            </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.experience') </label></div>
                                            <div class="col-sm-12 @if($errors->has('experience')) has-error @endif">
                                                {!! Form::textarea('experience', null, array('placeholder' => '','class' => 'form-control','rows' => 2)) !!}
                                            </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.skills') </label></div>
                                            <div class="col-sm-12 @if($errors->has('skills')) has-error @endif">
                                                {!! Form::textarea('skills', null, array('placeholder' => '','class' => 'form-control','rows' => 2)) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12 col-lg-12">
                                    <div class="form-group row">
                                        <label for="inputExperience" class="col-sm-1 col-form-label">@lang('message.attachment_file')</label>
                                        <div class="col-sm-11">
                                            <label for="exampleInputFile">File input</label>
                                            <input type="file" id="exampleInputFile" name="file">
                                        </div>
                                    </div>
                                </div>


                                <div class="row reason" style="display: none">
                                    <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.reason') </label></div>
                                            <div class="col-sm-12 @if($errors->has('reason')) has-error @endif">
                                                {!! Form::textarea('reason', null, array('placeholder' => '','class' => 'form-control','rows' => 2)) !!}
                                            </div>
                                        </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>
         $('.contract_type').change(function () {
             var type = $(this).val();
            if(type == 19) {
                $('.salary_block').show(); 
                $('.cc').show(); 
                $('.other').show();
                $('.transfer_work_to').hide(); 
                $('.get_work_from').hide(); 
                $('.reason').hide(); 
            }else if(type == 20 || type == 21){
                $('.salary_block').hide(); 
                $('.cc').hide(); 
                $('.other').hide();
                $('.transfer_work_to').show(); 
                $('.get_work_from').hide(); 
                $('.reason').show(); 
            }else if(type == 22 || type == 23){
                $('.salary_block').show(); 
                $('.cc').hide(); 
                $('.other').hide();
                $('.transfer_work_to').show();
                $('.get_work_from').hide(); 
                $('.reason').show(); 
            } else {
                $('.salary_block').hide(); 
                $('.transfer_work_to').show();
                $('.get_work_from').hide(); 
                $('.cc').hide(); 
                $('.other').hide();
                $('.reason').show(); 
            } 
         });

        $('.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