@extends('hr_main')
@section('title', '| ' . $data['pageTitle'])
@section('content')

<div class="row add-data-form">
    <div class="col-md-12">
        <div class="col-md-1"></div>

        <div class="col-md-10 fullbody">
            <div class="viewTitle" style="border-bottom: 1px solid white;">
                <a href="{!! $data['listBtnUrl'] !!}" class="btn btn-info pull-right addViewBtn">
                    <i class="glyphicon glyphicon-th-list viewIcon"></i>{!! $data['listBtnLabel'] !!}
                </a>
            </div>

            <div class="panel panel-default panel-border">
                <div class="panel-body">
                    <div class="panel-heading">
                        <div class="panel-title">{{ $data['pageTitle'] }}</div>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered dataTable dynamic_table">
                            <tr>
                                <td><b>Letter Type:</b></td>
                                <td>{{ $data['org_letter_types'][$data['model']->letter_type] }}</td>
                            </tr>
                            <tr>
                                <td><b>Effect Date:</b></td>
                                <td>{{ date('d-m-Y', strtotime($data['model']->effect_date)) }}</td>
                            </tr>
                            <tr>
                                <td><b>Attributes:</b></td>
                                <td>
                                    <ul style="padding-left: 15px; margin-bottom: 0;">
                                        @foreach($data['model']->attributes as $key => $attribute)
                                        <li>
                                            {{ $data['org_letter_attributes'][$data['model']->letter_type][$attribute] }}<br>
                                        </li>
                                        @endforeach
                                    </ul>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>

            <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
        
        <div class="col-md-1"></div>
    </div>
</div>
@endsection