@extends('newDashboard.index')

@section('css')
    <link rel="stylesheet" href="{{ asset('metronic/css/data-table.css') }}">
    <style>
        .bg-secondary {
            background: #cdc9c9 !important;
        }

        .title {
            text-align: center;
            font-weight: 700;
            font-size: 18px;
            padding: 8px;
            width: 100%;
            background: #c1c1c1;
        }

        td, th {
            text-align: center;
        }

        #deliveryModal .col-6 {
            display: flex;
            justify-content: center;
            align-content: center;
        }

        .col-6.border {
            padding: 10px;
        }

        @media print {
            body {
                margin: 0;
                padding: 20px;
                font-family: Arial, sans-serif;
            }

            table {
                width: 100%;
                border-collapse: collapse;
                margin-bottom: 20px;
            }

            th, td {
                border: 1px solid #000;
                padding: 8px;
                text-align: left;
                font-size: 6pt;
            }

            th {
                background-color: #f2f2f2;
            }

            .dt-buttons {
                display: none;
            }
        }
    </style>
@endsection

@section('main-content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-package"></i>
                </span>
                {{ __('Monthly Salaries') }}
                / {{ __("Employee Salary Statement for Month :month/:year",['month'=>$month,'year'=>$year]) }}
            </h3>
            <form id="add-restriction" action="{{route("hr.salaries.daily_restrictions",[$year,$month])}}" method="POST">
                @csrf
                <button class="btn btn-primary">{{__("Add Salaries To Daily Restrictions")}}</button>
            </form>
        </div>
        <input type="hidden" id="month" value="{{$month}}">
        <input type="hidden" id="year" value="{{$year}}">
        <div class="table-responsive bg-white">
            <table class="table datatable">
                <thead>
                <tr>
                    <th>{{__("Employee Number")}}</th>
                    <th>{{ __('Job Title')}}</th>
                    <th>{{__("Name")}}</th>
                    <th>{{__("Salary")}}</th>
                    <th>{{__("Supervision Bonus")}}</th>
                    <th>{{__("Distinction Bonus")}}</th>
                    <th>{{__("Transportation Bonus")}}</th>
                    <th>{{__("Risk Bonus")}}</th>
                    <th>{{__("Additional Work")}}</th>
                    <th>{{__("Delay Work")}}</th>
                    <th>{{__("Deduction")}}</th>
                    <th>{{__("Rewords")}}</th>
                    <th>{{__("Loans")}}</th>
                    <th>{{__("Total")}}</th>
                    <th>{{__("Status")}}</th>
                    <th>{{__("Employee Sign")}}</th>
                    <th>{{__("Action")}}</th>
                </tr>
                </thead>
                <tbody>
                @php
                    $salary_total = 0;
                    $department_bonus_total = 0;
                    $distinction_bonus_total = 0;
                    $transportation_bonus = 0;
                    $risk_bonus = 0;
                    $additional_work = 0;
                    $work_delay = 0;
                    $discount = 0;
                    $reward = 0;
                    $deduction_amount_of_loan = 0;
                    $total = 0;
                @endphp
                @foreach($users as $user)
                    @php
                        $user_salary_information = \App\Helpers\HrSystemHelper::getUserSalaryInformation($user,$year,$month);
                        $salary_total += $user->last_contract->salary;
                        $department_bonus_total += $user->last_contract->department_bonus;
                        $distinction_bonus_total += $user->last_contract->distinction_bonus;
                        $transportation_bonus += $user->last_contract->transportation_bonus;
                        $risk_bonus += $user->last_contract->risk_bonus;
                        $additional_work += $user_salary_information->additional_work;
                        $work_delay += $user_salary_information->work_delay;
                        $discount += $user_salary_information->discount;
                        $reward += $user_salary_information->reward;
                        $deduction_amount_of_loan += $user_salary_information->deduction_amount_of_loan;
                        $total += $user_salary_information->total;
                    @endphp
                    <tr id="user_{{$user->id}}">
                        <td>{{$user->last_contract->employee_number}}</td>
                        <td>{{$user->last_contract->job_title}}</td>
                        <td>{{$user->name}}</td>
                        <td>{{number_format($user->last_contract->salary,2)}}</td>
                        <td>{{number_format($user->last_contract->department_bonus,2)}}</td>
                        <td>{{number_format($user->last_contract->distinction_bonus,2)}}</td>
                        <td>{{number_format($user->last_contract->transportation_bonus,2)}}</td>
                        <td>{{number_format($user->last_contract->risk_bonus,2)}}</td>
                        <td>{{number_format($user_salary_information->additional_work,2)}}</td>
                        <td>{{number_format($user_salary_information->work_delay,2)}}</td>
                        <td>{{number_format($user_salary_information->discount,2)}}</td>
                        <td>{{number_format($user_salary_information->reward,2)}}</td>
                        <td>{{number_format($user_salary_information->deduction_amount_of_loan,2)}}</td>
                        <td>{{number_format($user_salary_information->total,2)}}</td>
                        <td class="status">{!!  $user_salary_information->status ? '<i class="fas text-success fa-check-circle"></i>':__("Not received yet")!!}</td>
                        <td></td>
                        <td>
                            <button data-id="{{$user->id}}" class="btn btn-primary delivery-btn">
                                {{__("Delivery")}}
                            </button>
                        </td>
                    </tr>
                @endforeach
                </tbody>
                <tfoot>
                <tr>
                    <td>{{__("Totals")}}</td>
                    <td>{{$salary_total}}</td>
                    <td>{{$department_bonus_total}}</td>
                    <td>{{$distinction_bonus_total}}</td>
                    <td>{{$transportation_bonus}}</td>
                    <td>{{$risk_bonus}}</td>
                    <td>{{$additional_work}}</td>
                    <td>{{$work_delay}}</td>
                    <td>{{$discount}}</td>
                    <td>{{$reward}}</td>
                    <td>{{$deduction_amount_of_loan}}</td>
                    <td>{{$total}}</td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>

    <div class="modal fade" id="deliveryModal" tabindex="-1" aria-labelledby="deliveryModalLabel" aria-hidden="true">
        <div class="modal-dialog  modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('Employee Salary Delivery') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <div class="modal-body">
                    <div class="row m-0">
                        <div class="col-md-12 title border bg-secondary">
                            {{__("Salary for the month")}} 2024/8
                        </div>
                        <div class="col-md-12 mt-0">
                            <div class="row">
                                <div class="col-6 p-0">
                                    <div class="row w-100">
                                        <div class="col-6 border border-dark ">
                                            {{__("Employee Name")}}
                                        </div>
                                        <div class="col-6 border border-dark show-name "></div>
                                        <div class="col-6 border border-dark ">
                                            {{__("Salary")}}
                                        </div>
                                        <div class="col-6 border border-dark show-basic_salary ">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6 p-0">
                                    <div class="row w-100 h-100">
                                        <div class="col-6 border border-dark align-items-center ">
                                            {{__("Department")}}
                                        </div>
                                        <div class="col-6 border border-dark align-items-center show-department_name ">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 mt-4">
                            <div class="row">
                                <div class="col-6 border border-dark">
                                    {{__("Entitlements")}}
                                </div>
                                <div class="col-6 border border-dark">
                                    {{__("Deductions")}}
                                </div>
                                <div class="col-md-12 p-0">
                                    <div class="row m-0 p-0">
                                        <div class="col-6 p-0">
                                            <div class="row m-0 p-0">
                                                <div class="col-6 border border-dark">{{__("Basic Salary")}}</div>
                                                <div class="col-6 border border-dark show-basic_salary"></div>
                                                <div class="col-6 border border-dark">{{__("Department Bonus")}}</div>
                                                <div class="col-6 border border-dark show-department_bonus" id=""></div>
                                                <div class="col-6 border border-dark">{{__("Distinction Bonus")}}</div>
                                                <div class="col-6 border border-dark show-distinction_bonus" id=""></div>
                                                <div class="col-6 border border-dark">{{__("Transportation Bonus")}}</div>
                                                <div class="col-6 border border-dark show-transportation_bonus" id=""></div>
                                                <div class="col-6 border border-dark">{{__("Risk Bonus")}}</div>
                                                <div class="col-6 border border-dark show-risk_bonus" id=""></div>
                                                <div class="col-6 border border-dark">{{__("Additional Work")}}</div>
                                                <div class="col-6 border border-dark show-additional_work" id=""></div>
                                                <div class="col-6 border border-dark">{{__("Reward")}}</div>
                                                <div class="col-6 border border-dark show-reward" id=""></div>
                                                <div class="col-6 border border-dark bg-secondary">{{__("Total Dues")}}</div>
                                                <div class="col-6 border border-dark bg-secondary show-total_dues" id=""></div>
                                            </div>
                                        </div>
                                        <div class="col-6 p-0">
                                            <div class="row m-0 p-0">
                                                <div class="col-6 border border-dark">{{__("Discount")}}</div>
                                                <div class="col-6 border border-dark show-discount" id=""></div>
                                                <div class="col-6 border border-dark">{{__("Loans")}}</div>
                                                <div class="col-6 border border-dark show-deduction_amount_of_loan" id=""></div>
                                                <div class="col-6 border border-dark">{{__("Work Delay")}}</div>
                                                <div class="col-6 border border-dark show-work_delay" id=""></div>
                                                <div class="col-6 border border-dark"></div>
                                                <div class="col-6 border border-dark">0</div>
                                                <div class="col-6 border border-dark"></div>
                                                <div class="col-6 border border-dark">0</div>
                                                <div class="col-6 border border-dark"></div>
                                                <div class="col-6 border border-dark">0</div>
                                                <div class="col-6 border border-dark bg-secondary">{{__("Total Deductions")}}</div>
                                                <div class="col-6 border border-dark bg-secondary show-total_deductions" id=""></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 mt-4">
                            <div class="row bg-secondary">
                                <div class="col-6 border border-dark">
                                    {{__("Net Salary")}}
                                </div>
                                <div class="col-6 border border-dark show-total">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 mt-4">
                            <div class="row">
                                <div class="col-6 border border-dark bg-secondary">
                                    {{__("Signature of the organizer of the examination")}}
                                </div>
                                <div class="col-6 border border-dark bg-secondary">
                                    {{__("Employee Signature")}}
                                </div>
                                <div class="col-6 border border-dark p-4">
                                </div>
                                <div class="col-6 border border-dark p-4">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Close') }}</button>
                    <button type="button" id="printButton" class="btn btn-primary">{{ __('Print') }}</button>
                    <button type="button" id="deliverSalary" class="btn btn-primary">{{ __('Deliver Salary') }}</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        var translations = {
            'Are you sure?': '{{ __("Are you sure?") }}',
            'Yes, deliver it!': '{{ __("Yes, deliver it!") }}',
            'Detection organizer': '{{ __("Detection organizer") }}',
            'You wont be able to revert this!': '{{ __("You wont be able to revert this!") }}',
            'Yes, delete it!': '{{ __("Yes, delete it!") }}',
            'Cancel': '{{ __("Cancel") }}',
            'Print': '{{ __("Print") }}',
            'CEO': '{{ __("CEO") }}',
            'CFO': '{{ __("CFO") }}',
            'Done': '{{ __("Done") }}',
            'Yes,Add Restrictions': '{{ __("Yes,Add Restrictions") }}',
            'Deleted!': '{{ __("Deleted!") }}',
            'Employee Salary Statement for Month': '{{ __("Employee Salary Statement for Month :month/:year",['month'=>$month,'year'=>$year]) }}',
            'Error!': '{{ __("Error!") }}',
            'Something went wrong while deleting.': '{{ __("Something went wrong while deleting.") }}',
        };
    </script>
    <script src="{{asset("metronic/js/pages/hr/salaries.js")}}"></script>
    <script>
        $("#add-restriction").on('submit', function (e) {
            e.preventDefault();
            let href = $(this).attr('action');
            Swal.fire({
                title: translations['Are you sure?'],
                text: translations["You won't be able to revert this!"],
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: translations['Yes,Add Restrictions'],
                cancelButtonText: translations['Cancel']
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: href,
                        type: 'POST',
                        success: function (response) {
                            Swal.fire('', response.success, 'success');
                            window.location.reload();
                        },
                        error: function (xhr) {
                            Swal.fire(translations['Error!'], xhr.responseJSON.error, 'error');
                        }
                    });
                }
            });
        })
    </script>
@endsection