@extends('admin.layout.master')
@section('content')
    <style>
        label {
            margin-bottom: 1px;
        }
        .form-group {
            margin-bottom: 9px;
        }

        .table-responsive {
            height: calc(100vh - 360px);
        }
        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="row">
        <div class="col-lg-12">
            <h4 class="card-title text-center font-weight-bold">{{__('obs.employee')}} {{__('obs.account')}} {{__('obs.lists')}}</h4>
            <div class="card-box">
                <div class="card-block">
                    <!-- Button trigger modal -->
                    <form action="{{route('payroll.hrm.employee.empaccinfo.searchaccinfo')}}" method="get">
                        <div class='row'>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>{{__('obs.emp')}} {{__('obs.code')}}</label>
                                    <input type="text" class="form-control input-sm" name="emp_code" id="emp_code">
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>{{__('obs.name')}}</label>
                                    <input type="text" class="form-control input-sm" name="emp_name" id="emp_name">
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>{{__('obs.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 value="{{$depart_val->id}}">{{$depart_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>{{__('obs.designation')}}</label>
                                    <select name="emp_designation" id="emp_designation" class="form-control input-sm">
                                        <option value="0">--Select--</option>
                                        @if(!empty($designation_lists))
                                            @foreach($designation_lists as $design_val)
                                                <option value="{{$design_val->id}}">{{$design_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>{{__('obs.join')}} {{__('obs.date')}} {{__('obs.from')}} </label>
                                    <input type="text" class="bootstrap_datepicker form-control input-sm"
                                           name="join_date_from" id="join_date_from">
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>{{__('obs.join')}} {{__('obs.date')}} {{__('obs.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'>
                                <div class="form-group">
                                    <label>{{__('obs.status')}}</label>
                                    <select class="form-control input-sm" name="emp_status" id="emp_status">
                                        <option value="0">{{__('obs.choose')}} {{__('obs.one')}}</option>
                                        <option value="1">{{__('obs.active')}}</option>
                                        <option value="2">{{__('obs.inactive')}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-3 mt-4'>
                                <button class='btn btn-sm w-100 btn-danger'>{{__('obs.search')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="" id="print">
                <table id="myTable" class="table table-bordered table-hover" style="width: 100%">
                    <thead>
                    <tr>
                        <th>{{__('obs.sl')}}#</th>
                        <th>{{__('obs.code')}}</th>
                        <th>{{__('obs.name')}}</th>
                        <th>{{__('obs.email')}}</th>
                        <th>{{__('obs.gender')}}</th>
                        <th>{{__('obs.department')}}</th>
                        <th>{{__('obs.designation')}}</th>
                        <th>{{__('obs.joining')}} {{__('obs.date')}}</th>
                        <th>{{__('obs.status')}}</th>
                        <th class="">{{__('obs.action')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(!empty($empLists)) @php($i = ($empLists->perPage() * ($empLists->currentPage() - 1))+1)
                    @foreach($empLists as $emp_val)
                        <tr>
                            <td>{{$i++}}</td>
                            <td>{{$emp_val->emp_code}}</td>
                            <td>{{$emp_val->emp_name}}</td>
                            <td>{{$emp_val->email}}</td>
                            <td>@if($emp_val->emp_gender==1)Male @else Female @endif</td>
                            <td>                            </td>
                            <td>                            </td>
                            <td>{{date('d-m-Y',strtotime($emp_val->joining_date))}}</td>
                            <td>@if($emp_val->active_status==1) Active @else InActive @endif</td>
                            <td>
                                <a href="#" onclick="add_acc_info('{{$emp_val->id}}')"
                                   class='btn btn-info btn-sm'>{{__('obs.add')}}</a>
                            </td>
                        </tr>
                    @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="d-flex justify-content-end mr-4 mt-2">
        @if(!empty($empLists))
            {{ $empLists->links("pagination::bootstrap-4")}}
        @endif
    </div>
    @include('payroll.emp_management.acc_info.add_acc_info')

    <script src="{{asset('payroll_assets/emp_management/js/emp_acc_info.js')}}"></script>
@endsection