@extends('layouts.main')

@push('styles')
    <link href="{{ asset('/elite/bower_components/datatables/jquery.dataTables.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('elite/tables/css/buttons.dataTables.min.css') }}" rel="stylesheet" type="text/css" />
@endpush

@section('content')
    <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">{{ __('payroll.payroll_schedules') }}</h4>
        </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('home') }}"><i class="fa fa-home"></i> {{ __('payroll.home') }}</a></li>
                <li><a href="{{ route('finance') }}"><i class="fa fa-money"></i> {{ __('payroll.finance_home') }}</a></li>
                <li class="active"><i class="fa fa-eye"></i> {{ __('payroll.payroll_schedules') }}</li>
            </ol>
        </div>
    </div>

    @include('payroll::payroll.menu')

    <div class="white-box">
        @include('flash::message')

        <div class="table-responsive">
            <table class="table color-bordered-table success-bordered-table table-striped">
                <thead>
                <tr>
                    <th>{{ __('payroll.payroll_schedule_name') }}</th>
                    <th>{{ __('payroll.pay_period') }}</th>
                    <th>{{ __('payroll.total_net_pay') }}</th>
                    <th>{{ __('payroll.due_date') }}</th>
                    <th>{{ __('payroll.payment_date') }}</th>
                    <th>{{ __('payroll.created_at') }}</th>
                    <th>{{ __('payroll.created_by') }}</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @php $totals = 0; @endphp
                @foreach($schedules as $schedule)
                    <tr>
                        <td>{{ $schedule->name }}</td>
                        <td>{{ $schedule->pay_month }} {{ $schedule->pay_year }}</td>
                        @php
                            $total_net_pay = array_sum(explode(",", $schedule->net_pay));
                            $totals += $total_net_pay;
                        @endphp
                        <td>{{ ugandan_shillings($total_net_pay) }}</td>
                        <td>{{ streamline_date($schedule->due_date) }}</td>
                        <td>{{ $schedule->payment_date ? streamline_date($schedule->payment_date) : 'Not Paid' }}</td>
                        <td>{{ get_full_name($schedule->created_by, 'id', 'first_name', 'last_name', 'users') }}</td>
                        <td>{{ streamline_date_time($schedule->created_at) }}</td>
                        <td><a href="/payroll_schedules/details/{{ $schedule->id }}" class="btn btn-sm btn-success">Details</a></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

        <hr>

        <h4>{{ __('payroll.total_net_pay') }}: {{ ugandan_shillings($totals) }}</h4>
    </div>
@endsection

@push('scripts')

    <script src="{{ asset('elite/bower_components/datatables/jquery.dataTables.min.js') }}"></script>

    <script src="{{ asset('elite/tables/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('elite/tables/js/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('elite/tables/js/jszip.min.js') }}"></script>
    <script src="{{ asset('elite/tables/js/pdfmake.min.js') }}"></script>
    <script src="{{ asset('elite/tables/js/vfs_fonts.js') }}"></script>
    <script src="{{ asset('elite/tables/js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('elite/tables/js/buttons.print.min.js') }}"></script>

    <script>
        $('.table').DataTable({
            dom: 'Bfrtip',
            pageLength: 100,
            buttons: ['copy', 'csv', 'pdf', 'print']
        });
    </script>
@endpush