@extends('layouts.app')

@section('stitle', __('messages.payroll'))
@section('title', __('messages.payroll'))

@section('content')
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper container-xxl p-0">

            @if(session()->get('title') == "success")
                <div class="alert alert-success" role="alert">
                    <h4 class="alert-heading">Success</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @elseif (session()->get('title') == "error")
                <div class="alert alert-danger" role="alert">
                    <h4 class="alert-heading">Error</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @elseif($errors->any())
                <div class="alert alert-danger" role="alert">
                    <h4 class="alert-heading">Error</h4>
                    @foreach ($errors->all() as $error)
                        <div class="alert-danger">{{ $error }}</div>
                    @endforeach
                </div>
            @else
            @endif
            <style>
                .table tfoot th {font-size: 1.2rem;}
            </style>

            <div class="content-header row">
                <div class="content-header-left col-md-6 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0"> Create {{__('messages.create_payroll')}}</h2>
                        </div>
                    </div>
                </div>
            </div>
            <form action="{{ route('payroll.store') }}" method="post">
                @csrf
                <input type="hidden" name="payment_method" value="{{ $paymentMethod }}">
                <input type="hidden" name="salary_head" value="{{ $salary_head}}">
                <div class="content-body">
                    <div class="card">
                        <table class="invoice-list-table table-responsive table prowdata">
                            <thead>
                            <tr>
                                <th>{{__('messages.user')}}</th>
                                <th>{{__('messages.Branch')}}</th>
                                <th>{{__('messages.basic_salary')}}</th>
{{--                                <th>basic allowance</th>--}}
                                <th >Transportation Allowance</th>
                                <th>housing allowance</th>
                                <th>Medical allowance</th>
                                <th>other allowances</th>
                                <th>EOBI allowances</th>
                                <th>Social allowances</th>
                                <th>{{__('messages.salary_count')}}</th>
{{--                                <th>{{__('messages.gosi_salary')}}</th>--}}
                                <th>GOSI Allowance</th>
                                <th>{{__('messages.provident_fund')}}</th>
                                <th>{{__('messages.Delete')}}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @php
                                $rowCount = 1;
                                $total = 0;
                            @endphp
                            @foreach($salaryPackages as $salary)
                                <input type="hidden" class="user_name" name="userSalaryList[{{$rowCount}}][social_insurance_expense]" value="{{$salary->chart_of_acc_social_ins_expense}}"/>
                                <input type="hidden" class="user_name" name="userSalaryList[{{$rowCount}}][gosi_liability]" value="{{$salary->chart_of_acc_gosi}}"/>
                                <tr>
                                    <td>{{$salary->user->name}} <input type="hidden" class="user_name" name="userSalaryList[{{$rowCount}}][user_name]" value="{{$salary->user->name}}"/></td>
                                    <td>{{ $salary->branch->name}} <input type="hidden" class="user_branch_id" name="userSalaryList[{{$rowCount}}][branch_id]" value="{{$salary->branch->id}}"/></td>
                                    <td>
                                        <div class="input-group input-group-sm" style="max-width: 160px;">
                                            <input type="number" class="form-control "  name="userSalaryList[{{$rowCount}}][basic_salary]"   value="{{$salary->basic_salary}}" required />
                                            <div class="input-group-append">
                                                <span class="input-group-text">{{$salary->basic_salary_currency}}</span>
                                            </div>
                                         </div>
                                   </td>
{{--                                    <td> <input type="number" class="form-control" name="userSalaryList[{{$rowCount}}][basic_allowances_amount]" value="{{$salary->basic_allowances_amount}}"/></td>--}}
                                    <td><input type="number" class="form-control" name="userSalaryList[{{$rowCount}}][transport_allowances_amount]" value="{{$salary->transport_allowances_amount}}"/></td>
                                    <td><input type="number" class="form-control" name="userSalaryList[{{$rowCount}}][housing_allowances_amount]" value="{{$salary->housing_allowances_amount}}"/></td>
                                    <td><input type="number" class="form-control" name="userSalaryList[{{$rowCount}}][medical_allowances_amount]" value="{{$salary->medical_allowances_amount}}"/></td>
                                    <td><input type="number" class="form-control" name="userSalaryList[{{$rowCount}}][other_allowances_amount]" value="{{$salary->other_allowances_amount}}"/></td>
                                    <td><input type="number" class="form-control" name="userSalaryList[{{$rowCount}}][eobi_allowances_amount]" value="{{$salary->eobi_allowances_amount}}"/></td>
                                    <td><input type="number" class="form-control" name="userSalaryList[{{$rowCount}}][social_ins_allowances_amount]" value="{{$salary->social_ins_allowances_amount}}"/></td>
                                    <td><input type="number" class="form-control" name="userSalaryList[{{$rowCount}}][salary_count]" value="{{$salary->salary_count}}"/></td>
{{--                                    <td>--}}
{{--                                        <div class="input-group input-group-sm" style="max-width: 160px;">--}}
{{--                                            <input type="text" class="form-control" autocomplete="off" name="userSalaryList[{{$rowCount}}][gosi_salary]"  value="{{$salary->gosi_salary}}" required/>--}}
{{--                                            <div class="input-group-append">--}}
{{--                                                <span class="input-group-text">{{$salary->gosi_currency}}</span>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </td>--}}
                                    <td><input type="text" class="form-control" name="userSalaryList[{{$rowCount}}][gosi_allowances_amount]" value="{{$salary->gosi_allowances_amount}}"/> </td>
                                    <td><input type="text" class="form-control" name="userSalaryList[{{$rowCount}}][provident_fund]" value="{{$salary->provident_fund_amount}}"/> </td>
                                    <td><button class="btn btn-sm btn-danger removeUser" >{{__('messages.Delete')}}</button> </td>
                                    <input type="hidden" class="prItemId" name="userSalaryList[{{$rowCount}}][user_id]" value="{{$salary->user_id}}"/>
                                    <input type="hidden" class="form-control" autocomplete="off" name="userSalaryList[{{$rowCount}}][gosi_salary]"  value="{{$salary->gosi_salary}}" required/>

                                    {{--                                    <input type="hidden" class="prItemId" name="userSalaryList[{{$rowCount}}][total_salary]" value="{{ $salary->basic_salary + $salary->gosi_salary + $salary->provident_fund_amount }}"/>--}}
                                    <input type="hidden" class="user_gl_acc_number" name="userSalaryList[{{$rowCount}}][gl_account_number]" value="{{$salary->gl_account_number}}"/>
                                    <input type="hidden" class="user_payment_method" name="userSalaryList[{{$rowCount}}][payment_method]" value="{{$salary->payment_method}}"/>
                                </tr>
                                @php
                                    $rowCount ++;
                                @endphp
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-12 text-right">
                    <button class="btn btn-secondary waves-effect waves-float waves-light mr-1" type="button" onclick="location.href='{{ route('payroll.list') }}'"><i data-feather='chevron-left' class="mr-1"></i>{{__('messages.Back')}}</button>
                    <button type="submit" class="btn btn-primary">{{__('messages.Submit')}}</button>
                </div>
{{--                <div class="row" id="selectUserDiv">--}}
{{--                    <div class="col-4">--}}
{{--                        <div class="card" >--}}
{{--                            <div class="card-body">--}}
{{--                                <div class="row">--}}
{{--                                    <div class="col-12">--}}
{{--                                        <select class="select2 form-control form-control-lg select_user"  name="select_user" required>--}}
{{--                                            <option value="">{{__('messages.select_user')}}</option>--}}
{{--                                            @foreach($users as $user)--}}

