@php
    use \Carbon\Carbon;
    $now = Carbon::now();
    $start_date = Carbon::createFromFormat('Y-m-d', tn_optional($evaluationDate)->start_date);
    $end_date = Carbon::createFromFormat('Y-m-d', tn_optional($evaluationDate)->end_date);
@endphp

<div class="header col-12">
    <div class="col-12">
        <table class="col-12">
            <tr>
                <td>
                    <strong class="color-b1 float-left font-size-20">{{$title}}</strong>
                    <div class="numberCircle">{{$paginate}}</div>
                </td>
                <td class="text-align-right">({{$now->year}}年 {{$now->month}}月 {{$now->day}}日 現在)</td>
            </tr>
        </table>
    </div>
    <div class="border rounded col-12 margin-top-10">
        <table class="table-header font-weight-normal">
            <tbody>
                <tr class="line-height-10">
                    <td class="padding-0 border-left-0" width="25%">
                        <table class="table-header-mini" width="100%">
                            <tbody>
                                <tr class="border-bottom-dashed">
                                    <td scope="row" class="font-size-10 color-text-01263d text-center" width="20%">ふりがな</td>
                                    <td class="font-size-10 border-left-dashed color-text-000000" width="80%">{{tn_optional($member)->last_name_reading}}　{{tn_optional($member)->first_name_reading}}</td>
                                </tr>
                                <tr class="height-25">
                                    <td scope="row" class="font-size-10 color-text-01263d text-center">職員名</td>
                                    <td class="font-size-10 border-left-dashed color-text-000000">{{tn_optional($member)->last_name}}　{{tn_optional($member)->first_name}}</span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                    <td class="font-size-10 color-text-01263d" width="5%">対象期間</td>
                    <td class="font-size-10 border-left-dashed color-text-000000" width="10%">
                        <h6 class="font-size-10">
                            {{sprintf('%s～%s', "{$start_date->year}年{$start_date->month}月", "{$end_date->year}年{$end_date->month}月")}}
                        </h6>
                    </td>
                    <td class="font-size-12 color-text-01263d" width="10%">評価は {{tn_optional($mstSkillEvaluationBasis)->rank1_char}}～{{tn_optional($mstSkillEvaluationBasis)->rank4_char}} の 4 段階</td>
                    <td class="font-size-12 border-left-dashed color-text-000000" width="50%">
                        <div class="col-xs-3 padding-left-5 padding-right-0">
                            {{sprintf('%s ... %s',
                            tn_optional($mstSkillEvaluationBasis)->rank1_char,
                            tn_optional($mstSkillEvaluationBasis)->rank1_explanation)}}
                        </div>
                        <div class="col-xs-3 padding-left-5 padding-right-0">
                            {{sprintf('%s ... %s',
                            tn_optional($mstSkillEvaluationBasis)->rank2_char,
                            tn_optional($mstSkillEvaluationBasis)->rank2_explanation)}}
                        </div>
                        <div class="col-xs-3 padding-left-5 padding-right-0">
                            {{sprintf('%s ... %s',
                           tn_optional($mstSkillEvaluationBasis)->rank3_char,
                           tn_optional($mstSkillEvaluationBasis)->rank3_explanation)}}
                        </div>
                        <div class="col-xs-3 padding-left-5 padding-right-0">
                            {{sprintf('%s ... %s',
                           tn_optional($mstSkillEvaluationBasis)->rank4_char,
                           tn_optional($mstSkillEvaluationBasis)->rank4_explanation)}}
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>