@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

<!--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_tp' id='form_tp' 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">Transfer / Posting </h4>
    <div class="s-5 d-inline">
        <div class="form-check form-check-inline">
            <input class="form-check-input" value="T" type="radio" id="tradio" name="tpchoice">
            <label class="form-check-label" for="tradio">Transfer</label>
        </div>
        <div class="form-check form-check-inline">
            <input class="form-check-input" value="P" type="radio"  id="pradio" name="tpchoice">
            <label class="form-check-label" for="pradio">Posting</label>
        </div>



    </div>
  </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="estbTitle" class=""><span>Establistment*</span>

<select class="form-select @error('estbTitle') is-invalid @enderror"  name="estbTitle" id="estbTitle">
<option value=''>Select Establistment*</option>
@foreach ($estbTitleData as $key => $value)
<option value="{{ $key }}" {{ ( $key == old("estbTitle")) ? 'selected' : '' }}>
{{ $value }}
</option>
@endforeach
</select>
</label>

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

<!--Grid column-->
<div class="col-sm-6  mt-2 mb-2">
    <div class="sm-form">
    <label for="estbCode" class=""><span>Select Establishment</span>
        <input type="text" id="estbCode" name="estbCode" autocomplete="off" class="form-control form-control-sm @error('estbCode') is-invalid @enderror" value='{{ old("estbCode") }}'/>
        </label>
@error('estbCode')
<span class="invalid-feedback d-inline" role="alert">
    <strong>{{ $message }}</strong>
</span>
@enderror

    </div>
</div>
                 
                    </div>
                    <div class="row mb-1" >
                        <div class="col-md-6" id='transferInputs' style='display:none;'>
                            <div class="row">
                            <!--Grid column-->
 <div class="col-md-6 mt-2 mb-2">
                        <div class="md-form">
                        <label for="desgCode" class=""><span>Designation*</span>

<select class="form-select @error('desgCode') is-invalid @enderror"  name="desgCode" id="desgCode">
<option value=''>Select Designation</option>
@foreach ($designation as $key => $value)
    <option value="{{ $key }}" {{ ( $key == old("desgCode")) ? 'selected' : '' }}>
        {{ $value }}
    </option>
@endforeach
</select>
</label>

                    @error('desgCode')
                    <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="attach_depu" class=""><span>Attachment/Deputation</span>

<select class="form-select @error('attach_depu') is-invalid @enderror"  name="attach_depu" id="attach_depu">
<option value=''>Select</option>

    <option value="A" {{ ( "A" == old("attach_depu")) ? 'selected' : '' }}>
        {{ "Attachment" }}
    </option>
    <option value="D" {{ ( "D" == old("attach_depu")) ? 'selected' : '' }}>
        {{ "Deputation" }}
    </option>

</select>
</label>

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

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

                    <div id='postingInputs' class="col-md-6" style='display:none;'>
 <div class="row">
                        <!--Grid column-->
 <div class="col-md-6 mt-2 mb-2">
                        <div class="md-form">
                        <label for="postCode" class=""><span>Post*</span>

<select class="form-select @error('postCode') is-invalid @enderror"  name="postCode" id="postCode">
<option value=''>Select Post</option>
@foreach ($posts as $key => $value)
    <option value="{{ $key }}" {{ ( $key == old("postCode")) ? 'selected' : '' }}>
        {{ $value }}
    </option>
@endforeach
</select>
</label>

                    @error('postCode')
                    <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="sectionCode" class=""><span>Section*</span>
<select class="form-select  @error('sectionCode') is-invalid @enderror"  name="sectionCode" id="sectionCode">
<option value=''>Select Section</option>
@foreach ($sections as $key => $value)
    <option value="{{ $key }}" {{ ( $key == old("sectionCode")) ? 'selected' : '' }}>
        {{ $value }}
    </option>
