@extends('admin.admin-layouts.master')

@section('content')

    <div class="container-fluid">
        <div class="card mb-4">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">

                    <div class="d-flex justify-content-start user-flex">

                        <div>
                            <img src="{{ asset('assets/files/uploads/' . @$profile->emp_info->avatar) }}"
                                class="rounded-circle image-size">
                        </div>

                        <div class="mt-3">
                            <h5> <strong> {{ @$profile->name }} </strong> </h5>
                            <p class="mb-1 text-secondary">
                                {{ @$profile->emp_info->designation }}
                            </p>

                            <p class="mb-1 text-secondary">
                                ID : {{ @$profile->emp_info->user_id }} </p>
                        </div>
                    </div>
                    <div>
                        <a class="btn btn-sm btn-primary" href="{{ route('admin.employeeEdit', $profile->id) }}"> <i
                                class="fa fa-pen"></i> {{ __('Edit Profile') }}</a>

                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0">{{ __('Full Name') }}<br><br></h6>
                            </div>
                            <div class="col-sm-8 text-secondary">
                                {{ @$profile->emp_info->full_name }}
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0">{{ __('Email') }} <br>
                                    <br>
                                </h6>
                            </div>
                            <div class="col-sm-8 text-secondary">
                                {{ @$profile->email }}
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0"> {{ __('Mobile') }} <br><br></h6>
                            </div>
                            <div class="col-sm-8 text-secondary">
                                {{ @$profile->emp_info->contact }}
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0">{{ __('Age') }} <br><br></h6>
                            </div>
                            <div class="col-sm-8 text-secondary">
                                {{ @$profile->emp_info->age }}
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0">{{ __('Emergency Contact') }}</h6>
                            </div>
                            <div class="col-sm-8 text-secondary">
                                {{ @$profile->emp_info->emergency_contact }}
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0">{{ __('Gender') }} </h6>
                            </div>
                            <div class="col-sm-8 text-secondary">
                                {{ @$profile->emp_info->gender }}
                            </div>
                        </div>


                    </div>
                </div>

            </div>

            <div class="col-md-6 mt-md-0 mt-4">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0">{{ __('Joining Date') }} <br><br></h6>
                            </div>
                            <div class="col-sm-8 text-secondary">

                                {{ @$profile->created_at->diffForHumans() }}

                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0">{{ __('Present Address') }}</h6>
                            </div>
                            <div class="col-sm-8 text-secondary">

                                {{ @$profile->emp_info->present_address }}

                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0">{{ __('Permanent Address') }}</h6>
                            </div>
                            <div class="col-sm-8 text-secondary">

                                {{ @$profile->emp_info->permanent_address }}

                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0">{{ __('NID Number') }} <br><br></h6>
                            </div>
                            <div class="col-sm-8 text-secondary">

                                {{ @$profile->emp_info->nid }}

                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0">{{ __('Department') }} <br><br></h6>
                            </div>
                            <div class="col-sm-8 text-secondary">

                                {{ @$profile->emp_info->department }}

                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0"> {{ __('Designation') }}</h6>
                            </div>
                            <div class="col-sm-8 text-secondary">
                                {{ @$profile->emp_info->designation }}
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-4">
                                <h6 class="mb-0"> {{ __('Shift') }}</h6>
                            </div>
                            <div class="col-sm-8 text-secondary">
                                {{ @$profile->emp_info->shift }}
                            </div>
                        </div>

                    </div>
                </div>

            </div>

            <div class="col-md-12 mt-4">
                <div class="card">
                    <div class="card-body">
                        @if($profile->emp_info->attachment != null)
                        @foreach ($profile->emp_info->attachment as $attachment)

                        
                        <div class="row my-5">
                            <div class="col-sm-3">
                                <h6 class="mb-0">{{ __(@$attachment['title'])}}
                                </h6>
                            </div>
                            <div class="col-sm-9 text-secondary">

                                
                                        <a href="{{ route('download.file',@$attachment['file']) }}" class="btn btn-sm btn-primary d-inline"><i class="fas fa-download"></i></a>



                            </div>
                        </div>
                            
                        @endforeach
                        @endif
                        <hr>
                        
                    </div>
                </div>

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

@endsection

@push('style')

    <style>
        .image-size {
            width: 100px;
            height: 100px;
            margin-right: 20px;
        }
        @media (max-width: 575.98px) { 
            .user-flex{
                 flex-direction: column !important;
            }
            .image-size {
            width: 70px;
            height: 70px;
        }
         }
    </style>

@endpush