@extends('layout.main')
@section('title', 'Daftar Payroll Master')

@section('prev-page')
    <a href="{{ route('dashboard') }}" class="text-default">
        <i class="icon-arrow-left52 position-left"></i><span class="text-semibold">Home</span>
    </a>
@endsection

@section('content')
    <div class="navbar navbar-default navbar-component navbar-xs marg-bot">
        <ul class="nav navbar-nav visible-xs-block">
            <li class="full-width text-center"><a data-toggle="collapse" data-target="#navbar-filter"><i class="icon-menu7"></i></a></li>
        </ul>
        <div class="navbar-collapse collapse" id="navbar-filter">
            <ul class="nav navbar-nav">
                <li @if (!isset($input->status)) {!! 'style="background-color: #BBB !important;"' !!} @endif>
                    <a href="{{ route('admin.payroll.master') }}">Semua</a>
                </li>
                @foreach ($status_list as $stat)
                    <li @if (isset($input->status) && $input->status == $stat->id) {!! 'style="background-color: #BBB !important;"' !!} @endif>
                        <a href="{{ route('admin.payroll.master') }}?status={{ $stat->id }}">
                            <span data-popup="tooltip" title="{{ $stat->name }}" data-placement="bottom">
                                {{ $stat->name }} @if ($stat->count > 0)
                                    <span class="label" style="background-color: {{ $stat->count_bg }}">{{ $stat->count }}</span>
                                @endif
                            </span>
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>

    <div class="panel panel-flat">
        <div class="panel-heading">
            <h6 class="panel-title">Daftar Payroll Master</h6>
        </div>
        <div class="panel-body">
            <div class="col-lg-6">
                <form action="{{ route('admin.payroll.master') }}" method="GET" class="form-horizontal">
                    @csrf
                    <div class="col-lg-6 col-xs-10 form-group">
                        <input type="text" name="key" id="key" value="@if (!empty($input->key)) {{ $input->key }} @endif" placeholder="Kata Kunci" class="form-control" />
                    </div>
                    <div class="col-lg-2 col-xs-2"><input type="submit" class="btn btn-default" value="Cari" /></div>
                </form>
            </div>
            <div class="col-lg-12 table-responsive">
                <table id="userTable" class="table table-togglable table-hover table-xxs text-size-small">
                    <thead>
                        <tr>
                            <th data-toggle="true">Nama</th>
                            <th data-toggle="true">Email</th>
                            <th data-hide="phone">Tanggal Bergabung</th>
                            <th data-toggle="true">Nilai Payroll</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($payrolls as $payroll)
                            <tr>
                                <td>
                                    <a href="{{ route('admin.payroll.master.detail', $payroll->employee_id) }}">{{ $payroll->employee_name }}</a>
                                </td>
                                <td>{{ $payroll->employee_email }}</td>
                                <td>{{ date_format(date_create($payroll->employee_joined), 'd M Y H:i:s') }}</td>
                                <td class="text-right">Rp{{ number_format($payroll->total, 0, ',', '.') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="text-center">Belum ada data.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if (!empty($metadata->links))
            <div class="panel-footer text-center">
                {!! $metadata->links !!}
            </div>
        @endif
    </div>
@endsection

@section('other-scripts')
    <script type="text/javascript" src="{{ asset('assets/js/core/app.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/tables/footable/footable.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/table_responsive.js') }}"></script>
@endsection