@endforeach
</select>
</label>

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

                    <!--Grid column-->
                    </div>
                    </div>
 <!--Grid column-->
 <div class="col-md-3 mt-2 mb-2">
                        <div class="md-form">
                        <label for="fromDate" class=""><span>Transfer Date / Joining Date*</span>
                        <div class="input-group">
                            <input type="text" id="fromDate" name="fromDate" class="form-control @error('fromDate') is-invalid @enderror" value='{{ old("fromDate") }}'/>
                            <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>Relieving Date</span>
                        <div class="input-group">
                            <input type="text" id="toDate" name="toDate" class="form-control @error('toDate') is-invalid @enderror" value='{{ old("toDate") }}'/>
                            <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='{{ old("orderNo") }}'/>
                            </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='{{ old("orderDate") }}'/>
                            <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" >{{ old("remarks") }}</textarea>
                        </label>
                    @error('remarks')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    <!--Grid column-->


                </div>
                <div class="text-center text-md-left">
                <div id="eButton" style="display:none;">
                <button type="button" class="btn btn-primary" onclick="update_record()">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="save_record()">Save</button>
                </div>
                           </div>
</div>
</div>
            </form>
<div id='postingDetails'  style='display:none;'>            
            @if(!empty($empPostingdata))
            @if(count($empPostingdata)>0)
                <!--Grid row-->
                <div class="panel panel-inverse">
  <div class="panel-heading">
    <h4 class="panel-title">Posting Details</h4>
  </div>
  <div class="panel-body">

                <div class="row mb-3">
                <div class="col-md-12 p-2 mb-2">
                    <table class="table table-striped">
                    <tr>
                            <th>SN</th>
                            <th>Post</th>
                            <th>Establishment</th>
                            <th>Section</th>
                            <th>Joining Date</th>
                            <th>Relieving Date</th>
                            <th>Order No. & Date</th>
                            <th>Remarks</th>
                            <th>Action</th>
                        </tr>

                @foreach($empPostingdata as $postdata)
                <tr>
                            <td>{{$loop->iteration}}</td>
                            <td>{{ $postdata->post_name }}</td>
                            <td> ()                            </td>
                            <td>{{ $postdata->section_name }}</td>
                            <td>@if($postdata->join_date!='')
                        {{ \Carbon\Carbon::parse($postdata->join_date)->format('d/m/Y') }}
                        @endif</td>
                            <td>@if($postdata->releaving_date!='')
                        {{ \Carbon\Carbon::parse($postdata->releaving_date)->format('d/m/Y') }}
                        @endif</td>
                            <td>{{ $postdata->order_no }}
                            @if($postdata->order_date!='')
                             <br>
                        {{ \Carbon\Carbon::parse($postdata->order_date)->format('d/m/Y') }}
                        @endif
                            </td>
                            <td>{{ $postdata->remark }}</td>
                            <td><button type="button" class="btn btn-primary"  onclick="getTransferPosting('P',)">Edit</button></td>
                        </tr>
                 @endforeach
</table>
                </div>
                </div>
</div>
</div>
                @endif
                @endif
</div>
<div id='transferDetails' style='display:none;'>            
            @if(!empty($empTransferdata))
            @if(count($empTransferdata)>0)
                <!--Grid row-->
                <div class="panel panel-inverse">
  <div class="panel-heading">
    <h4 class="panel-title">Transfer Details</h4>
  </div>
  <div class="panel-body">

                <div class="row mb-3">
                <div class="col-md-12 p-2 mb-2">
                    <table class="table table-striped">
                    <tr>
                            <th>SN</th>
                            <th>Designation</th>
                            <th>Establishment</th>
                            <th>Joining Date</th>
                            <th>Relieving Date</th>
                            <th>Order No. & Date</th>
                            <th>Remarks</th>
                            <th>Action</th>
                        </tr>

                @foreach($empTransferdata as $transferdata)
                <tr>
                            <td>{{$loop->iteration}}</td>
                            <td>{{ $transferdata->desig_name }}
                                                        </td>
                            <td> ()                                </td>
                            <td>@if($transferdata->join_date!='')
                        {{ \Carbon\Carbon::parse($transferdata->join_date)->format('d/m/Y') }}
                        @endif</td>
                            <td>@if($transferdata->releaving_date!='')
                        {{ \Carbon\Carbon::parse($transferdata->releaving_date)->format('d/m/Y') }}
                        @endif</td>
                            <td>{{ $transferdata->order_no }}
                            @if($transferdata->order_date!='')
                             <br>
                        {{ \Carbon\Carbon::parse($transferdata->order_date)->format('d/m/Y') }}
                        @endif
                            </td>
                            <td>{{ $transferdata->remark }}</td>
                            <td><button type="button" class="btn btn-primary"   onclick="getTransferPosting('T',)">Edit</button></td>
                        </tr>
                 @endforeach
