@extends('app-new')

@push('head-script')
<!-- BEGIN: Vendor CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
<!-- END: Vendor CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css">
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
<!-- BEGIN: Page CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/style.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/pages/page-profile.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
<!-- END: Page CSS-->
@endpush
@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Employees</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/home">{{trans('common/common.home')}}</a>
                    </li>
                    <li class="breadcrumb-item active">
                    Employees View
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
<section id="dashboard-ecommerce">
    <div class="row match-height">
        <div class="col-lg-12 col-md-12 col-12">
            <div class="card">
                <div class="card invoice-preview-card mb-0">
                    <div class="card-body invoice-padding pb-0">
                        <!-- Header starts -->
                        <div class=" flex-md-row flex-column invoice-spacing mt-1 mb-1">
                            <div>
                            </div>

                        </div>
                    </div>
                    <!--view DSR -->
                    <div class="card-body invoice-padding pt-0">
                        <!-- <h4 class="mb-3 text-center bill-heading card-title ">{{trans('dsr/dsr.view_dsr')}}</h4> -->
                        <div class="row invoice-spacing mb-3">
                            <div class="col-xl-6 col-lg-6 col-md-6 col-12">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.employee_name')}} :</td>
                                            <td><span
                                                    class="fw-bold badge rounded-pill badge-light-primary">
                                                    @if($tempEmployee->name==null)
                                                    @else
                                                    {{ ucfirst($tempEmployee->name) }}
                                                    @endif
                                                </span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('emprecords/healthrecords.employee_code')}} :</td>
                                            <td>
                                            @if($tempEmployee->employee_code==null)
                                            @else
                                            {{ ucfirst(@$tempEmployee->employee_code) }}
                                            @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.father_name')}} :</td>
                                            <td>
                                            @if($tempEmployee->father_name==null)
                                            @else
                                            {{ ucfirst($tempEmployee->father_name) }}
                                            @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.address')}} :</td>
                                            <td>
                                            @if($tempEmployee->geo_address==null)
                                            @else
                                            {{ ucfirst($tempEmployee->geo_address) }}
                                            @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.email_id')}} :</td>
                                            <td>
                                            @if($tempEmployee->email==null)
                                            @else
                                            {{ ucfirst($tempEmployee->email) }}
                                            @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('common/common.created_by')}} :</td>
                                            <td>
                                                @if($data->created_by==null)
                                                @else
                                                {{ $data->createdBy->name }}
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.approval_status')}} :</td>
                                            <td><span
                                                    class="fw-bold badge rounded-pill badge-light-warning">
                                                    @if($data->approval_status==null)
                                                    @else
                                                    {{ ucfirst($data->approval_status) }}
                                                    @endif
                                                </span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.request_type')}} :</td>
                                            <td>
                                                @if($data->request_type==null)
                                                @elseif($data->request_type=='delete')
                                                {{('Inactive')}}
                                                @else
                                                {{ ucfirst($data->request_type) }}
                                                @endif
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-6 col-12">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.mobile')}} :</td>
                                            <td>
                                            @if($tempEmployee->mobile==null)
                                            @else
                                            {{ ucfirst($tempEmployee->mobile) }}
                                            @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.premises')}} :</td>
                                            <td>
                                            @if($tempEmployee->premises==null)
                                            @else
                                            {{ ucfirst($tempEmployee->premises) }}
                                            @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.department')}} :</td>
                                            <td>@if($tempEmployee->department_id==null)
                                                @else
                                                {{ ucfirst($tempEmployee->department->name) }}
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.sub_department')}} :</td>
                                            <td>
                                                @if($tempEmployee->sub_department_id==null)
                                                @else
                                                {{ ucfirst($tempEmployee->subDepartment->name) }}
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.designation')}} :</td>
                                            <td>
                                                @if($tempEmployee->designation_id==null)
                                                @else
                                                {{ ucfirst($tempEmployee->designation->name) }}
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.manager_name')}} :</td>
                                            <td>
                                                @if($tempEmployee->manager_id==null)
                                                @else
                                                {{ ucfirst($tempEmployee->hod->name) }}
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1">{{trans('employee/employee_create.shift')}} :</td>
                                            <td>
                                                @if($tempEmployee->shift_id==null)
                                                @else
                                                {{ ucfirst(@$tempEmployee->shift->name) }}
                                                @endif
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- // view DSR  -->

                </div>

            </div>

        </div>

    </div>

