@extends('hr_main')
@section('title', '| '. $data['pageTitle'] )
@section('content')
<style>
    .panel {
        margin-bottom: 80px;
    }
    .panel .panel-heading {
        border-bottom: 1px solid #ddd;
        padding-bottom: 9px
    }
    .form-control {
        height: 35px;
        padding: 6px 6px;
        font-size: 12px;
    }
    footer.main-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    footer.main-footer .footer-inner {
        display: flex;
        justify-content: center;
    }
    footer.main-footer .footer-text p {
        margin: 0;
    }
    footer.main-footer .go-up a {
        padding: 0px 5px;
    }
    .table tr:nth-child(1) {
        background-color: #fff;
    }
    .table tr td {
        color: #444;
    }
    div:where(.swal2-container) div:where(.swal2-popup) {
        width: 45em !important;
        padding: 0 0 2em !important;
    }
</style>
<div class="row add-data-form">
    <div class="col-md-12">
        <div class="col-md-1"></div>
        <div class="col-md-10 fullbody">
            <div class="viewTitle" style="border-bottom: 1px solid white;">
                <a href="{!! $data['allDepartmentChangeListUrl'] !!}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon"></i>{!! $data['allDepartmentChangeListLabel'] !!}</a>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">

                            <div class="panel-heading">
                                <div class="panel-title">{!! $data['pageTitle'] !!}</div>
                            </div>

                            <div class="panel-body">
                                <div class="row" >
                                    <div class="col-md-12">
                                        <div class="row" style="margin-bottom: 15px">
                                            <div class="col-sm-2">
                                                <strong>{{ $data['attributes']['users_id_fk'] }}</strong>
                                            </div>
                                            <div class="col-sm-4">
                                                {{ $data['model']->employee->emp_name_english }}
                                            </div>
                                        </div>

                                        <div class="row" style="margin-bottom: 15px">
                                            <div class="col-md-12">
                                                <strong>Employee Details</strong>
                                                <table class="table table-bordered table-condensed">
                                                    <thead>
                                                        <tr>
                                                            <th>Company</th>
                                                            <th>Project</th>
                                                            <th>Branch</th>
                                                            <th>Position</th>
                                                            <th>Recruitment Type</th>
                                                            <th>{{ $data['model']->status == 'Pending' ? 'Current' : 'Previous' }} Department</th>
                                                            <th>New Department</th>
                                                            <th>Effect Date</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="employeePreviousData">
                                                        <tr>
                                                            <td>{{ $data['model']->employee->organization->company->name }}</td>
                                                            <td>{{ $data['model']->employee->organization->project->name }}</td>
                                                            <td>{{ $data['model']->employee->organization->branch->name }}</td>
                                                            <td>{{ $data['model']->employee->organization->position->name }}</td>
                                                            <td>{{ $data['model']->employee->organization->recruitmentType->name }}</td>
                                                            <td>{{ $data['model']->prevDepartmentInfo->name }}</td>
                                                            <td>{{ $data['model']->newDepartmentInfo->name }}</td>
                                                            <td>{{ $data['model']->effect_date  }}</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        @if (count($data['benefitDetails']) > 0)
                                            <div class="row" style="margin-bottom: 15px">
                                                <div class="col-md-12">
                                                    <strong>Benefits:</strong>
                                                    <ul>
                                                        @foreach ($data['benefitDetails'] as $benefit )
                                                            <li>{{ $benefit }}</li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                            </div>
                                        @endif

                                        <div class="row">
                                            <div class="col-sm-12 text-center">
                                                @isset($data['hr_module']->status)
                                                    @if($data['hr_module']->status == 1 && $data['model']->status == 'Pending')
                                                        <a href="{!! url('hr/departmentChange/approved') !!}" data-id="{{ $data['model']->id }}" class="btn btn-success" id="departmentChangeApprove" title="Approve">
                                                            <i class="fa fa-check"></i> Approve
                                                        </a>
                                                    @endif
                                                @endisset
                                                <a href="{!! $data['closeBtnUrl'] !!}" class="btn btn-danger closeBtn">Close</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>
@endsection

@section('footerAssets')
<script type="text/javascript">

    // function getEmployeeCurrentData(data){
    //     var employeePreviousData = $('#employeePreviousData');
    //     employeePreviousData.html('<tr><td colspan="6">Choose employee first</td></tr>');
    //     data = JSON.parse(data);
    //     if(data.res==1){
    //         var td = '';
    //         td = td + '<td>'+ data.value.fiscal_year.name +'</td>';
    //         td = td + '<td>'+ data.value.grade.name +'</td>';
    //         td = td + '<td>'+ data.value.level.name +'</td>';
    //         td = td + '<td>'+ data.value.position.name +'</td>';
    //         td = td + '<td>'+ data.value.recruitment_type.name +'</td>';
    //         td = td + '<td>'+ data.value.salary_increment_year.name +'</td>';

    //         employeePreviousData.html('<tr>' + td + '</tr>');
    //     }
            
    // }

    // getEmployeeCurrentData('<br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/hr/departmentChange/view.blade.php</b> on line <b>164</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/hr/departmentChange/view.blade.php</b> on line <b>164</b><br />
<br />
<b>Warning</b>:  Attempt to read property "previous_data" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/hr/departmentChange/view.blade.php</b> on line <b>164</b><br />
');
    
    $(document).on('click', '#departmentChangeApprove', function(e) {
        e.preventDefault();
        $('#departmentChangeApprove').attr('disabled', true);
        $('#departmentChangeApprove').html('<i class="fa fa-spinner fa-spin"></i> Processing');

        var id  = $(this).attr('data-id');
        var url = $(this).attr('href');

        let confirmText = `Are you sure? This department change is permanent and cannot be undone.`;
        @if($data['isFuture'])
            confirmText = `This department change is for the future. Are you sure you want to approve it now?`;
        @endif

        Swal.fire({
            title: 'Confirm Approval',
            text: confirmText,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, approve it!',
            cancelButtonText: 'No, cancel',
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: url,
                    dataType: 'json',
                    type: 'POST',
                    data: { id: id, _token: $('meta[name="_token"]').attr('content') },
                    success: function(data) {
                        if (data.status == true) {
                            toastr.success(data.message);
                            $('#departmentChangeApprove').html('<i class="fa fa-check"></i> Approved');
                            setTimeout(function() {
                                window.location.href = "{{ route('departmentChange.index') }}";
                            }, 2000);
                        } else {
                            toastr.error(data.message);
                            $('#departmentChangeApprove').attr('disabled', false);
                            $('#departmentChangeApprove').html('<i class="fa fa-check"></i> Approve');
                        }
                    },
                    error: function() {
                        toastr.error('Something went wrong. Please try again.');
                        $('#departmentChangeApprove').attr('disabled', false);
                        $('#departmentChangeApprove').html('<i class="fa fa-check"></i> Approve');
                    }
                });
            } else {
                $('#departmentChangeApprove').attr('disabled', false);
                $('#departmentChangeApprove').html('<i class="fa fa-check"></i> Approve');
            }
        });
    });



</script>
@endsection