@extends('layouts/marketing_layout')
@section('title', '| Add KPI')
@section('content')
<div class="row add-data-form">
    <div class="col-md-12">
        <div class="col-md-2"></div>
            <div class="col-md-8 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <a href="{{url('marketing/viewKpi/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon"></i>View KPI List</a>
                </div>
                <div class="panel panel-default panel-border">

                <div class="panel-heading">
                        <div class="panel-title">View Key Performance Indicator (KPI)</div>
                    </div><br>

                    <div class="panel-body">
                        <div class="form-group">
                            <form name="add_name" id="add_name">
                                <div class="row">
                                    <div class="col-md-5">
                                        <div class="form-group">
                                            {!! Form::label('designation', 'KPI For Designation:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-6">
                                            {!! Form::text('designation',$marketingKpi['designation']['name'], ['class' => 'form-control', 'id' => 'effectiveDate','readonly' => 'readonly']) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <div class="form-group">
                                            {!! Form::label('effectiveDate', 'Effective Date:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-6">
                                                {!! Form::text('effectiveDate',$marketingKpi->effectiveDate, ['class' => 'form-control', 'id' => 'effectiveDate','readonly' => 'readonly']) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <br><br><br><br>

                                </div><br>

                            <div class="panel-title">KPI : </div><br><br>
                            <div class="col-md-5">
                                       <div class="form-group">
                                            {!! Form::label('totalPoints', 'Total Points:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-2">
                                                {!! Form::text('totalPoints', $value = 100, ['class' => 'form-control', 'id' => 'totalPoints', 'type' => 'text', 'readonly' ]) !!}
                                                <p id='totalPoints' style="max-height:3px;"></p>
                                            </div>
                                        </div>
                                    </div><br><br><br>
                            <div class="row">
                                <div class="">
                                    <table class="table table-bordered table-striped table-condensed">
                                        <thead>
                                        <tr>
                                            <th style="width: 5%;">SL#</th>
                                            <th style="width: 30%;">Criteria Name</th>
                                            <th style="width: 10%;">Points</th>
                                            <th style="width: 15%;">Measurement Unit</th>
                                            <!-- <th style="width: 15%;">Value</th> -->
                                            <!-- <th style="width: 5%;">Action</th> -->
                                        </tr>
                                        </thead>
                                        <tbody class="appendStepsTr" id="dynamic_field">
                                        @php
                                            $criteriaNameDecode = json_decode($marketingKpi->criteriaName);
                                            $points = json_decode($marketingKpi->points);
                                            $measurementUnit = json_decode($marketingKpi->measurementUnit);
                                        @endphp
                                                                                @foreach($criteriaNameDecode as $key => $criteriaName)
                                            <tr>
                                                <td>
                                                    {{ ++$no }}
                                                </td>
                                                <td>{{$criteriaName}}</td>
                                                <td>
                                                   {{$points[$key]}}
                                                </td>
                                                <td>
                                                  {{$measurementUnit[$key]}}
                                                </td>
                                                <!-- <td>
                                                    <input type='number' class="text-center form-control input-sm" id='unitValue' name='unitVlaue[]' value='' placeholder='Enter Vlaue' min="1" />
                                                </td> -->
                                                <!-- <td>
                                                    <button type="button" name="remove" id="remove" class="btn btn-danger btn_remove">X</button>
                                                </td> -->
                                            </tr>
                                        @endforeach
                                        </tbody>
                                            <!-- <tfoot>
                                                <tr>
                                                    <td colspan="6" class="text-right">
                                                        <button type="button" class="btn btn-secondary btn-xs addmore-steps" id="add">
                                                            <i class="fa fa-plus"></i> Add More
                                                        </button>
                                                    </td>
                                                </tr>
                                            </tfoot> -->
                                    </table><br>
                                    <div class="row" style='text-align:center'>
                                        <input type="button" name="submit" id="submit" class="btn btn-info" value="Submit" />
                                    </div>
                            </div>
                            </div>
                            </form>
                        </div>
                    <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection