@extends('layouts.master')
@section('content')

<div class="mb-3 card">
    <div class="card-header-tab card-header">
        <div class="card-header-title font-size-lg text-capitalize font-weight-normal">
            <i class="header-icon lnr-charts icon-gradient bg-happy-green"> </i>
            {{ $title }}
        </div>
        <div class="btn-actions-pane-right text-capitalize">
        @if(isset($error) || session('error'))
                    <div class="alert alert-danger">
                        {{ $error ?? session('error') }}
                    </div>
                @endif
                                
                @if(session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif
        </div>
    </div>

                            <div class="card-body">
                                <table style="width: 100%;" id="example1" class="table table-hover table-striped table-bordered">

                                <thead>
        <tr>
            @foreach($headers as $header => $field)
                <th>{{ $header }}</th>
            @endforeach
        </tr>
    </thead>
    <tbody>
        @foreach($data as $item)
            <tr>
                @foreach($headers as $field)
                    @if($field != 'action')
                        <td>{{ $item->$field }}</td>
                    @else

                    <td style="text-align: right;">
                    @canany(['Run payrolls'])
                                    <a href="{{ route('pam-pay-runs.run-payroll', $item->id) }}"
                                    class="btn cur-p btn btn-info btn-color">Run</a>
                            
                              
                                        <a href="{{ route('pam-emps.index', $item->id) }}"
                                        class="btn cur-p btn-success btn-color">Employees</a>
                               @endcanany
                            </td>

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