@extends('admin.layouts.admin')
@section('style')
<link href="{{ asset('assets/admin/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet"
    type="text/css" />
<style type="text/css">
.light-view{
    height: 1px;
    display: block;
    background-color: #cdbebe;
    margin:4px 0;
}
.dark-view{
    height: 1px;
    display: block;
    background-color: #000;
    margin:4px 0;
}
.area-gap{
    height:50px;
    display:block;
}
</style>
@endsection

@section('content')

<!-- Page Content-->
        <div class="page-content-tab">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <div class="d-flex align-items-center">
                                    <div class="">
                                        <h5 class="card-title m-0">Salary Payslip</h5>
                                    </div><!--end col-->
                                </div>  <!--end row-->
                            </div><!--end card-header-->
                            <div class="card-body">  
                                <div class="met-profile">
                                    <div class="row">
                                        <div class="col-lg-5 ml-auto align-self-center">
                                           <img class="img-fluid" src="{{url('footer_logo1.png')}}">
                                        </div><!--end col-->
                                        <div class="col-lg-7 ml-auto align-self-center text-center">
                                            <h5>SSLCOMMERZ</h5>
                                            <p>93 B New Eskaton Road, Dhaka 1000</p>
                                        </div><!--end col-->
                                    </div><!--end row-->
                                </div><!--end f_profile-->                             
                                <div class="met-profile">
                                    <h4 class="text-center"><u>Payslip for {{ Carbon\Carbon::now()->format('M Y')}}</u></h4>                                    
                                    <div class="dark-view"></div>
                                    <div class="row">
                                        
                                        <div class="col-lg-6 ml-auto align-self-center">
                                            <ul class="list-unstyled personal-detail mb-0">
                                                <li class="text-dark"><b> Employee Name </b> : {{ $salary->employee->user->name ?? '' }}</li>
                                                <li class="text-dark mt-2"><b> Employee ID </b> : {{ $salary->employee->emp_id ?? '' }}</li>                                                
                                                <li class="text-dark mt-2"><b>Department</b> : {{ $salary->employee->department->name ?? '' }}</li>
                                                <li class="text-dark mt-2"><b>Designation</b> : {{ $salary->employee->designation->name ?? '' }}</li>                                                
                                            </ul>
                                        </div><!--end col-->
                                        <div class="col-lg-6 ml-auto align-self-center">
                                            <ul class="list-unstyled personal-detail mb-0">
                                                <li class="text-dark"><b> Employee Type </b> : {{ $salary->employee->employment_type ?? '' }}</li>
                                                <li class="text-dark mt-2"><b> Joining Date </b> : {{ $salary->employee->joining_date ?? '' }}</li>
                                                <li class="text-dark mt-2"><b>Year</b> : {{ $salary->salary_year ?? '' }}</li>
                                                <li class="text-dark mt-2"><b>Month</b> : {{ isset($salary->salary_month) ? date("F", mktime(0, 0, 0, $salary->salary_month, 10)) : '' }}</li>                                                
                                            </ul>
                                        </div><!--end col-->
                                    </div>
                                    <div class="dark-view"></div>
                                </div><!--end f_profile-->
                                <div class="area-gap"></div>
                                <div class="met-profile">                                                                       
                                    <div class="dark-view"></div>
                                    <div class="row">
                                        <div class="col-lg-8 ml-auto align-self-center">
                                           <b>Particulars</b>
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center">
                                          <b> Amount (+)</b>
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center">
                                           <b>Amount (-)</b>
                                        </div>
                                    </div>
                                    <div class="dark-view"></div>
                                    <div class="row">
                                        <div class="col-lg-8 ml-auto align-self-center">
                                           <b>Salary Breakups</b>
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center">                                          
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center">                                           
                                        </div>
                                    </div>
                                    <div class="light-view"></div>
                                    <div class="row">
                                        <div class="col-lg-8 ml-auto align-self-center">
                                           Basic
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center"> 
                                            {{ $salary->basic ?? '' }}                                         
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center">                                           
                                        </div>
                                    </div>
                                                                       
                                    @foreach($salary->payscale->payscale_details as $details)
                                        <div class="light-view"></div> 
                                        @if($details->salarytype->type == 'allowance')
                                        <div class="row">
                                            <div class="col-lg-8 ml-auto align-self-center">
                                                {{ $details->salarytype->name ?? '' }}
                                            </div>
                                            <div class="col-lg-2 ml-auto align-self-center">   
                                            {{ ($details->salarytype->based_on == 'amount') ? $details->salarytype->min_limit : ($details->salarytype->percentage_value * (($details->salarytype->calculate_from == 'basic') ? $salary->basic : $salary->gross))/100 }}                                       
                                            </div>
                                            <div class="col-lg-2 ml-auto align-self-center">                                           
                                            </div>
                                        </div>
                                        
                                        @endif
                                    @endforeach
                                    <div class="dark-view"></div>
                                    <div class="row">
                                        <div class="col-lg-8 ml-auto align-self-center">
                                           <b>Deduction</b>
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center">                                          
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center">                                           
                                        </div>
                                    </div>
                                    
                                    @foreach($salary->employee->employeePayscaleAssign->payscale->payscale_details as $details)
                                        @if($details->salarytype->type == 'deduction')
                                        <div class="light-view"></div>
                                        <div class="row">
                                            <div class="col-lg-8 ml-auto align-self-center">
                                                {{ $details->salarytype->name ?? '' }}
                                            </div>
                                            <div class="col-lg-2 ml-auto align-self-center">   
                                            
                                            </div>
                                            <div class="col-lg-2 ml-auto align-self-center">  
                                            {{ ($details->salarytype->based_on == 'amount') ? $details->salarytype->min_limit : ($details->salarytype->percentage_value * (($details->salarytype->calculate_from == 'basic') ? $employee->employeePayscaleAssign->basic : $employee->employeePayscaleAssign->gross))/100 }}                                                                                
                                            </div>
                                        </div>
                                        
                                        @endif
                                    @endforeach
                                    <div class="dark-view"></div>
                                    <div class="row">
                                        <div class="col-lg-8 ml-auto align-self-center">
                                           <b>Additional Adjustment</b>
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center"> 
                                                                                     
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center">                                           
                                        </div>
                                    </div>
                                    <div class="dark-view"></div>
                                    <div class="row">
                                        <div class="col-lg-8 ml-auto align-self-center">
                                           Additional Allowance
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center"> 
                                            {{ $salary->aditional_allowance ?? '' }}                                         
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center">                                           
                                        </div>
                                    </div>
                                    <div class="dark-view"></div>
                                    <div class="row">
                                        <div class="col-lg-8 ml-auto align-self-center">
                                           Additional Deduction
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center">                                         
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center"> 
                                        {{ $salary->aditional_deduction ?? '' }}                                          
                                        </div>
                                    </div>
                                    <div class="dark-view"></div>
                                    <div class="row">
                                        <div class="col-lg-8 ml-auto align-self-center">
                                           Sub total
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center"> 
                                            {{ $salary->basic + $salary->allowance + $salary->aditional_allowance }}                                         
                                        </div>
                                        <div class="col-lg-2 ml-auto align-self-center">  
                                            {{ $salary->deduction + $salary->aditional_deduction }}                                          
                                        </div>
                                    </div>
                                    <div class="dark-view"></div>
                                </div><!--end f_profile-->
                                <div class="area-gap"></div>
                                <div class="met-profile">         
                                    <div class="row">
                                        <div class="col-lg-3 ml-auto align-self-center">
                                           <b>Salary Summary</b>
                                        </div>
                                        <div class="col-lg-3 ml-auto align-self-center"> 
                                            
                                        </div>
                                        <div class="col-lg-3 ml-auto align-self-center">  
                                           
                                        </div>
                                        <div class="col-lg-3 ml-auto align-self-center">  
                                            
                                        </div>
                                    </div>
                                    <div class="dark-view"></div>
                                    <div class="row">
                                        <div class="col-lg-3 ml-auto align-self-center">
                                          Sub Total
                                        </div>
                                        <div class="col-lg-3 ml-auto align-self-center"> 
                                            Tax
                                        </div>
                                        <div class="col-lg-3 ml-auto align-self-center">  
                                           Attendance
                                        </div>
                                        <div class="col-lg-3 ml-auto align-self-center">  
                                           Payable Amount
                                        </div>
                                    </div>
                                    <div class="dark-view"></div>
                                    <div class="row">
                                        <div class="col-lg-3 ml-auto align-self-center">
                                            {{ $salary->basic + $salary->allowance + $salary->aditional_allowance }}
                                        </div>
                                        <div class="col-lg-3 ml-auto align-self-center"> 
                                            {{ $salary->tax ?? '' }}
                                        </div>
                                        <div class="col-lg-3 ml-auto align-self-center">  
                                            {{ $salary->attandence_amount ?? '' }}
                                        </div>
                                        <div class="col-lg-3 ml-auto align-self-center">  
                                            {{ $salary->payable_amount ?? '' }}
                                        </div>
                                    </div>
                                    <div class="dark-view"></div>
                                </div><!--end f_profile-->
                                <br>
                            </div><!--end card-body-->
                        </div><!--end card-->
                    </div>
                </div><!--end row-->

                
            </div>
            <!-- container -->
            <footer class="footer text-center text-sm-left">
                &copy; 2022 SSL Wireless <span class="text-muted d-none d-sm-inline-block float-right">Design and Developed by <a href="#">SSL Wireless</a></span>
            </footer>
            <!--end footer-->
        </div>
        <!-- end page content -->
@endsection

@section('script')
<script src="{{ asset('assets/admin/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/admin/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>

<script type="text/javascript">
$(document).ready(function() {
    // $("#datatable").DataTable();
});
</script>
@endsection