@extends('dashboard.layouts.index')
@section('page_title')
    @lang('global.showVocation')
@stop

@section('breadcrumb')
    <div class="breadcrumb-item">
        <a href="{{route('dashboard.request.show_employee_request_by_departmen')}}"> @lang('global.request')</a>
    </div>
    <div class="breadcrumb-item">
        @lang('global.showVocation')
    </div>
@stop

@section('content')

    <div class="row">
        <br>
        <div class="col-12 col-md-12 col-lg-5">
            <div class="card profile-widget">
                <div class="profile-widget-header">
                    <img alt="image"
                         src="{{is_null($model->employee) ? asset('assets/img/avatar/avatar-5.png') : $model->employee->avatar}}" class="rounded-circle profile-widget-picture">
                    <div class="profile-widget-items">
                        <div class="profile-widget-item">
                            <div class="profile-widget-item-label">@lang("global.infoVocation")</div>
                        </div>
                    </div>
                </div>
                <div class="profile-widget-description">
                    <div class="profile-widget-name">{{$model->employee?$model->employee->name:''}}
                        <div class="text-muted d-inline font-weight-normal">
                            <div class="slash"></div>
                            {{$model->employee?$model->employee->userinformationOne->job_title:''}}
                        </div>
                    </div>
                    <address>
                        @lang("global.email") :{{$model->employee?$model->employee->email:''}}<br>
                        @lang("global.phone_number") : {{$model->employee?$model->employee->phone_number:''}}<br>
                    </address>
                </div>
            </div>
        </div>

        <div class="col-12 col-md-12 col-lg-5">
            <div class="card profile-widget">
                <div class="profile-widget-description">
                    <address>
                        @if($model->type="resignation")
                        <div>
                            <strong>@lang("global.reason") : </strong>{{$model->reason ? $model->reason->reason : "No change"}}
                        </div>
                        <div>
                            <strong>@lang("global.type") : </strong>{{$model->type}}
                        </div>
                        <div>
                            <strong>@lang("global.status") : </strong>{{$model->status}}
                        </div>
                        <div>
                            <strong>@lang("global.Last_working_date") : </strong>{{$model->Last_working_date}}
                        </div>
                        <div>
                            <strong>@lang("global.comment") :  </strong>{{$model->comment}}
                        </div>


                       @elseif($model->type="vacation")
                        <div>
                            <strong>@lang("global.reason") : </strong>{{$model->reason ? $model->reason->reason : "No change"}}
                        </div>
                        <div>
                            <strong>@lang("global.type") : </strong>{{$model->type}}
                        </div>
                        <div>
                            <strong>@lang("global.status") : </strong>{{$model->status}}
                        </div>
                        <div>
                            <strong>@lang("global.from") : </strong>{{$model->from}}
                        </div>
                        <div>
                            <strong>@lang("global.to") :  </strong>{{$model->to}}
                        </div>
                        <div>
                            <strong>@lang("global.comment") :  </strong>{{$model->comment}}
                        </div>


                        @elseif($model->type="loan")
                        <div>
                            <strong>@lang("global.reason") : </strong>{{$model->reason ? $model->reason->reason : "No change"}}
                        </div>
                        <div>
                            <strong>@lang("global.type") : </strong>{{$model->type}}
                        </div>
                        <div>
                            <strong>@lang("global.status") : </strong>{{$model->status}}
                        </div>
                        <div>
                            <strong>@lang("global.amount") : </strong>{{$model->amount}}
                        </div>
                        <div>
                            <strong>@lang("global.monthly_deducationn") :  </strong>{{$model->monthly_deducationn}}
                        </div>

                        <div>
                            <strong>@lang("global.apply_date") :  </strong>{{$model->apply_date}}
                        </div>
                        <div>
                            <strong>@lang("global.comment") :  </strong>{{$model->comment}}
                        </div>




                        @elseif($model->type="excuse")
                        <div>
                            <strong>@lang("global.reason") : </strong>{{$model->reason ? $model->reason->reason : "No change"}}
                        </div>
                        <div>
                            <strong>@lang("global.type") : </strong>{{$model->type}}
                        </div>
                        <div>
                            <strong>@lang("global.status") : </strong>{{$model->status}}
                        </div>
                        <div>
                            <strong>@lang("global.from") : </strong>{{$model->from}}
                        </div>
                        <div>
                            <strong>@lang("global.to") :  </strong>{{$model->to}}
                        </div>

                        <div>
                            <strong>@lang("global.comment") :  </strong>{{$model->comment}}
                        </div>


                     @endif
                    </address>
                </div>
            </div>
        </div>
    </div>

     <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4>@lang("global.file_path")</h4>
                    <div class="card-header-action">

                    </div>
                </div>
                <div class="row">
                    <br>
                    <div class="col-md-12">
                        <div class="card profile-widget">
                            <div class="profile-widget-header text-center">
                                @if($model->file_path !== null && $model->file_path !== '')
                                <iframe src="{{ $model->file_path }}" style="width:90%;height:700px;"></iframe>
                                @else
                                <div>No File</div>
                             @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@push('js')
    <script>

    </script>
@endpush