@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.staff_members') }}</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.view_payrolls') }}</li>
            </ol>
        </div>
    </div>

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

    <div class="white-box">
        {{ Form::open(['route' => 'payroll.index_search', 'data-toggle' => 'validator']) }}

        <div class="row">
            <div class="col-md-2">
                <div class="form-group">
                    {{ Form::label('payroll_category', __('payroll.payroll_category')) }}
                    {{ Form::select('payroll_category', $payroll_categories, '', ['class' => 'form-control']) }}
                </div>
            </div>

            <div class="col-md-2">
                <div class="form-group">
                    {{ Form::label('contract_type', __('payroll.contract')) }}
                    {{ Form::select('contract_type', $contract_types, '', ['class' => 'form-control']) }}
                </div>
            </div>

            <div class="col-md-2">
                <div class="form-group">
                    {{ Form::label('payroll_scale', __('payroll.salary_scale')) }}
                    {{ Form::select('payroll_scale', $salary_scales, '', ['class' => 'form-control']) }}
                </div>
            </div>

            <div class="col-md-2">
                <div class="form-group">
                    {{ Form::label('department', __('payroll.department')) }}
                    {{ Form::select('department', $departments, '', ['class' => 'form-control']) }}
                </div>
            </div>

            <div class="col-md-2">
                <div class="form-group" style="margin-top: 25px;">
                    {{ Form::submit(__('investigations.search'), ['class'=>'btn btn-success pull-right']) }}
                </div>
            </div>
        </div>

        {{ Form::close() }}
    </div>

    <div class="white-box">
        <a href="#" class="nav-item btn btn-warning ti-pencil" onclick="select_for_edit()"> {{ __('payroll.edit_multiple_employees') }}</a>

        <hr>

        @include('flash::message')

        @if($criteria !== '')
            <p>Search criteria : <code>{{ $criteria }}</code></p>
        @endif

        {{ Form::open(['route' => 'payroll.edit.bulk_edit', 'data-toggle' => 'validator']) }}

        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th class="show_edits" style="display: none"></th>
                    <th>{{ __('payroll.staff_member') }}</th>
                    <th>{{ __('payroll.position') }}</th>
                    <th>{{ __('payroll.department') }}</th>
                    <th>{{ __('payroll.payroll_category') }}</th>
                    <th>{{ __('payroll.contract') }}</th>
                    <th>{{ __('payroll.contract_period') }}</th>
                    <th>{{ __('payroll.salary_scale') }}</th>
                    <th>{{ __('payroll.bank') }}</th>
                    <th>{{ __('payroll.basic_pay') }}</th>
                    <th class="hide_edits"></th>
                    <th class="hide_edits"></th>
                </tr>
                </thead>
                <tbody>
                @php $total_basic_pay = 0; @endphp
                @foreach($payrolls as $payroll)
                    @php
                        $contract_periods = json_decode($payroll->contract_period, true);
                        $contract_periods = end($contract_periods);
                        $total_basic_pay += $payroll->basic_pay;
                    @endphp
                    <tr>
                        <td class="show_edits" style="display: none"><input type="checkbox" name="ids_to_edit[]" value="{{ $payroll->id }}"></td>
                        <td>{{ $payroll->first_name . ' ' . $payroll->last_name }} ({{ $payroll->number . ' / ' . $payroll->phone }})</td>
                        <td>{{ $positions[$payroll->position] }}</td>
                        <td>{{ $departments[$payroll->department] }}</td>
                        <td>{{ $payroll_categories[$payroll->department] }}</td>
                        <td>{{ $contract_types[$payroll->contract] ?? 'N/A' }}</td>
                        <td>
                            @if(\Carbon\Carbon::yesterday() > \Carbon\Carbon::parse($contract_periods[1]))
                                <span style="color: red">{{ streamline_date($contract_periods[0]) }} to {{ streamline_date($contract_periods[1]) }}</span>
                            @elseif(\Carbon\Carbon::today()->addMonths(3) > \Carbon\Carbon::parse($contract_periods[1]))
                                <span style="color: darkorange">{{ streamline_date($contract_periods[0]) }} to {{ streamline_date($contract_periods[1]) }}</span>
                            @else
                                <span style="color: darkgreen">{{ streamline_date($contract_periods[0]) }} to {{ streamline_date($contract_periods[1]) }}</span>
                            @endif
                        </td>
                        <td>{{ $salary_scales[$payroll->salary_scale] }}</td>
                        <td>{{ $banks[$payroll->payroll_bank_id] }}</td>
                        <td>{{ ugandan_shillings($payroll->basic_pay) }}</td>
                        <td class="hide_edits">
                            <a href="/payroll/view_payroll_member_details{{ $payroll->id }}" class="btn btn-info btn-sm">{{ __('payroll.view_details') }}</a>
                        </td>
                        <td class="hide_edits">
                            <a href="/payroll/deactivate{{ $payroll->id }}" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">{{ __('payroll.delete_member') }}</a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

        <hr>

        <div class="row">
            <div class="col-md-4">
                <table class="table table-bordered">
                    <tr>
                        <td><b>Total Basic Pay</b></td>
                        <td>{{ ugandan_shillings($total_basic_pay) }}</td>
                    </tr>
                </table>
            </div>
        </div>

        <button class="show_edits btn btn-success btn-sm" type="submit" style="display: none">Submit For Edits</button>

        {{ Form::close() }}
    </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: [{
                extend: 'copy',
                exportOptions: {
                    columns: [0, 1, 2, 3, 4, 5, 6, 7]
                },
                title: 'Payroll Employees'
            },
                {
                    extend: 'csv',
                    exportOptions: {
                        columns: [0, 1, 2, 3, 4, 5, 6, 7]
                    },
                    title: 'Payroll Employees'
                },
                {
                    extend: 'pdf',
                    exportOptions: {
                        columns: [0, 1, 2, 3, 4, 5, 6, 7]
                    },
                    title: 'Payroll Employees'
                },
                {
                    extend: 'print',
                    exportOptions: {
                        columns: [0, 1, 2, 3, 4, 5, 6, 7]
                    },
                    title: 'Payroll Employees'
                }
            ]
        });

        function select_for_edit() {
            $('.show_edits').show();
            $('.hide_edits').hide();
        }
    </script>
@endpush