@extends('layouts.main')

@section('content')
    <h2>{{$title}}</h2>

    <span>From: {{ $payment_period->from }}</span> <br>
    <span>To: {{ $payment_period->to }}</span> <br>

    @if($payment_period->status != "approved")
        @if(Auth::user()->canDo(['set_payroll']))
            <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#add_payroll">
                Add a payroll record
            </button>

            <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#reuse_payroll">
                Re-use payroll
            </button>
        @endif
    @endif
 
    <hr>
 
        <div class="table-responsive">               	
            <table class="table table-hover table-striped" id="example">
                <thead>
                
                        <th>Employee</th>
                        <th>Title</th>
                        <th>TIN</th>
                        <th>Gross Amount</th>
                        <th>PAYE</th>
                        <th>NSSF (Employee)</th>
                        <th>NSSF (Employer)</th>
                        <th>Net Salary</th>
                        <th>Action</th>
                    
                </thead>
                <tbody>
                    @php
                        $totalGross = 0;
                        $totalPAYE = 0;
                        $totalNSSFEmployee = 0;
                        $totalNSSFEmployer = 0;
                        $totalNet = 0;
                    @endphp
            
                    @foreach($payrolls as $payroll)
                        @php
                            $salary = $payroll->calculateUgandaPAYEandNSSF($payroll->gross_payment);
            
                            $totalGross += $payroll->gross_payment;
                            $totalPAYE += $salary['paye'];
                            $totalNSSFEmployee += $salary['nssf_employee'];
                            $totalNSSFEmployer += $salary['nssf_employer'];
                            $totalNet += $salary['net_salary'];
                        @endphp
                        <tr>
                            <td>{{ $payroll->employee->employment_name }}</td>
                            <td>{{ $payroll->employee->title }}</td>
                            <td>{{ $payroll->employee->tin }}</td>
                            <td>{{ number_format($payroll->gross_payment) }}</td>
                            <td>{{ number_format($salary['paye']) }}</td>
                            <td>{{ number_format($salary['nssf_employee']) }}</td>
                            <td>{{ number_format($salary['nssf_employer']) }}</td>
                            <td>{{ number_format($salary['net_salary']) }}</td>
                            <td>
                                @if($payment_period->status != "approved")
                                    <form action="{{ route('payrolls.destroy',$payroll->id) }}" method="post" onsubmit="return comfirm('Delete record?'); return false;">
                                        @csrf
                                        @method('DELETE')

                                        @if(Auth::user()->canDo(['set_payroll']))
                                            <a href="{{ route('payrolls.edit', $payroll->id) }}" class="badge info btn-sm">Edit</a>
                                        @endif
                                        @if(Auth::user()->canDo(['delete_payroll']))                                        
                                            <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                                        @endif
                                    </form>
                                @endif
                            </td>
                        </tr>
                    @endforeach
            
                 
                    <tr style="font-weight: bold; background: #f8f9fa;">
                        <td>Total</td>
                        <td></td>
                        <td></td>
                        <td>{{ number_format($totalGross) }}</td>
                        <td>{{ number_format($totalPAYE) }}</td>
                        <td>{{ number_format($totalNSSFEmployee) }}</td>
                        <td>{{ number_format($totalNSSFEmployer) }}</td>
                        <td>{{ number_format($totalNet) }}</td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
            
        </div>
 


<div class="modal fade" id="add_payroll" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Add Payroll</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">

            <form action="{{ route('payrolls.store') }}" method="post">
                @csrf
                <input type="hidden" name="employment_payment_id" value="{{ $payment_period->id }}">
                <label for="employment_id">Select Employee</label>
                <select name="employment_id" id="employment_id" class="form-control">
                    <option value=""></option>
                    @foreach ($employees as $employee)
                        <option value="{{ $employee->id }}">{{ $employee->employment_name." - ".$employee->tin }}</option>                        
                    @endforeach
                </select>

                <label for="gross_payment">Gross Amount</label>
                <input type="number" class="form-control" name="gross_payment">

                <hr>
                <button class="btn btn-dark" type="submit">Save</button>
            </form>
        
        </div>    
      </div>
    </div>
</div>


<div class="modal fade" id="reuse_payroll" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Add Payroll</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">

            <form action="{{ url('reuse_payroll') }}" method="post">
                @csrf
                <input type="hidden" name="payment_period_id" value="{{ $payment_period->id }}">
                 <label for="employment_id">Select period</label>
                <select name="employment_payment_id" id="employment_payment_id" class="form-control">
                    <option value=""></option>
                    @foreach ($employemtn_payments as $employemtn_payment)
                        <option value="{{ $employemtn_payment->id }}">{{ $employemtn_payment->from." TO ".$employemtn_payment->to }}</option>                        
                    @endforeach
                </select> 

                <hr>
                <button class="btn btn-dark" type="submit">Save</button>
            </form>
        
        </div>    
      </div>
    </div>
</div>
@endsection

@push('scripts')
    <script>
        $("#employment_id,#employment_payment_id").chosen({
            width:"100%"
        })
    </script>    
@endpush