@extends('admin.layout.master')
@section('content')
    <style>
        /* label {
            margin-bottom: 1px;
        }
        .form-group {
            margin-bottom: 9px;
        }
        .table-responsive {
            height: calc(100vh - 360px);
        }
        th {
            background: #007bff;
            color: white !important;
            position: sticky;
            top: 0;
        }
        table {
            position: relative;
        }
        .table-bordered td, .table-bordered th {
            /* border: 1px solid #aaabab; */
        } */
    </style>

    <section>
        <div class="row">
            <div class="col-md-8 mt-4">
                <h2 class="page-title text-right">{{__('obs.employee')}} {{__('obs.profile')}}</h2>
                <div class="mb-2 heading-border"></div>
            </div>
            <div class="col-md-4 mt-4 text-right">
                <button type="button" class="btn btn-sm btn-info text-right" onclick="PrintDiv();">{{__('obs.')}}print</button>
            </div>
        </div>
    </section>

    <section class="px-3  pt-3 pt-lg-5 row" id="divTableDataHolder">
        <div class="col-12 mb-4">
            <div class="blu-card d-flex flex-wrap" >
                <div class="col-5 col-md-5">
                   
                        <div class="ml-1">
                            <h5 class="mb-0 text-primary card-in-h">{{$emp_info->emp_name}}</h5>
                            <p class="mb-0 mt-2">{{$emp_info->fetch_designation ? $emp_info->fetch_designation->name : null}}</p>
                            <p class="mb-0">{{$emp_info->fetch_department ? $emp_info->fetch_department->name :null}} Dept.</p>
                        </div>
                       
                </div>

                <div class="col-5 col-md-5 text-enter">
                   
                            <p class="mb-0 pl-0 col-12">
                                <b>{{__('obs.email')}}:</b> {{$emp_info->email}}
                            </p>
                            <p class="mb-0 pl-0 col-12">
                                <b>{{__('obs.phone')}}:</b> {{$emp_info->emp_phone_no}}
                            </p>
                            <p class="mb-0 pl-0 col-12">
                                <b>{{__('obs.blood')}} {{__('obs.group')}}:</b> {{$other_info ? $other_info->emp_blood_group : null}}
                            </p>
                            <p class="mb-0 pl-0 col-12">
                                <b>{{__('obs.age')}}:</b> {{$other_info ? $other_info->emp_age : null}}
                            </p>
                            <p class="mb-0 pl-0 col-12">
                                <b>{{__('obs.gender')}}:</b> @if($emp_info->emp_gender==1){{'Male'}}@else{{'Female'}}@endif
                            </p>
                     
                </div>

                <div class="col-2 col-md-2 text-right">
                    <div class="">
                        <img class="" style="height: 130px; width:130px" src="{{ asset('storage/' . ($emp_info->em_img ?? null)) }}" alt=""/>
                    </div>
                </div>

                <div class="col-12 mt-4">
                    <div class="mx-0">
                        <div class="">
                            <h5 class="mb-1 card-in-h">{{__('obs.personal')}} {{__('obs.info')}}</h5>
                        </div>
                        <div>
                            <table class="table ">
                                <tbody>
                                <tr>
                                    <td> <b>{{__('obs.father')}}'s {{__('obs.name')}}: </b>{{$other_info ? $other_info->emp_father_name : null}}</td>
                                    <td><b>{{__('obs.mother')}}'s {{__('obs.name')}}: </b>{{$other_info ? $other_info->emp_mother_name : null}}</td>
                                </tr>
                                <tr>
                                    <td>  
                                      <b>{{__('obs.religion')}}: </b>{{$other_info ? $other_info->emp_religion : null}}
                                    </td>
                                    <td>
                                        <b>{{__('obs.nationality')}}: </b>{{ $other_info ? $other_info->emp_nationality : null}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>  
                                        <b>{{__('obs.e')}}-{{__('obs.tin')}}: </b>{{$other_info ? $other_info->emp_tin_no : null}}
                                    </td>
                                    <td>
                                        <b>{{__('obs.nid')}}: </b>{{$other_info ? $other_info->emp_nid : null}}
                                    </td>
                                </tr>
                                {{-- <tr> --}}
                                    {{-- <td>
                                        <div class="d-flex flex-wrap">
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>Father's name: </b>{{$other_info ? $other_info->emp_father_name : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>Mother's name: </b>{{$other_info ? $other_info->emp_mother_name : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>Religion: </b>{{$other_info ? $other_info->emp_religion : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>Nationality: </b>{{ $other_info ? $other_info->emp_nationality : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>E-Tin: </b>{{$other_info ? $other_info->emp_tin_no : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>NID: </b>{{$other_info ? $other_info->emp_nid : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>Passport No: </b>{{$other_info ? $other_info->emp_passport_no : null}}
                                            </p>
                                        </div>
                                    </td> --}}
                                {{-- </tr> --}}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-12 mt-4">
                    <div class="mx-0">
                        <div class="">
                            <h5 class="mb-1 card-in-h">{{__('obs.address')}}</h5>
                        </div>
                        <div>
                            <table class="table table-bordered">
                                <tbody>
                                <tr>
                                    <td>
                                        <div class="d-flex flex-wrap">
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.address')}} {{__('obs.type')}}: </b> {{__('obs.present')}}
                                            </p>

                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.country')}}: </b>@if(!empty($present_address))
                                                    {{$present_address->country}}@endif
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.house')}}: </b>@if(!empty($present_address))
                                                    {{$present_address->house_no}}@endif
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.city')}}: </b>@if(!empty($present_address))
                                                    {{$present_address->city}}@endif
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.thana')}}: </b>@if(!empty($present_address))
                                                    {{$present_address->thana}}@endif
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.post')}} {{__('obs.office')}}: </b>@if(!empty($present_address))
                                                    {{$present_address->post_office}}@endif
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.road')}}/{{__('obs.village')}}: </b>@if(!empty($present_address))
                                                    {{$present_address->road}}@endif
                                            </p>
                                            <p class="col-12  mb-0 pl-0">
                                                <b>{{__('obs.address')}}: </b>@if(!empty($present_address))
                                                    {{$present_address->address_description}}@endif
                                            </p>

                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="d-flex flex-wrap">
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.address')}} {{__('obs.type')}}: </b> {{__('obs.permanent')}}
                                            </p>

                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.country')}}: </b>@if(!empty($permanent_address))
                                                    {{ $permanent_address->country}}@endif
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.house')}}: </b>@if(!empty($permanent_address))
                                                    {{$permanent_address->house_no}}@endif
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.city')}}: </b>@if(!empty($permanent_address))
                                                    {{$permanent_address->city}}@endif
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.thana')}}: </b>@if(!empty($permanent_address))
                                                    {{$permanent_address->thana}}@endif
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.post')}} {{__('obs.office')}}: </b>@if(!empty($permanent_address))
                                                    {{$permanent_address->post_office}}@endif
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.road')}}/{{__('obs.village')}}: </b>@if(!empty($permanent_address))
                                                    {{$permanent_address->road}}@endif
                                            </p>
                                            <p class="col-12  mb-0 pl-0">
                                                <b>{{__('obs.address')}}: </b>@if(!empty($permanent_address))
                                                    {{$permanent_address->address_description}}@endif
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="col-12 mt-4">
                    <div class="mx-0">
                        <div class="">
                            <h5 class="mb-1 card-in-h">{{__('obs.emergency')}} {{__('obs.contact')}}</h5>
                        </div>
                        <div>
                            <table class="table table-bordered">
                                <tbody>

                                     <tr>
                                        <td>
                                            <div class="d-flex flex-wrap">
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.name')}}: </b>{{$other_info ? $other_info->emergency_contact_name : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.relation')}}: </b>{{$other_info ? $other_info->emergency_contact_relation : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.phone')}}: </b>{{$other_info ? $other_info->emergency_contact_phone : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.email')}}: </b>{{$other_info ? $other_info->emergency_contact_email : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.address')}}: </b>{{$other_info ? $other_info->emergency_contact_address : null}}
                                            </p>
                                            </div>
                                        </td>
                                    </tr>

                                    @foreach($emergency_contacts as $emergency_contact)

                                     <tr>
                                        <td>
                                            <div class="d-flex flex-wrap">
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.name')}}: </b> {{$emergency_contact->name ?? null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.relation')}}: </b>{{$emergency_contact->relation ?? null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.phone')}}: </b>{{$other_info ? $other_info->emergency_contact_phone : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.email')}}: </b>{{$other_info ? $other_info->emergency_contact_email : null}}
                                            </p>

                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.adsress')}}: </b>{{$emergency_contact->adsress ?? null}}
                                            </p>

                                            </div>
                                        </td>
                                    </tr>

                                    @endforeach

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>


                <h1 style="page-break-before: always !important"></h1>

                <div class="col-12 mt-4">
                    <div class="mx-0">
                        <div class="">
                            <h5 class="mb-1 card-in-h">{{__('obs.account')}} {{__('obs.info')}}</h5>
                        </div>
                        <div>
                            <table class="table table-bordered">
                                <tbody>
                                <tr>
                                    <td>
                                        <div class="d-flex flex-wrap">
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.bank')}}: </b>{{$other_info ? $other_info->bank_name : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.acc')}} {{__('obs.name')}}: </b>{{$other_info ? $other_info->bank_acc_name : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.acc')}} {{__('obs.no')}}: </b>{{$other_info ? $other_info->bank_acc_no : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.branch')}}: </b>{{$other_info ? $other_info->bank_branch : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.bank')}} {{__('obs.amount')}}: </b>{{$other_info ? $other_info->bank_amount : null}}
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-12 mt-4">
                    <div class="mx-0">
                        <div class="">
                            <h5 class="mb-1 card-in-h">{{__('obs.recruitment')}} {{__('obs.info')}}</h5>
                        </div>
                        <div>
                            <table class="table table-bordered">
                                <tbody>
                                <tr>
                                    <td>
                                        <div class="d-flex flex-wrap">
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.joining')}} {{__('obs.date')}}: </b>{{$emp_info->joining_date}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.probation')}} {{__('obs.period')}}: </b>{{$emp_info->probation_period}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.confirm')}} {{__('obs.date')}}: </b>{{$emp_info->confirm_date}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.supervisor')}}: </b>{{$emp_info->fetch_supervisor ? $emp_info->fetch_supervisor->emp_name : null}}
                                            </p>
                                           
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-12 mt-4">
                    <div class="mx-0">
                        <div class="">
                            <h5 class="mb-1 card-in-h">{{__('obs.attendance')}} {{__('obs.info')}}</h5>
                        </div>
                        <div>
                            <table class="table table-bordered">
                                <tbody>
                                <tr>
                                    <td>
                                        <div class="d-flex flex-wrap">
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.holiday')}} {{__('obs.policy')}}: </b>{{$emp_info->employee_weekend ? $emp_info->employee_weekend->policy : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.shift')}}: </b>{{$emp_info->fetch_shift_info_data ? $emp_info->fetch_shift_info_data->name : null}}
                                            </p>
                                            <p class="col-12 col-md-6 mb-0 pl-0">
                                                <b>{{__('obs.attendance')}} {{__('obs.type')}}: </b>
                                                {{$emp_info->attendance_type ? 'Auto Attendance' : 'Manual Attendance' }}
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="col-12 mt-4">
                    <div class="mx-0">
                        <div class="">
                            <h5 class="mb-1 card-in-h">{{__('obs.experience')}}</h5>
                        </div>
                        <div>
                            <table class="table table-bordered">
                                <tbody>
                                @foreach ($exp_info as $e)
                                    <tr>
                                        <td>
                                            <div class="d-flex flex-wrap">
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                    <b>{{__('obs.company')}} {{__('obs.name')}}: </b>{{$e->company_name ?? null}}
                                                </p>
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                    <b>{{__('obs.designation')}}: </b>{{$e->designation ?? null}}
                                                </p>
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                    <b>{{__('obs.department')}}: </b>{{$e->department ?? null}}
                                                </p>
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                    <b>{{__('obs.period')}}: </b>{{$e->period ?? null}}
                                                </p>
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                    <b>{{__('obs.responsibility')}}: </b>{{$e->responsibility ?? null}}
                                                </p>
                                                
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="col-12 mt-4">
                    <div class="mx-0">
                        <div class="">
                            <h5 class="mb-1 card-in-h">{{__('obs.education')}}</h5>
                        </div>
                        <div>
                            <table class="table table-bordered">
                                <tbody>
                                @foreach ($edu_info as $e)
                                    <tr>
                                        <td>
                                            <div class="d-flex flex-wrap">
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                    <b>{{__('obs.title')}}: </b>{{$e->title}}
                                                </p>
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                    <b>{{__('obs.institution')}}: </b>{{$e->institution}}
                                                </p>
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                    <b>{{__('obs.board')}}: </b>{{$e->board_university}}
                                                </p>
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                    <b>{{__('obs.pass')}} {{__('obs.year')}}: </b>{{$e->passing_year}}
                                                </p>
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                    <b>{{__('obs.grade')}}: </b>{{$e->grade}}
                                                </p>

                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                @if($emp_info->employee_skill)
                <div class="col-12 mt-4">
                    <div class="mx-0">
                        <div class="">
                            <h5 class="mb-1 card-in-h">{{__('obs.skill')}}</h5>
                        </div>
                        <div>
                            <table class="table table-bordered">
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="d-flex flex-wrap">
                                                <p class="col-12 col-md-6 mb-0 pl-0">
                                                    {{-- <b>{{__('obs.skill')}}: </b>{{$e->employee_skill}} --}}
                                                    <b> {{$emp_info->employee_skill}}</b>
                                                </p>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                @endif

                
                <div class="col-12 mt-4">
                    <div class="mx-0">
                        <div class="">
                            <h5 class="mb-1 card-in-h">{{__('obs.reference')}}</h5>
                        </div>
                        <div>
                            <table class="table table-bordered">
                                <tbody>
                                    @foreach($references as $reference)
                                    <tr>
                                        <td>
                                            <div class="d-flex flex-wrap">
                                            
                                                <p class="col-3 mb-0 pl-0">
                                                    <b>{{__('obs.organization')}}: </b> {{$reference->ref_organization ?? null}}
                                                </p>
                                                <p class="col-3 mb-0 pl-0">
                                                    <b>{{__('obs.name')}}: </b> {{$reference->ref_name ?? null}}
                                                </p>
                                                <p class="col-3 mb-0 pl-0">
                                                    <b>{{__('obs.designation')}}: </b>{{$reference->ref_designation ?? null}}
                                                </p>
                                                <p class="col-3 mb-0 pl-0">
                                                    <b>{{__('obs.relations')}}: </b>{{$reference->ref_relation ?? null}}
                                                  
                                                </p>
                                                <p class="col-3 mb-0 pl-0">
                                                    <b>{{__('obs.phone')}}: </b> {{$reference->ref_phone ?? null}}
                                                </p>
                                                <p class="col-3 mb-0 pl-0">
                                                    <b>{{__('obs.email')}}: </b>{{$reference->ref_email ?? null}}
                                                </p>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                                
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <script type="text/javascript">
        function PrintTable() {
            var printWindow = window.open('', '', 'height=200,width=400');
            printWindow.document.write('<html><head><title>Table Contents</title><link href="{{ asset('/') }}assets/css/bootstrap.min.css" rel="stylesheet">');

            //Print the Table CSS.
            var table_style = document.getElementById("salary_table").innerHTML;
            printWindow.document.write('<style>@page{size:landscape;}#print{font-size: 9px !important;}\n' +
                '    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {\n' +
                '        padding: 1px;\n' +
                '        line-height: 1.428571;\n' +
                '        font-size: 11px !important;\n' +
                '        vertical-align: top;\n' +
                '        border: 1px solid black !important;\n' +
                '    }\n' +
                '    .sign{ width: 30%!important;}' +
                '    .table>thead>tr>th{ text-align: center !important;}' +
                '    .center_id{ text-align: center !important;}' +
                '</style>');
            printWindow.document.write('</head>');

            //Print the DIV contents i.e. the HTML Table.
            printWindow.document.write('<body>');
            var divContents = document.getElementById("print").innerHTML;
            printWindow.document.write(divContents);
            printWindow.document.write('</body>');

            printWindow.document.write('</html>');
            printWindow.document.close();
            printWindow.print();
        }
    </script>
@endsection