{{--                                                <option value="{{$user->id}}">{{$user->name}}</option>--}}
{{--                                            @endforeach--}}
{{--                                        </select>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="col-4"></div>--}}
{{--                    <div class="col-4 text-right">--}}
{{--                        <button type="submit" class="btn btn-primary">{{__('messages.Submit')}}</button>--}}
{{--                    </div>--}}
{{--                </div>--}}
            </form>
        </div>
    </div>
@endsection
@push('my_scripts')
    <script>




        {{--$(function () {--}}
        {{--    var select = $('.select_user');--}}
        {{--    select.each(function () {--}}
        {{--        var $this = $(this);--}}
        {{--        $this.wrap('<div class="position-relative"></div>');--}}
        {{--        $this--}}
        {{--            .select2({--}}
        {{--                placeholder: '{{__('messages.select_user')}}',--}}
        {{--                dropdownParent: $this.parent()--}}
        {{--            })--}}
        {{--            .change(function () {--}}
        {{--                $(this).valid();--}}
        {{--            });--}}
        {{--    });--}}
        {{--});--}}
        {{--$("#selectUserDiv").on("change",".select_user",function (e){--}}
        {{--    e.preventDefault();--}}
        {{--    let userId = $(".select_user").val();--}}
        {{--    let rowCount = $('.prowdata tbody tr').length;--}}
        {{--    const method = 'POST';--}}
        {{--    const url = "{{ route('payroll.get_salary_items') }}";--}}
        {{--    const headers = {--}}
        {{--        'X-CSRF-TOKEN': $('input[name="_token"]').val()--}}
        {{--    };--}}
        {{--    const data ={--}}
        {{--        userId : userId,--}}
        {{--        rowCount :rowCount,--}}
        {{--    };--}}
        {{--    $.ajax({--}}
        {{--        method,--}}
        {{--        url,--}}
        {{--        headers,--}}
        {{--        data, // data to be sent to server--}}
        {{--        dataType: 'json', // type of data expecting back from server--}}
        {{--        success:function (data){--}}
        {{--            console.log(data);--}}
        {{--            if(data.table_data){--}}
        {{--                $('.prowdata tbody').append(data.table_data);--}}
        {{--            }else{--}}
        {{--                Swal.fire({--}}
        {{--                    title: 'Error!',--}}
        {{--                    text: 'No Salary Details added for this user!',--}}
        {{--                    icon: 'error',--}}
        {{--                    customClass: {--}}
        {{--                        confirmButton: 'btn btn-primary'--}}
        {{--                    },--}}
        {{--                    showClass: {--}}
        {{--                        popup: 'animate__animated animate__shakeX'--}}
        {{--                    },--}}
        {{--                    buttonsStyling: false--}}
        {{--                });--}}
        {{--            }--}}
        {{--        },error:function (data){--}}
        {{--            console.log(data)--}}
        {{--        }--}}
        {{--    });--}}
        {{--});--}}
        $(".prowdata").on('click', '.removeUser', function () {
            $(this).closest('tr').remove();
            // totalCalc();
        });
    </script>
@endpush