@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-payrolls.run-payroll', $item->id) }}"
                            class="btn cur-p btn btn-info btn-color">Run</a>
                        @endcanany

                        @canany(['Manage payrolls','View payrolls'])
                        <a href="{{ route('pam-payrolls.show', $item->id) }}"
                            class="btn cur-p btn btn-info btn-color">View</a>
                        @endcanany
                        @canany(['Run payrolls'])

                        <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