@extends('admin.layout.master')
@section('home')

    <style>
        label {
            margin-bottom: 1px;
        }
        .form-group {
            margin-bottom: 9px;
        }
        .table-responsive {
            height: calc(100vh - 400px);
        }
        th {
            background: #007bff;
            color: white !important;
            position: sticky;
            top: 0;
        }
        table {
            position: relative;
        }
        .table-bordered td, .table-bordered th {
            border: 1px solid #aaabab;
        }
    </style>
    <div class="col-xs-12">
        <h4 class="page-title">Settlement</h4>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card-box">
                <div class="card-block">
                    <!-- Button trigger modal -->
                    <div class='text-right'>
                        <button type="button" class="btn btn-primary btn-lg" data-toggle="modal"
                                data-target="#addSettlement">
                            Add Settlement
                        </button>
                    </div>
                    <form action="{{route('emp_settlement.search')}}" method="get">
                        @csrf
                        <div class='row'>
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>Emp Code</label>
                                    <select class="form-control input-sm code_live_search" name="emp_code"
                                            id="emp_code">
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>Name</label>
                                    <select class="form-control input-sm name_live_search" name="emp_name"
                                            id="emp_name">
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>Department</label>
                                    <select name="emp_department" id="emp_department" class="form-control input-sm">
                                        <option value="0">--Select--</option>
                                        @if(!empty($department_lists))
                                            @foreach($department_lists as $depart_val)
                                                <option
                                                    @if(!empty($_GET['emp_department']) && ($_GET['emp_department']==$depart_val->id))selected
                                                    @endif
                                                    value="{{$depart_val->id}}">{{$depart_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>Join Date From </label>
                                    <input type="text" class="bootstrap_datepicker form-control input-sm"
                                           name="join_date_from" id="join_date_from" placeholder="Join date">
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>Join Date To</label>
                                    <input type="text" class="bootstrap_datepicker form-control input-sm"
                                           name="join_date_to" id="join_date_to">
                                </div>
                            </div>
                            <div class='col-md-3 mt-4'>
                                <button class='btn btn-sm w-100 btn-danger'>Search</button>
                            </div>
                        </div>
                    </form>
                    <div class="table-responsive" id="print">
                        <table class="table table-bordered table-hover">
                            <thead>
                            <tr>
                                <th>Sl</th>
                                <th>Employee</th>
                                <th>Settlement Status</th>
                                <th>Settlement Type</th>
                                <th>Application Date</th>
                                <th>Effect Date</th>
                                <th>Reason</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                                @php $i=0; @endphp
                            @forelse($settlement_list as $stl_val)
                                <tr>
                                    <td>{{++$i}}</td>
                                    <td>{{$stl_val->get_emp_info->emp_name}}</td>
                                    <td>
                                        @if($stl_val->settlement_status==1)
                                            {{'Separation'}}
                                        @elseif($stl_val->settlement_status==2)
                                            {{'Retirement'}}
                                        @elseif($stl_val->settlement_status==3)
                                            {{'Release'}}
                                        @elseif($stl_val->settlement_status==4)
                                            {{'Termination'}}
                                        @endif
                                    </td>
                                    <td>
                                        @if($stl_val->settlement_type==1)
                                            {{'General'}}
                                        @elseif($stl_val->settlement_type==2)
                                            {{'Early'}}
                                        @elseif($stl_val->settlement_type==3)
                                            {{'Forced'}}
                                        @elseif($stl_val->settlement_type==4)
                                            {{'Others'}}
                                        @endif
                                    </td>
                                    <td>{{$stl_val->application_date}}</td>
                                    <td>{{$stl_val->effect_date}}</td>
                                    <td>{{$stl_val->reason}}</td>
                                    <td>
                                        <a href="{{route('emp_settlement.view',['id'=>$stl_val->id,'type'=>'1'])}}" class='btn btn-info btn-sm'>View</a>
                                         <a href="{{route('emp_settlement.edit',['id'=>$stl_val->id,'type'=>'2'])}}" class='btn btn-primary btn-sm'>Edit</a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td>{{'No Settlement Found'}}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="d-flex justify-content-end mr-4 mt-2">
        @if(!empty($settlement_list))
            {{ $settlement_list->appends(request()->query())->links("pagination::bootstrap-4")}}
        @endif
    </div>
    @include('payroll.emp_management.emp_settlement.create')
@endsection