@foreach($timeSheetExtras as $timeSheetExtra)
    <div class="col-xs-4 text-center">
        @if($timeSheetExtra['photo'])
            <img src="{{$timeSheetExtra['headImage']}}" style="height: 80px; max-width: 80px;  border-radius: 26px;"/>
        @endif
        <br/>{{$timeSheetExtra['createdBy']}}<br/>{{date('d/m/Y',strtotime($timeSheetExtra['updated_at']))}}
    </div>

    <div class="col-xs-8">
        <table cellpadding="0" cellspacing="0" border="0" class="table table-bordered">
            <tr>
                <td>Job Number</td>
                <td>{{$timeSheetExtra['jobId']}}</td>
            </tr>
            <tr>
                <td>Reason</td>
                <td>{{$timeSheetExtra['reason']}}</td>
            </tr>
            <tr>
                <td>Type</td>
                <td>{{$timeSheetExtra['priceType']=='standardHour'?'Hours (Standard)':''}}{{$timeSheetExtra['priceType']=='overtimeHour15'?'Hours (overtime 1.5x)':''}}{{$timeSheetExtra['priceType']=='overtimeHour20'?'Hours (overtime 2x)':''}}{{$timeSheetExtra['priceType']=='money'?'Money':''}}</td>
            </tr>
            <tr>
                <td>Amount</td>
                <td>{{$timeSheetExtra['value']}}</td>
            </tr>
            <tr>
                <td>Authorised by</td>
                <td>{{$timeSheetExtra['authorisedBy']}}</td>
            </tr>
            <tr>
                <td>Date</td>
                <td>{{date('d/m/Y',strtotime($timeSheetExtra['timeSheetDate']))}}</td>
            </tr>
            <tr>
                <td>Status</td>
                <td>{{ucwords($timeSheetExtra['status'])}}</td>
            </tr>
        </table>
    </div>

    <div class="col-xs-12 text-right">
        <a class="btn btn-primary"
           onclick="generateUpdateTimeSheetExtraForm('plus', '{{$timeSheetExtra['timeSheetExtraId']}}')"><i
                    class="fa fa-edit"></i> EDIT</a>
        <a class="btn btn-danger" onclick="confirmTimeSheetExtraDelete('{{$timeSheetExtra['timeSheetExtraId']}}')"><i
                    class="fa fa-trash"></i> REMOVE</a>
        <a class="btn btn-warning hidden" id="timeSheetExtraConfirm{{$timeSheetExtra['timeSheetExtraId']}}"
           onclick="deleteTimeSheetExtra('{{$timeSheetExtra['timeSheetExtraId']}}')"><i
                    class="fa fa-exclamation-triangle"></i> CONFIRM</a>
    </div>

    <div class="col-xs-12">
        <hr/>
    </div>
@endforeach