@extends('layouts.app')
@section('style')
    <style type="text/css">
    table.td{
            border-top:0px;
        }
        .header{}
    </style>
@stop
@section('content')
    <div class="row">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="portlet light bordered sale">
            <div class="portlet-title">
                <div class="caption font-dark">
                    <i class="icon-settings font-dark"></i>
                    <span class="caption-subject bold uppercase">@lang('layout.ClassShow')</span>
                </div>
                <div class="tools"></div>
            </div>
            <div class="portlet-body">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <table class="table">   
                            <thead>
                                <tr class="header">
                                    <th><b>@lang('layout.Title')</b></th>
                                    <th><b>@lang('layout.Data')</b></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <i class="fa fa-check-square"></i> <b>@lang('layout.ID')</b>
                                    </td>
                                    <td>
                                        {{$financialClass->id}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <i class="fa fa-database"></i> <b>@lang('layout.ClassName')</b>
                                    </td>
                                    <td>
                                        {{$financialClass->name}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <i class="fa fa-bars"></i> <b>@lang('layout.Description')</b>
                                    </td> 
                                    <td>
                                        {{$financialClass->description}}
                                    </td>
                                </tr> 
                                <tr>
                                    <td>
                                        <i class="fa fa-bars"></i> <b>IP</b>
                                    </td> 
                                    <td>
                                        {{$financialClass->finger_ip}}
                                    </td>
                                </tr> 
                                <tr>
                                    <td>
                                        <i class="fa fa-bars"></i> <b>Port</b>
                                    </td> 
                                    <td>
                                        {{$financialClass->finger_port}}
                                    </td>
                                </tr> 
                                <tr>
                                    <td>
                                        <i class="fa fa-bars"></i> &nbsp; <b>@lang('layout.Header')</b>
                                    </td>
                                    <td>
                                        <img class=" twPc-avatarImg" src="{!!url('/uploads/financialClass/'.$financialClass->header)!!}" style="width: 20%; height:100px;">
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <i class="fa fa-bars"></i> &nbsp; <b>@lang('layout.Footer')</b>
                                    </td>
                                    <td>
                                        <img class="twPc-avatarImg" src="{!! url('/uploads/financialClass/'.$financialClass->footer) !!}" style="width: 20%;height:100px;">
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <i class="fa fa-clock-o"></i><b> @lang('layout.CreatedAt')</b>
                                    </td> 
                                    <td>
                                        {{convertDate($financialClass->created_at)}}
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        <i class="fa fa-history"></i><b> @lang('layout.UpdatedAt')</b>
                                    </td> 
                                    <td>
                                        {{convertDate($financialClass->updated_at)}}
                                    </td>
                                </tr> 
                            </tbody>
                        </table>
                    </div> 
                </div>
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
@endsection