</table>
                </div>
                </div>
</div>
</div>
                @endif
                @endif
</div>
        </div>
        <!--Grid column-->




    </div>

</section>

<script>
    $(document).ready(function(){
        $('input[type=radio][name=tpchoice]').change(function() {
            // alert('' + this.value );
        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); 
    }
});
 

$("input[name='tpchoice']").filter('[value=]').prop('checked', true);

$('input[type=radio][name=tpchoice]').trigger('change'); 
    })
$("#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 save_record(){
var tp = $("input[name='tpchoice']:checked").val();
var user_id=$('#user_id').val();
var estbTitle=$('#estbTitle').val();
var estbCode=$('#estbCode').val();
var desgCode=$('#desgCode').val();
var attach_depu=$('#attach_depu').val();
var fromDate=$('#fromDate').val();
var toDate=$('#toDate').val();
var orderNo=$('#orderNo').val();
var orderDate=$('#orderDate').val();
var remarks=$('#remarks').val();
var postCode=$('#postCode').val();
var sectionCode=$('#sectionCode').val();
if(tp=='')
{
    alert('Select Tranfer/Posting');
    return false;
}
if(user_id=='')
{
    alert('Something wrong! User Id is blank');
    return false;
}
if(estbTitle=='' || estbCode=='')
{
    alert('Establishment should not be blank');
    return false;
}
if(tp=='P' && (postCode=='' || sectionCode==''))
{
    alert('Post/Section should not be blank');
    return false;
}
if(tp=='T' && desgCode=='')
{
    alert('Designation should not be blank');
    return false;
}
if(fromDate=='')
{
    alert('Joining Date should not be blank');
    return false;
}
var estb_code=estbCode.split('#');
var estb_code1=estb_code[1].replace('+','');

$.ajax({
    url:"saveTransferPosting",
    method:"POST",
    data:{user_id:user_id, tp:tp, estbTitle:estbTitle, estbCode:estb_code1, desgCode:desgCode, attach_depu:attach_depu, fromDate:fromDate, toDate:toDate, orderNo:orderNo, orderDate:orderDate, postCode:postCode, sectionCode:sectionCode, remarks:remarks},
    dataType:"json",
    success:function(data)
    {
        alert(data);
        // $("#getButton").trigger("click", { tp:tp });
        getData(tp);
    }
   })
}
function update_record(){
var tp = $("input[name='tpchoice']:checked").val();
var tpid=$('#tpid').val();
var user_id=$('#user_id').val();
var estbTitle=$('#estbTitle').val();
var estbCode=$('#estbCode').val();
var desgCode=$('#desgCode').val();
var attach_depu=$('#attach_depu').val();
var fromDate=$('#fromDate').val();
var toDate=$('#toDate').val();
var orderNo=$('#orderNo').val();
var orderDate=$('#orderDate').val();
var remarks=$('#remarks').val();
var postCode=$('#postCode').val();
var sectionCode=$('#sectionCode').val();
if(tpid=='')
{
    alert('Something went wrong');
    return false;
}
if(tp=='')
{
    alert('Select Tranfer/Posting');
    return false;
}
if(user_id=='')
{
    alert('Something wrong! User Id is blank');
    return false;
}
if(estbTitle=='' || estbCode=='')
{
    alert('Establishment should not be blank');
    return false;
}
if(tp=='P' && (postCode=='' || sectionCode==''))
{
    alert('Post/Section should not be blank');
    return false;
}
if(tp=='T' && desgCode=='')
{
    alert('Designation should not be blank');
    return false;
}
if(fromDate=='')
{
    alert('Joining Date should not be blank');
    return false;
}
var estb_code=estbCode.split('#');
var estb_code1=estb_code[1].replace('+','');

$.ajax({
    url:"saveTransferPosting",
    method:"POST",
    data:{user_id:user_id, tp:tp, estbTitle:estbTitle, estbCode:estb_code1, desgCode:desgCode, attach_depu:attach_depu, fromDate:fromDate, toDate:toDate, orderNo:orderNo, orderDate:orderDate, postCode:postCode, sectionCode:sectionCode, remarks:remarks, tpid:tpid},
    dataType:"json",
    success:function(data)
    {
        alert(data.result);
        getData(tp);
        // $("#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_tp");
         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('/');
// $('#fromDate').val(formattedDate);
$('#fromDate').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>