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

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

@error('estbCode')
<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="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-->
              <!--Grid column-->
              <div class="col-md-3 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-->
                 
                    </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>Posting 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 class="d-inline col-md-6 mt-2 mb-2 align-middle">
                    <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">
                             <button type="button" class="btn btn-primary" onclick="save_record()">Save</button>
                        </div>

                    </div>



                </div>
         
</div>
</div>
            </form>
<div id='postingDetails'>            
            @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>
                                @if($postdata->sec_code==$sec_code && ($postdata->releaving_date=='' || $loop->iteration=count($empPostingdata)))
                                <button type="button" class="btn btn-primary"  onclick="getTransferPosting('P',)">Edit</button>
                                @endif
                            </td>
                        </tr>
                 @endforeach
</table>
                </div>
                </div>
</div>
</div>
                @endif
                @endif
</div>
        </div>
        <!--Grid column-->




    </div>

</section>

<script>
 
$("#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 = 'P';
var user_id=$('#user_id').val();
var estbCode=$('#estbCode').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(estbCode=='')
{
    alert('Establishment should not be blank');
    return false;
}
if(tp=='P' && (postCode=='' || sectionCode==''))
{
    alert('Post/Section 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('+','');
var estb_code1=estbCode;
$.ajax({
    url:"saveTransferPosting",
    method:"POST",
    data:{user_id:user_id, tp:tp, estbCode:estb_code1, 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 = 'P';
var tpid=$('#tpid').val();
var user_id=$('#user_id').val();
var estbCode=$('#estbCode').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(estbCode=='')
{
    alert('Establishment should not be blank');
    return false;
}
if(tp=='P' && (postCode=='' || sectionCode==''))
{
    alert('Post/Section 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('+','');
var estb_code1=estbCode;
// alert(tpid);
$.ajax({
    url:"saveTransferPosting",
    method:"POST",
    data:{user_id:user_id, tp:tp, estbCode:estb_code1, 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);

    }
   })
}
function cancelEdit(){
    $('#tpid').val('');
    $('#eButton').hide();
    $('#sButton').show();
    var element = document.getElementById("form_tp");
         element.reset();
}
  function getTransferPosting(tp,tpid) {

    $('#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) {
$('#estbCode').val(element.estb_code);
if(tp=='P'){
$('#postCode').val(element.post_code);
$('#sectionCode').val(element.sec_code);
}

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>