@php
$option="Save";
$seniority_no="";
$cadre_code='';
@endphp
@if(!empty($empEosdata))
@if(count($empEosdata)>0)
@php
$option="Update";
@endphp
@endif
@endif

@if(!empty($hrmsUserSeniority_c))
@if(count($hrmsUserSeniority_c)>0)
@foreach($hrmsUserSeniority_c as $item)
@php
if($item->cadre_code!='')
$cadre_code=$item->cadre_code;
else
$cadre_code="";
if($item->seniority_no!='')
$seniority_no=$item->seniority_no;
else
$seniority_no="";
@endphp
@endforeach
@endif
@endif
@if(!empty($empDetailsData))
@if(count($empDetailsData)>0)
@foreach($empDetailsData as $item)
<input type='hidden' name='user_id' id='user_id' value=''/>
<input type='hidden' name='seniority_no' id='seniority_no' value=''/>
<input type='hidden' name='cadre_code' id='cadre_code' value=''/>
<input type='hidden' name='seniority_no_u' id='seniority_no_u' value=''/>
<input type='hidden' name='cadre_code_u' id='cadre_code_u' value=''/>
<input type='hidden' name='sid' id='sid' 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

<!--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">Seniority </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="cadre" class=""><span>Cadre*</span>

<select class="form-select @error('cadre') is-invalid @enderror"  name="cadre" id="cadre">
<option value=''>Select Mode</option>
@foreach ($masterCadre as $key => $value)
<option value="{{ $key }}" > 
{{ $value }}
</option>
@endforeach
</select>
</label>

@error('cadre')
<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="seniorityNo" class=""><span>Seniority No.</span>
        <input type="text" id="seniorityNo" name="seniorityNo" class="form-control @error('seniorityNo') is-invalid @enderror" value=''/>
        </label>
@error('seniorityNo')
<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"  style="display: flex;justify-content: center;align-items: center;">
    <div class="md-form">
<div id="lastCadre" class="text-danger fw-bold"></div>
    </div>
</div>
<!--Grid column-->   
                </div>
                <div class="row mb-1" >                
 <!--Grid column-->
 <div class="col-md-3 mt-2 mb-2">
                        <div class="md-form">
                        <label for="fromDate" class=""><span>From Date*</span>
                        <div class="input-group">
                            <input type="text" id="fromDate" name="fromDate" class="form-control @error('fromDate') is-invalid @enderror" value=''/>
                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
                            </label>
                    @error('fromDate')
                    <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="toDate" class=""><span>To Date</span>
                        <div class="input-group">
                            <input type="text" id="toDate" name="toDate" class="form-control @error('toDate') is-invalid @enderror" value=''/>
                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
                            </label>
                    @error('toDate')
                    <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 class="col-md-2 mt-2 mb-2 d-flex align-items-end">

                        <div class="text-center text-md-left">
                            <div id="eButton" style="display:none;">
                            <button type="button" class="btn btn-primary" onclick="update_record('Update')">Update</button>
                            <button type="button" class="btn btn-primary" onclick="cancelEdit()">Cancel</button>
                            </div>
                            <div id="sButton" style="display:none;">
                                 <button type="button" class="btn btn-primary" onclick="update_record('Save')">Save</button>
                            </div>
                                       </div>                        
                      
                    </div>

                </div>
                

                

</div>
</div>

@if(!empty($hrmsUserSeniority))
@if(count($hrmsUserSeniority)>0)
@php 
             $sno=0;
             @endphp
    <div class="panel panel-inverse">
    <div class="panel-heading" style="cursor:pointer">
    <h4 class="panel-title">Seniority Details</h4>
    <div class="panel-heading-btn">
      <a href="#" class="btn btn-xs btn-icon btn-circle btn-danger plusMinus" data-toggle="panel-collapse">
        <i class="fa fa-plus"></i>
      </a>
    </div>
    </div>
    <div class="panel-body">
        <table class="table table-bordered fs-12px">
            <thead>
                    <tr><th class="col-1">SNo.</th>
                        <th class="col-2">Cadre</th>
                          <th class="col-1">Seniority No.</th>
                        <th class="col-1">From</th>
                        <th class="col-1">To</th>
                          <th class="col-1">Order No.</th>
                          <th class="col-1">Order Date</th>
                          <th class="col-2">Remark</th>
                          <th  class="col-1"></th>
                    </tr>
                    </thead>  
    @foreach($hrmsUserSeniority as $item_s)
    @php 
             $sno++;
             @endphp
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td><p style="text-align: justify;"></p></td>
              <td><input class="btn btn-primary" type="button" name="edit" value="Edit" onclick="getSeniority()"/></td>
            </tr>
        
@endforeach
        </table>
</div>
</div>
@endif
@endif
            </form>


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




    </div>

</section>

<script>
    $(document).ready(function(){
       
        $(document).on("change", '#cadre', function () {
   
var url = "{{ url('getLastSeniority')}}";
var estb_code=$('#estb_code').val();
var user_type=$('#user_type').val();
var cadre=$('#cadre').val();

            $.get(url,
            {estb_code: estb_code, user_type: user_type, cadre: cadre},
                    function (data) {
                        var lc='';
                        $('#seniorityNo').val('');
                        $.each(data, function (index, element) {
if(element.name!='' && element.name!== null) 
{
lc += element.name;
}
if(element.seniority_no!='' && element.seniority_no!== null)
{
lc += " at seniority no. " + element.seniority_no;
$('#seniorityNo').val(++element.seniority_no);
$('#seniority_no_u').val(element.seniority_no);
}
else{
    $('#seniorityNo').val('1');
    $('#seniority_no_u').val('1');}
                        });
                        $('#lastCadre').html(lc);
                        $('#cadre_code_u').val(cadre);
                    }
            );
        })

    })
$("#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(opt){
var option=opt;
var user_id=$('#user_id').val();
var cadre=$('#cadre').val();
var seniorityNo=$('#seniorityNo').val();
var fromDate=$('#fromDate').val();
var toDate=$('#toDate').val();
var orderNo=$('#orderNo').val();
var orderDate=$('#orderDate').val();
var remarks=$('#remarks').val();
var seniority_no=$('#seniority_no').val();
var seniority_no_u=$('#seniority_no_u').val();
var cadre_code=$('#cadre_code').val();
var cadre_code_u=$('#cadre_code_u').val();
var estb_code=$('#estb_code').val();
var user_type=$('#user_type').val();
var sid=$('#sid').val();

if(user_id=='')
{
    alert('Something wrong! User Id is blank');
    return false;
}
if(cadre=='')
{
    alert('Cadre is required');
    return false;
}
if(seniorityNo=='')
{
    alert('Seniority no. is required');
    return false;
}

if(fromDate=='')
{
    alert('From Date should not be blank');
    return false;
}

if(option=='Save' && cadre==cadre_code_u )
{
 if(seniorityNo<=seniority_no_u)  {
    if (confirm("You enter lower seniority no., this will rearrange seniority.") == true) {

  } else {
   return false;
  }
 } 
}

$.ajax({
    url:"saveSeniority",
    method:"POST",
    data:{user_id:user_id, cadre:cadre, seniorityNo:seniorityNo, fromDate:fromDate, toDate:toDate, orderNo:orderNo, orderDate:orderDate,  remarks:remarks, option:option, estb_code:estb_code, user_type:user_type , sid:sid},
    dataType:"json",
    success:function(data)
    {
        alert(data.result);
        // getData();
        // $("#getButton").trigger("click", { tp:tp });
         $("#getButton").trigger("click");
        // $("input[name='tpchoice']").filter('[value='+tp+']').prop('checked', true);
    }
   })
}
function cancelEdit(){
    $('#sid').val('');
    $('#eButton').hide();
    $('#sButton').show();
   
    var element = document.getElementById("form_eos");
         element.reset();
       
}
function getSeniority(sid) {
    $('#lastCadre').html('');
    $('#sButton').hide();
    $('#eButton').show();
            var url = "{{ url('getSeniorityForUpdate')}}";
var id=$('#user_id').val();

            $.get(url,
            {id: id, sid: sid},
                    function (data) {
                        $.each(data, function (index, element) {
$('#cadre').val(element.cadre_code);
$('#seniorityNo').val(element.seniority_no);

if(element.from_date!='' && element.from_date!== null){
var tempDate = new Date(element.from_date);
var formattedDate = [tempDate.getDate().toString().padStart(2, '0'), (tempDate.getMonth() + 1).toString().padStart(2, '0'), tempDate.getFullYear()].join('/');
// $('#eosDate').val(formattedDate);
$('#fromDate').datepicker('setDate', formattedDate);
}
if(element.to_date!='' && element.to_date!== null){
var tempDate = new Date(element.to_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);
$('#sid').val(element.id);

                        });
                    }
            );
        }

</script>