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

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="" style="width:80%; margin:0 auto;">
                <div class="">
            <div class="panel panel-default" style="background-color:#708090;">
                <div class="panel-heading" style="padding-bottom:0px">
                    <div class="panel-title">
                        {!! $data['pageTitle'] !!}
                    </div>

                    @if(!$data['configuration'])
                    <div class="panel-options">
                        <a href="{!! $data['addBtnUrl'] !!}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>{{ $data['addBtnLabel'] }}</a>
                    </div>
                    @endif

                </div>
                <div class="panel-body panelBodyView">
                    <table class="table table-striped table-bordered table-condensed first-col-dark" style="width:100%" id="data-table">
                        <thead>
                        <tr>
                            <th width="30">SL#</th>
                            <th >Title</th>
                            <th style="width: 80px">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                              @if($data['configuration'])
                              <tr>      
                                        <td>1</td>
                                        <td class="text-center border-bottom">MIS Configuration</td>
                                        <td class="text-center border-bottom">
                                                  <a href="{!! url('hr/periodicStaffReportMisConfig/edit/'.$data['configuration']->id) !!}" class="btn btn-xs btn-info">
                                                            <i class="fa fa-pencil"></i>
                                                  </a>
                                        </td>

                              </tr>
                              @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('footerAssets')
    <script>
        $('#data-table').dataTable( {
            // "ordering": false,
            "paging": false,
            "bInfo": false
        });

    </script>
@endsection