@extends('admin.layouts.main')

@section('title')
Employee - Payroll
@endsection

@section('content')
<main>
    <div class="two-col">

        @include("admin.common.sidebar")

        <div class="right-sec">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    @if(Session::get('panel') == 'payroll-admin')
                        <li class="breadcrumb-item active" aria-current="page">{{ @trans('payroll.employees') }}</li>
                    @else
                        <li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('company.directory') }}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">
                            <a href="{{ route('admin.companies.indexpageload', ['panel' => Session::get('panel')]) }}">{{ @trans('company.company') }}</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page"><a href="{{ route('admin.companies.detail',['panel' => Session::get('panel'), 'id' => $id]) }}">{{ @trans('candidate.detail') }}</a> </li>
                        <li class="breadcrumb-item active" aria-current="page">{{ @trans('payroll.employee') }}</li>
                    @endif
                </ol>
            </nav>

            <div class="form-sec">

                @include('payroll::employee_payroll.modules.store.common.form-step')

                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 offset-xl-2 col-lg-8 offset-lg-1">
                            <div class="step-box">
                                <form method="POST" id="employeeRemunerationDetails" action="{{ route('admin.payroll.storeRemunerationDetails',['panel' => Session::get('panel')]) }}">

                                    @csrf
                                    <input name="user_id" id="user_id" value="{{$user_id}}" type="hidden">
                                    <input name="company_id" id="company_id" value="{{$id}}" type="hidden">
                                    <input type="hidden" name="edit" value="@if(isset($edit) && $edit == true) {{$edit ?? ''}} @endif" />
                                    <div class="tab">
                                        <h2 class="form-sec-title">{{ @trans('payroll.salary') }}</h2>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="x">{{ @trans('payroll.currency') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <select class="form-control" id="currency" name="currency">
                                                        <option value="" hidden="">{{ @trans('payroll.currency') }}</option>
                                                        @foreach($currency as $item)
                                                        <option value="{{ $item['id'] }}" {{ (isset($employeeRemuneration)) && $employeeRemuneration->country_id == $item['id'] ? 'selected' : '' }}> {{ $item['currency_code'] }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('payroll.basic_salary') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" id="basic_salary" name="basic_salary" value="@if(isset($employeeRemuneration)){{ $employeeRemuneration->basic_salary }}@endif" class="form-control" placeholder="{{ @trans('payroll.basic_salary') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <h2 class="form-sec-title">{{ @trans('payroll.bank_information') }}</h2>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('payroll.bank_name') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" id="bank_name" name="bank_name" class="form-control" value="@if(isset($employeeBankDetails)){{ $employeeBankDetails->bank_name }}@endif" placeholder="{{ @trans('payroll.bank_name') }}">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('payroll.bank_code') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" id="bank_code" name="bank_code" class="form-control" value="@if(isset($employeeBankDetails)){{ $employeeBankDetails->bank_code }}@endif" placeholder="{{ @trans('payroll.bank_code') }}">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('payroll.official_name_on_bank_account') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" id="official_name_on_bank_account" name="official_name_on_bank_account" value="@if(isset($employeeBankDetails)){{ $employeeBankDetails->official_bank_account_name }}@endif" class="form-control" placeholder="{{ @trans('payroll.official_name_on_bank_account') }}">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('payroll.bank_account_number') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" id="bank_account_number" name="bank_account_number" class="form-control" value="@if(isset($employeeBankDetails)){{ $employeeBankDetails->account_number }}@endif" placeholder="{{ @trans('payroll.bank_account_number') }}">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('payroll.bank_branch') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" id="bank_branch" name="bank_branch" class="form-control" value="@if(isset($employeeBankDetails)){{ $employeeBankDetails->branch }}@endif" placeholder="{{ @trans('payroll.bank_branch') }}">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('payroll.bank_local_clearing_branch_code') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" id="bank_local_clearing_branch_code" name="bank_local_clearing_branch_code" class="form-control" value="@if(isset($employeeBankDetails)){{ $employeeBankDetails->branch_code }}@endif" placeholder="{{ @trans('payroll.bank_local_clearing_branch_code') }}">
                                                </div>
                                            </div>

                                        </div>
                                        <div class=" tab-btn">
                                            @if (isset($edit) && $edit == true)
                                                @if(Session::get('panel') == 'payroll-admin')
                                                    <div style="float: left;">
                                                        <a class="btn btn-cncl" href="{{ route('payrollAdmin.employees.index',['panel' => Session::get('panel'), 'id' => $user_id, 'type' => 'remuneration']) }}">{{ @trans('project::project.cancel') }}</a>
                                                    </div>
                                                @else
                                                    <div style="float: left;">
                                                        <a class="btn btn-cncl" href="{{ route('admin.payroll.tabs',['panel' => Session::get('panel'), 'id' => $id,'user_id' => $user_id, 'type' => 'remuneration']) }}">{{ @trans('project::project.cancel') }}</a>
                                                    </div>
                                                @endif
                                                <div style="float:right;">
                                                    <button type="submit" id="employeeRemunerationBtn" class="btn step-btn employeeRemunerationBtn">{{ @trans('project::project.save') }}</button>
                                                </div>
                                            @else
                                                @if(Session::get('panel') == 'payroll-admin')
                                                    <div style="float: left;">
                                                        <a class="btn btn-cncl" href="{{ route('admin.payroll.admin.employee.contracts',['panel' => Session::get('panel'), 'id' => $id, 'user_id' => $user_id]) }}">{{ @trans('project::project.prev') }}</a>
                                                    </div>
                                                    <div style="float:right;">
                                                        <button type="submit" id="employeeRemunerationBtn" class="btn step-btn employeeRemunerationBtn">{{ @trans('project::project.save_next') }}</button>
                                                    </div>
                                                @else
                                                    <div style="float: left;">
                                                        <a class="btn btn-cncl" href="{{ route('admin.payroll.employee.contracts',['panel' => Session::get('panel'), 'id' => $id, 'user_id' => $user_id]) }}">{{ @trans('project::project.prev') }}</a>
                                                    </div>
                                                    <div style="float:right;">
                                                        <button type="submit" id="employeeRemunerationBtn" class="btn step-btn employeeRemunerationBtn">{{ @trans('project::project.save_next') }}</button>
                                                    </div>
                                                @endif
                                            @endif
                                        </div>
                                    </div>

                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</main>
@endsection

@push('pageJs')
{!! JsValidator::formRequest('Modules\Payroll\Http\Requests\StoreEmployeeRemunerationRequest', '#employeeRemunerationDetails') !!}

<script src="{{ asset('js/vendor/select2.customSelectionAdapter.js') }}"></script>
<script src="{{ asset('js/vendor/jquery.alphanum.min.js')}}"></script>
<script>
    $(document).ready(function() {
        $(".numeric-val").numeric({
            allowMinus: false,
            allowDecSep: false,
            maxDecimalPlaces: 2,
            allowThouSep: false,
            min: 1,
            max: 30
        })
        $(".age-numeric-val").numeric({
            allowMinus: false,
            allowDecSep: false,
            maxDecimalPlaces: 3,
            allowThouSep: false,
            min: 1,
            max: 100
        })
        $('#project_importance').numeric({
            allowMinus: false,
            allowDecSep: false,
            allowThouSep: false,
            min: 0,
            max: 10
        });
        $('#actualization').numeric({
            allowMinus: false,
            allowDecSep: false,
            allowThouSep: false,
            min: 0,
            max: 100
        });

    });

    $(document).on('click', '.employeeRemunerationBtn', function(e) {
        e.preventDefault()
        if ($('#employeeRemunerationDetails').valid()) {
            $('.employeeRemunerationBtn').text('Please wait...');
            $('.employeeRemunerationBtn').attr('disabled', 'disabled');
            $('#employeeRemunerationDetails').submit();
        }
    });
</script>
@endpush

@push('pageCss')
<link rel="stylesheet" href="{{ asset('css/vendor/select2.customSelectionAdapter.css') }}">
<link rel="stylesheet" href="{{ asset('css/admin/project/store.css') }}">
{{--<script src="{{ mix('js/employees.js') }}"></script>--}}
@endpush