</section>
@endsection

@push('footer-script')
<script src="/app-assets/js/scripts/pages/modal-add-new-cc.js"></script>
<script src="/app-assets/vendors/js/vendors.min.js"></script>
<script src="/app-assets/js/core/app-menu.js"></script>
<script src="/app-assets/js/core/app.js"></script>
<script src="/app-assets/js/scripts/pages/page-profile.js"></script>
<script src="/app-assets/js/scripts/ui/ui-feather.js"></script>
<script src="/app-assets/js/scripts/tables/table-datatables-basic.js"></script>
<!-- <script src="/app-assets/js/scripts/tables/table-datatables-advanced.js"></script> -->
<script src="/app-assets/vendors/js/tables/datatable/jquery.dataTables.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/dataTables.bootstrap5.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/responsive.bootstrap5.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/datatables.checkboxes.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/datatables.buttons.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/jszip.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/pdfmake.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/vfs_fonts.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/buttons.html5.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/buttons.print.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/dataTables.rowGroup.min.js"></script>
<!-- <script src="../../../app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script> -->
<script>
$(window).on('load', function() {
    if (feather) {
        feather.replace({
            width: 14,
            height: 14
        });
    }
    // barChartExample();
})
</script>


<script>
    
    var imagesPreview = function(input, placeToInsertImagePreview) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(event) {
                var extension = input.files[0].name.split('.').pop().toLowerCase();
                if(extension == "pdf"){
                    $($.parseHTML('<img src="/assets/img/pdf-icon.jpg" style="height:200px; width:200px; object-fit: contain;"> <a onclick="deleteAttachment.call(this)" style="cursor:pointer; color:red; position: absolute; right: 5px; top: 5px" title="Delete Image"> <i class="fa fa-times-circle" style="font-size:18px;"></i></a><p class="text-center">'+input.files[0].name+'</p>')).appendTo(placeToInsertImagePreview);
                }
                else if(extension == "docx" || extension=="doc"){
                    $($.parseHTML('<img src="/assets/img/docx-icon.jpg" style="height:200px; width:200px; object-fit: contain;"> <a onclick="deleteAttachment.call(this)" style="cursor:pointer; color:red; position: absolute; right: 5px; top: 5px" title="Delete Image"> <i class="fa fa-times-circle" style="font-size:18px;"></i></a><p class="text-center">'+input.files[0].name+'</p>')).appendTo(placeToInsertImagePreview);
                }
                else{
                    $($.parseHTML('<img style="height:200px; width:200px; object-fit: contain;"> <a onclick="deleteAttachment.call(this)" style="cursor:pointer; color:red; position: absolute; right: 5px; top: 5px" title="Delete Image"> <i class="fa fa-times-circle" style="font-size:18px;"></i></a><p class="text-center">'+input.files[0].name+'</p>')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
                }
            }
            reader.readAsDataURL(input.files[0]);
        }
    };

    function preview() {
        imagesPreview(this, $(this).closest('div'));
    }
 
</script>
<style>
.custom-dropdown .form-control { height: auto; padding: 0 }
.custom-dropdown .select2-container-multi.select2-container-disabled .select2-choices { background: none; padding:0; border: none }
.custom-dropdown .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { margin-right: 5px }
#organization tr th { /* word-break: break-all; */ 
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.tbalorganiresp { overflow: scroll } 

table {
  border-collapse: separate;
  border-spacing: 0 10px;
}
</style>

<!-- END: Page JS-->


@endpush