@php
$option="Save";
@endphp
@if(!empty($empEosdata))
@if(count($empEosdata)>0)
@php
$option="Update";
@endphp
@endif
@endif
@if(!empty($empDetailsData))
@if(count($empDetailsData)>0)
@foreach($empDetailsData as $item)
<input type='hidden' name='user_id' id='user_id' value=''/>
@php
$data["id"]=$item->id;
$data["employeeId"]=$item->user_code;
$data["employeeName"]=$item->name;
$data["mobile"]=$item->mobile;
$data["email"]=$item->email;
$data["relation"]=$item->relation;
$data["employeeRelName"]=$item->relation_name;
if($item->dob!='')
$data["dob"]=date('d/m/Y',strtotime($item->dob));
else
$data["dob"]='';
@endphp
@endforeach
@endif
@endif
@php
$data["retirementmode"]='';
$data["order_no"]='';
$data["remarks"]='';
$data["display"]='';
$data["eos_date"]='';
$data["order_date"]='';
@endphp
@if(!empty($empEosdata))
@if(count($empEosdata)>0)
@foreach($empEosdata as $item)
@php
$data["retirementmode"]=$item->retirement_mode;
$data["order_no"]=$item->order_no;
$data["remarks"]=$item->remarks;
$data["display"]=$item->display;
if($item->eos_date!='')
$data["eos_date"]=date('d/m/Y',strtotime($item->eos_date));
else
$data["eos_date"]='';
if($item->order_date!='')
$data["order_date"]=date('d/m/Y',strtotime($item->order_date));
else
$data["order_date"]='';
@endphp
@endforeach
@endif
@endif

<!--Section: Contact v.2-->
<section class="mb-4 bg-white">
    <!--Section heading-->
    <!-- <h3 class="h3-responsive font-weight-bold text-center p-3">EMPLOYEE POSTING DETAILS</h3> -->
    <!--Section description-->
    <script>
@if(Session::has('success'))
swal("{{Session::get('success')}}").then(function() {
   // window.location = "/employees";
});
@endif


</script>
 <!--Grid column-->
 <!-- <div class="row">
 <div class="col-md-6 mb-2">
    <span>{{ $data["employeeName"] }}</span>
    </div>
 </div> -->
    <!--Grid column-->
    <div class="row">
        <!--Grid column-->

        <div class="col-md-12 mb-5">


        @if(Session::has('error'))
            <div class="alert alert-success text-center">
                {{Session::get('error')}}
            </div>
        @endif
            <form name='form_eos' id='form_eos' method="POST" action="">
        @csrf
<input type="hidden" name="id" id="id" value='{{ old("id") }}'/>
        <div class="panel panel-inverse">
  <div class="panel-heading">
    <h4 class="panel-title">End of service </h4>
  </div>
  <div class="panel-body">
                <!--Grid row-->
                <div class="row mb-1" >
                    <!--Grid column-->
                    <div class="col-md-3  mt-2 mb-2">

                        <div class="md-form">
                        <label for="employeeId" class=""><span>User ID*</span>
                            <input type="text" id="employeeId" name="employeeId" class="form-control @error('employeeId') is-invalid @enderror" value='{{ $data["employeeId"] }}' readonly/>
                            </label>
                    @error('employeeId')
                    <span class="invalid-feedback d-inline" role="alert"><strong>{{ $message }}</strong></span>
                @enderror
                       </div>

                    </div>
                    <!--Grid column-->
                    <!--Grid column-->
 <div class="col-md-3 mt-2 mb-2">
    <div class="md-form">
    <label for="eosMode" class=""><span>End of Service Mode*</span>

<select class="form-select @error('eosMode') is-invalid @enderror"  name="eosMode" id="eosMode">
<option value=''>Select Mode</option>
@foreach ($retirement_mode as $key => $value)
<option value="{{ $key }}" {{ ( $key == $data["retirementmode"]) ? 'selected' : '' }}>
{{ $value }}
</option>
@endforeach
</select>
</label>

