@extends('layouts.master')
@section('content')
    <div class="card mb-3">
        <div class="card-body">
            <form method="GET" action="{{ route('employee-salary.index') }}" class="row">
                <div class="col-lg-4">
                    <div class="form-group mb-0">
                        @component('components.employee_search', [
                            'employee_name' => $employee_name ?? '',
                            'employee_code' => request()->employee_code ?? '',
                            'required' => '',
                        ])
                        @endcomponent
                    </div>
                </div>
                <div class="form-group col-lg-3 col-md-3">
                    <input type="date" name="from_date" value="{{request()->from_date}}" class="form-control">
                </div>
                <div class="form-group col-lg-3 col-md-3">
                    <input type="date" name="to_date" value="{{request()->to_date}}" class="form-control">
                </div>

                <div class="form-group col-lg-2 col-md-2">
                    <button type="submit" class="btn btn-info ">Search</button>
                </div>

            </form>
        </div>
    </div>
    <div class="card">
        <div class="card-header card-custom-bg d-flex flex-row align-items-center justify-content-between">
            <h5>Employee Salary List</h5>
            <a href="{{ route('employee-salary.create') }}" class="btn btn-sm btn-primary">Add New</a>
        </div>
        <div class="card-body">
            <div class="row ">
                <div class="table-responsive">

                    <table class="table table-strip">
                        <thead class="thead-light">
                            <tr>
                                <th>Emp. Code</th>
                                <th>Name</th>
                                <th>Mobile</th>
                                <th>Salary Grade</th>
                                <th>Status</th>
                                @foreach ($salary_heads as $head)
                                    <th>{{$head->title}}</th>
                                @endforeach
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($employee_salaries as $salary)
                            <tr>
                                <td>{{$salary->employee->employee_code}}</td>
                                <td>{{$salary->employee->name}}</td>
                                <td>{{$salary->employee->mobile_number}}</td>
                                <td>{{$salary->salaryGrade->title}}</td>
                                <td>{!!getStatusBadge($salary->status)!!}</td>
                                @foreach ($salary->salaryGrade->salaryGradeRules as $gradeRules)
                                    @if ($gradeRules->rule_type == 'Percentage')

                                        <td>{{ ($salary->amount * $gradeRules->amount)/100 }}</td>
                                    @endif
                                @endforeach

                                {{-- <td>{{$salary->amount}}</td> --}}
                                <td>
                                    @if ($salary->status=='active')

                                        <a class="btn btn-sm btn-info" href="{{route('employee-salary.create')."?employee_code=".$salary->employee->employee_code }}">Edit</a>
                                    @else
                                        -
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection