@if ($salary)
    <div class="info-list page-box-9 p-30">
        <div class="text-right">

            <a data-toggle="modal" data-target="#edit-salary-modal" href="employee/create">@include('svg-icons.edit')</a>
        </div>
        <ul>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">
                @lang('global.current_salary')
                <span>{{$salary->amount}} JOD</span>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">
                @lang('global.social_security')
                <span>{{$salary->amount * 7.5 / 100}} JOD</span>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">
                @lang('global.health_insurance')
                <span>{{$salary->health_insurance ?: 0}} JOD</span>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.tax')
                <span>{{$salary->tax}} JOD</span>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.loans')
                <span>{{$salary->loan_amount_emplyee  ? $salary->loan_amount_emplyee : 0}} JOD</span>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.loans_scheduled')
                <span>{{$salary->loan_monthly_deducationn  ? $salary->loan_monthly_deducationn: 0 }} JOD</span>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.over_time')
                <span>{{$salary->total_over_time ? $salary->total_over_time: 0 }} JOD</span>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.official_holiday')
                <span>{{$salary->official_holiday ? $salary->official_holiday : 0}} JOD</span>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.annual_leave')
                <span>@lang('global.not_set')</span>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.damaged_replacement')
                <span>{{$salary->damage_replacement ?: 0}} JOD</span>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.reward')
                <span>{{$salary->reward ?: 0}} JOD</span>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.total_allowances')
                <span>{{$salary->other_allowances ?: 0}} JOD</span>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.total_commission')
                <span>{{$salary->commission}} JOD</span>
            </li>

            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.available_salary')
                <span>{{$salary->total_salary}} JOD</span>
            </li>


            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.note')

                <a data-toggle="modal" data-target="#salary-note" class="cursor-pointer {{$salary->note ?: 'disabled'}}">@include('svg-icons.view')</a>

            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between b-bottom c-border-blue py-17">@lang('global.salary_slip')
                <a target="_blank" href="{{'/dashboard/users/employee/salaryslip?salary=' . $salary->id}}" class="">@include('svg-icons.view')</a>
            </li>
            <li class="font-weight-bold font-size-20 text-color-blue d-flex justify-content-between py-17 pb-0">@lang('global.print')
                <span id="print-slip" class="cursor-pointer">@include('svg-icons.print')</span>
            </li>
        </ul>
    </div>

@else
    <div class="text-center font-weight-bold p-30 font-size-25">
        No Data
    </div>
@endif