@extends('layouts/pos_layout')
@section('title', '| Incentive Configuration Details')
@section('content')

<div class="row add-data-form" style="height:100%">
    <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="{{url('pos/viewIncentiveConfig/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                        </i>Incentive Configuration List</a>
                    </div>
                <div class="panel panel-default panel-border">
                        <div class="panel-heading">
                            <div class="panel-title">Incentive Configuration Details</div>
                        </div>
                    <div class="panel-body">

                        <div class="row">

                            <div class="col-md-12">

                                <div class="form-group">
                                    {!! Form::label('Type', 'Type:', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-6">
                                        {!! Form::text('type', $incentiveConfig->type, ['class' => 'form-control', 'id' => 'type', 'type' => 'text', 'readonly' => true]) !!}
                                    </div>
                                </div>

                                <br><br>

                                <div class="form-group">
                                    {!! Form::label('Effect Date', 'Effect Date:', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-6">
                                        {!! Form::text('valid_from', date('d-m-Y', strtotime($incentiveConfig->valid_from)), ['class' => 'form-control', 'id' => 'valid_from', 'type' => 'text', 'readonly' => true]) !!}
                                    </div>
                                </div>

                                <br><br>

                                <div class="row">
                                    <div class="col-md-12">
                                        <table id="addItemTable" class="table table-bordered responsive addItemTable">
                                            <thead>
                                                <tr class="">
                                                    <th style="text-align:center;" class="col-sm-2">Incentive Step</th>
                                                    <th style="text-align:center;" class="col-sm-2">Employee</th>
                                                    <th style="text-align:center;" class="col-sm-2">Incentive (Percentage)</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if($incentiveConfig)
                                                    @foreach($incentiveConfig->incentiveConfigDetail as $record)
                                                    <tr>
                                                        <td>{{ $record->incentiveStep->name }}</td>
                                                        <td>{{ ($record->employee_id == 0) ? 'All' : (($record->employee) ? $record->employee->emp_id.' - '.$record->employee->name : 'N/A') }}</td>
                                                        <td>{{ $record->incentive }}</td>
                                                    </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="col-md-0"></div>
                                </div>

                            </div>

                        </div>

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