@error('eosMode')
<span class="invalid-feedback d-inline" role="alert">
    <strong>{{ $message }}</strong>
</span>
@enderror
    </div>
</div>

<!--Grid column-->
                
                   
 <!--Grid column-->
 <div class="col-md-3 mt-2 mb-2">
                        <div class="md-form">
                        <label for="eosDate" class=""><span>End of Service Date*</span>
                        <div class="input-group">
                            <input type="text" id="eosDate" name="eosDate" class="form-control @error('eosDate') is-invalid @enderror" value='{{ $data["eos_date"] }}'/>
                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
                            </label>
                    @error('eosDate')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>

                    <!--Grid column-->


 <!--Grid column-->
 <div class="col-md-3 mt-2 mb-2">
                        <div class="md-form">
                        <label for="orderNo" class=""><span>Order No.</span>
                            <input type="text" id="orderNo" name="orderNo" class="form-control @error('orderNo') is-invalid @enderror" value='{{ $data["order_no"] }}'/>
                            </label>
                    @error('orderNo')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    <!--Grid column-->

 <!--Grid column-->
 <div class="col-md-3 mt-2 mb-2">
                        <div class="md-form">
                        <label for="orderDate" class=""><span>Order Date</span>
                        <div class="input-group">
                            <input type="text" id="orderDate" name="orderDate" class="form-control @error('orderDate') is-invalid @enderror" value='{{ $data["order_date"] }}'/>
                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
                            </label>
                    @error('orderDate')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    <!--Grid column-->

 <!--Grid column-->
 <div class="col-md-6 mt-2 mb-2">
                        <div class="md-form">
                        <label for="remarks" class=""><span>Remarks</span>
                        <textarea id="remarks" name="remarks" class="form-control @error('remarks') is-invalid @enderror" >{{ $data["remarks"] }}</textarea>
                        </label>
                    @error('remarks')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    <!--Grid column-->


                </div>
                
                @if($working_status=="working")
                <div id="row">
                    <div class="col-md-6 mt-2 mb-2">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="change_working" id="change_working"  />
                            <label class="form-check-label" for="change_working">With update in relieving dates in Transfer/Posting.</label>
                          </div>
                    </div>
                </div>
                @endif
                
                <div class="text-center text-md-left">

                <button type="button" class="btn btn-primary" onclick="update_record()">{{$option}}</button>

                           </div>
</div>
</div>
            </form>


        </div>
        <!--Grid column-->




    </div>

</section>

<script>
    $(document).ready(function(){
        $('input[type=radio][name=tpchoice]').change(function() {
        var tp = $("input[name='tpchoice']:checked").val();

    if (tp == 'T') {
        $('#postingInputs').hide();
       $('#postingDetails').hide();
       $('#transferDetails').show();
       $('#transferInputs').show();
       $('#sButton').show();
    //    this.filter('[value=T]').prop('checked', true); 
    }
    if (tp == 'P') {
        $('#transferInputs').hide();
        $('#transferDetails').hide();
       $('#postingDetails').show();
       $('#postingInputs').show();
       $('#sButton').show();
    //    this.filter('[value=P]').prop('checked', true); 
    }
});
 
    })
$("#estbCode").autocomplete({
    minLength: 3,
    source: function(query, result)
  {
   $.ajax({
    url:"auto_establishment",
    method:"POST",
    data:{query:query,estbtype:$("#estbTitle").val()},
    dataType:"json",
    success:function(data)
    {
     result($.map(data, function(item)
	 {
      return item;
     }));
    }
   })
  },
  autoFocus: true,
  select: function(event, ui) { 
    $(event.target).val(ui.item.value);
    $('#estbCode').val(ui.item.value);
    // $idval=ui.item.value.split('#');
    // $('#id').val($idval[1].trim());
        },
  });

