@extends('hr_main')
@section('title', '| '.$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">
                        {!! $pageTitle !!}
                    </div>

                    <div class="panel-options">
                        <a href="{!! $addBtnUrl !!}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>New</a>
                    </div>
                </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 >Company Name</th>
                            <th style="width: 80px">Action</th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach($reference as $rfrnc)
                            <tr>
                                <td class="text-center border-bottom">{{ $loop->iteration }}</td>
                                <td class="border-bottom">{{ $rfrnc->name }}</td>
                                <td class="text-center border-bottom">
                                    <a href="{!! url('hr/specialReferenceSettings/edit/'.$rfrnc->id) !!}"
                                       class="btn btn-xs btn-info">
                                        <i class="fa fa-pencil"></i>
                                    </a>
                                     @if ($rfrnc->id !=1)
                                    <a href="{!! url('hr/specialReferenceSettings/delete/'.$rfrnc->id) !!}"
                                        class="btn btn-xs btn-danger" onclick="return confirm('Are you sure?');">
                                         <i class="fa fa-times"></i>
                                     </a>
                                    @endif
                                </td>

                            </tr>
                        @endforeach

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


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

    </script>
@endsection