@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>
                                            <center>Action</center>
                                        </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>
                                            <center><button type="button" class="btn btn-primary"
                                                    onclick="getTransferPosting('P',)">Edit</button>
                                                &nbsp;&nbsp;<button type="button" class="btn btn-danger"
                                                    onclick="deleteTransferPosting('P',)">Delete</button>
                                            </center>
                                        </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 deleteTransferPosting(tp, tpid) {
    var url = "{{ url('deleteTransferPosting')}}";
    var id = $('#user_id').val();
    alert(tpid);
    $.get(url, {
            id: id,
            tpid: tpid,
            tp: tp
        },
        function(data) {
            getData('P');
        }
    );
}

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>