function update_record(){
var cw = '';
var option='{{$option}}';
if($("input[name='change_working']").length > 0)
if($("#change_working").is(':checked'))
cw="update_tp";
var user_id=$('#user_id').val();
var eosMode=$('#eosMode').val();
var eosDate=$('#eosDate').val();
var orderNo=$('#orderNo').val();
var orderDate=$('#orderDate').val();
var remarks=$('#remarks').val();

if(user_id=='')
{
    alert('Something wrong! User Id is blank');
    return false;
}
if(eosMode=='')
{
    alert('End of Service Mode is required');
    return false;
}

if(eosDate=='')
{
    alert('End of Service Date should not be blank');
    return false;
}
var user_id=$('#user_id').val();
var eosMode=$('#eosMode').val();
var eosDate=$('#eosDate').val();
var orderNo=$('#orderNo').val();
var orderDate=$('#orderDate').val();
var remarks=$('#remarks').val();
$.ajax({
    url:"saveEOS",
    method:"POST",
    data:{user_id:user_id, eosMode:eosMode, eosDate:eosDate, orderNo:orderNo, orderDate:orderDate,  remarks:remarks, cw:cw, option:option},
    dataType:"json",
    success:function(data)
    {
        alert(data.result);
        getData();
        // $("#getButton").trigger("click", { tp:tp });
        // $("input[name='tpchoice']").filter('[value='+tp+']').prop('checked', true);
    }
   })
}
function cancelEdit(){
    var tp = $("input[name='tpchoice']:checked").val();
    $('#tpid').val('');
    $('#eButton').hide();
    $('#sButton').show();
    $('input[name=tpchoice]').prop("disabled",false);
    var element = document.getElementById("form_eos");
         element.reset();
         $("input[name='tpchoice']").filter('[value='+tp+']').prop('checked', true);
        //  $("input[name='tpchoice']").val(tp);
         $('input[name=tpchoice]').prop("disabled",false);
}
  function getTransferPosting(tp,tpid) {
    $('input[name=tpchoice]').prop("disabled",true);
    $('#sButton').hide();
    $('#eButton').show();
            var url = "{{ url('getTransferPosting')}}";
var id=$('#user_id').val();

            $.get(url,
            {id: id, tpid: tpid, tp: tp},
                    function (data) {
                        $.each(data, function (index, element) {
$('#estbTitle').val(element.estbTitleId);
$('#estbCode').val(element.est_name + " # " + element.estb_code);
if(tp=='P'){
$('#postCode').val(element.post_code);
$('#sectionCode').val(element.sec_code);
}
if(tp=='T'){
$('#desgCode').val(element.desig_code);
$('#attach_depu').val(element.transfer_type);
}
if(element.join_date!='' && element.join_date!== null){
var tempDate = new Date(element.join_date);
var formattedDate = [tempDate.getDate().toString().padStart(2, '0'), (tempDate.getMonth() + 1).toString().padStart(2, '0'), tempDate.getFullYear()].join('/');
// $('#eosDate').val(formattedDate);
$('#eosDate').datepicker('setDate', formattedDate);
}
if(element.releaving_date!='' && element.releaving_date!== null){
var tempDate = new Date(element.releaving_date);
var formattedDate = [tempDate.getDate().toString().padStart(2, '0'), (tempDate.getMonth() + 1).toString().padStart(2, '0'), tempDate.getFullYear()].join('/');
// $('#toDate').val(formattedDate);
$('#toDate').datepicker('setDate', formattedDate);
}
$('#orderNo').val(element.order_no);
if(element.order_date!='' && element.order_date!== null){
var tempDate = new Date(element.order_date);
var formattedDate = [tempDate.getDate().toString().padStart(2, '0'), (tempDate.getMonth() + 1).toString().padStart(2, '0'), tempDate.getFullYear()].join('/');
// $('#orderDate').val(formattedDate);
$('#orderDate').datepicker('setDate', formattedDate);
}
$('#remarks').val(element.remark);
$('#tpid').val(element.id);

// model.append("<option value='" + element.district_code + "'" + selOption + ">" + element.district_name_english + "</option>");
                        });
                    }
            );
        }
</script>