@extends('app')
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Employe Salary Details
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">HR</a></li>
            <li class="active">Employee Salary List</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <div class="box-header with-border">

            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                        @canany(['employee-salary-list-view','employee-salary-list-edit','employee-salary-list-update','employee-salary-list-remove','employee-payment-create','employee-salary-view'])
                            <table id="employeeSalaryDatatable" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>Employee Name</th>
                                    <th>Salary Type</th>
                                    <th>Salary Amount</th>
                                    <th>Due</th>
                                    <th>Advanced</th>
                                    <th>Last Payment Amount</th>
                                    <th>Last Payment Date</th>
                                    <th>Last Payment By</th>
                                    @canany(['employee-payment-create','employee-salary-view'])
                                        <th>Action</th>
                                    @endcan
                                </tr>
                                </thead>
                                <tbody>
                                @if(count($allEmplyee) > 0)
                                    @foreach($allEmplyee as $key => $employee)
                                        <tr style="@if($employee->status == 2) display: none;@endif">
                                            <td>{{ $employee->user->full_name }}</td>
                                            <td>{{ $employee->salary_type == 1 ? 'Full Time' : ($employee->salary_type == 2 ? 'Part Time' : 'Commission Based') }}</td>
                                            <td>{{ $employee->salary_amount }}</td>
                                            <td>{{ $employee->due }}</td>
                                            <td>{{ $employee->advanced }}</td>
                                            <td>{{ $employee->last_payment_amount }}</td>
                                            <td>{{ $employee->last_payment_date }}</td>
                                            <td>{{ $employee->paymentBy->full_name }}</td>
                                            <td>
                                                {{--                                               @canany(['employee-salary-list-edit','employee-salary-list-update','employee-salary-list-remove'])
                                                {{--                                                <a href="{{url('hr/edit-employee-salary',$employee->salary_id)}}" class="btn btn-info btn-xs" id="reference_{{$employee->salary_id}}">--}}
                                                {{--                                                    <i class="fa fa-edit" title="Edit"></i>--}}
                                                {{--                                                </a>--}}
                                                {{--                                                <a class="btn btn-danger btn-xs" style="@if($employee->status == 2) display: none; @endif" onclick="updateStatus('delete','employee-salary',{{$employee->salary_id}})">--}}
                                                {{--                                                    <i class="fa fa-trash" title="Delete"></i>--}}
                                                {{--                                                </a>
                                                                                                @endcanany--}}
                                                @can('employee-payment-create')
                                                    <a class="btn btn-warning btn-sm" data-toggle="modal" href="#modal"
                                                       onclick="loadModal('hr/employee-payment/{{ $employee->salary_id}}')">
                                                        <i class="fa fa-google-wallet" title="payment"></i>
                                                    </a>
                                                @endcan

                                                @can('employee-salary-view')
                                                    <a href="{{route('hr.employee-payment-history',$employee->user_id)}}"
                                                       class="btn btn-info btn-sm">
                                                        <i class="fa fa-eye" title="view"></i>
                                                    </a>

                                                    <a href="{{route('hr.employee-monthly-payment-history',$employee->user_id)}}"
                                                       class="btn btn-info btn-sm">
                                                        <i class="fa fa-database" title="view"></i>
                                                    </a>
                                                @endcan
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                                </tbody>
                                <tfoot>
                                <tr>
                                    <th>Employee Name</th>
                                    <th>Salary Type</th>
                                    <th>Salary Amount</th>
                                    <th>Diu</th>
                                    <th>Advanced</th>
                                    <th>Last Payment Amount</th>
                                    <th>Last Payment Date</th>
                                    <th>Last Payment By</th>
                                    @canany(['employee-payment-create','employee-salary-view'])
                                        <th>Action</th>
                                    @endcan
                                </tr>
                                </tfoot>

                            </table>
                        @endcanany
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('script')
    <script type="text/javascript">
        $(document).ready(function () {
            $('#employeeSalaryDatatable')
                .addClass('nowrap')
                .dataTable({
                    columnDefs: [
                        {targets: [-1, -3], className: 'dt-body-right'}
                    ]
                });

        });

        function updateStatus(action, url, id) {
            var reference = $("#reference_" + id);
            if (action == 'delete') {
                if (!confirm("Do you Want to delete ??")) {
                    return false;
                }
            }
            $.ajax({
                url: "update-" + url + "-status/" + action + "/" + id,
                method: "GET",
                dataType: "json",
                success: function (data) {
                    if (data.success == true) {
                        if (action == 'delete') {
                            reference.parent().parent().hide(1000).remove();
                            //window.location.reload();
                        }
                        $('.box-body-second').show();
                        $(".messageBodySuccess").slideDown(1000).delay(3000).slideUp(1000).children().next().html(data.message);
                        //window.location.reload();
                    } else {
                        $('.box-body-second').show();
                        $(".messageBodyError").slideDown(1000).delay(3000).slideUp(1000).children().next().html(data.message);
                    }
                },
                error: function (data) {
                    $('.box-body-second').show();
                    $(".messageBodyError").slideDown(1000).delay(3000).slideUp(1000).children().next().html(data.message);
                }
            });
        }

    </script>
@endsection