@extends('admin.layout.master')
@section('custom_style')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
@endsection
@section('content')
<style>

    select {
        height: 33px !important;
     }
</style>
    <div class="col-12">
        @if (session('success'))
            <div class="alert alert-success" id="hide-alert">
                {{ session('success') }}
            </div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger" id="hide-alert">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <h5 class="font-weight-bold mb-0">{{__('obs.transfer')}} {{__('obs.list')}}</h5>
            </div>
            <div>
                <a href="{{route('payroll.hrm.employee.transfer_employee')}}" class="btn btn-sm btn-primary">{{__('obs.create')}} {{__('obs.transfer')}}</a>
            </div>
        </div>
        <div class="card-body">
            <form id="filterform" class="d-flex flex-wrap" action="{{route('payroll.hrm.employee.transfer_search')}}" method="GET">

                <div class="col-12 col-md-2 mb-3 px-1">
                    <label for="">{{__('obs.name')}}/{{__('obs.code')}}</label>
                    <select id="emp_code" class="form-control name_code_live_search" name="emp_code">
                    </select>
                </div>

                <div class='col-md-2 px-1'>
                    <div class="form-group">
                        <label>{{__('obs.station')}}</label>
                        <select class="form-control station_live_search select_2" name="station" id="station">
                        </select>
                    </div>
                </div>

                {{-- <div class="col-md-2 px-1">
                    <div class="form-group">
                        <label for="">{{__('obs.designation')}}</label>
                        <select name="designation" class="form-control select_2">
                            <option value="">{{__('obs.select')}} {{__('obs.degignation')}}</option>
                            @foreach ($designation_lists as $dg)
                                <option value="{{$dg->id}}">{{$dg->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div> --}}

                <div class="col-md-2 px-1">
                    <div class="form-group">
                        <label for="">{{__('obs.department')}}</label>
                        <select name="department" class="form-control select_2">
                            <option value="">{{__('obs.select')}} {{__('obs.department')}}</option>
                            @foreach ($department_lists as $dp)
                                <option value="{{$dp->id}}">{{$dp->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="col-12 col-md-2 mb-2 px-1">
                    <label for="">{{__('obs.date')}}</label>
                    <input value="{{request('transfer_date')}}" class="form-control" type="date" name="transfer_date"
                           id="transfer_date">
                </div>

               

                <div class="col-md-2 mb-2 px-1">
                    <label for="">{{__('obs.status')}}</label>
                    <select  id="status" class="form-control select_2" name="status">
                        <option value="">{{__('obs.all')}}</option>
                        <option value="2">{{__('obs.approve')}}</option>
                        <option value="1">{{__('obs.pending')}}</option>
                        <option value="3">{{__('obs.rejected')}}</option>
                        <option value="4">{{__('obs.inactive')}}</option>
                    </select>
                </div>
                <div class="col-12 col-md-1 mb-3 px-1">
                    <button type="submit" class="btn w-100 btn-primary mt-4">{{__('obs.filter')}}</button>
                </div>
                <div class="col-12 col-md-1 mb-3 px-1">
                    <button class="empty btn w-100 btn-warning mt-4" type="button">{{__('obs.reset')}}</button>
                </div>
            </form>
            <div>
                <table class="table table-hover table-bordered mt-3">
                    <thead class="thead-dark">
                    <tr>
                        <th>{{__('obs.emp')}} {{__('obs.name')}}</th>
                        <th>{{__('obs.emp')}} {{__('obs.code')}}</th>
                        <th>{{__('obs.dept')}}.</th>
                        <th>{{__('obs.date')}}</th>
                        <th>{{__('obs.from')}}</th>
                        <th>{{__('obs.to')}}</th>
                        <th>{{__('obs.action')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(!empty($transfer_list))
                        @foreach ($transfer_list as $trans_val)
                            <tr>
                                <td>{{$trans_val->emp_info ? $trans_val->emp_info->emp_name : null}}</td>
                                <td>{{$trans_val->emp_info ? $trans_val->emp_info->emp_code: null}}</td>
                                <td>{{$trans_val->emp_info ? $trans_val->emp_info->fetch_department->name : null}}</td>
                                <td>{{$trans_val->date}}</td>
                                @if(!empty($trans_val->from_ware_info))
                                    <td>{{$trans_val->from_ware_info->name_eng}}</td>
                                @endif
                                @if(!empty($trans_val->to_ware_info))
                                    <td>{{$trans_val->to_ware_info->name_eng}}</td>
                                @endif
                                @if(!empty($trans_val->from_dept_info))
                                    <td>{{$trans_val->from_dept_info->name}}</td>
                                @endif
                                @if(!empty($trans_val->to_dept_info))
                                    <td>{{$trans_val->to_dept_info->name}}</td>
                                @endif
                                
                                <td>

                                   
                                   
                                    @if($trans_val->approve_status==1)
                                    {{-- {!! getApprovalInputField($trans_val->id,701) !!} --}}
                                    <a href="{{ route('payroll.hrm.employee.transfer_edit', ['id' => $trans_val->id]) }}"class="btn btn-warning btn-sm">{{__('obs.edit')}}</a>
                                    @else
                                        <button type="button" class="btn btn-sm btn-success">{{__('obs.approved')}}</button>
                                        @if(company_settings()->approval_system ==2)
                                        {{-- <a href="{{ route('payroll.hrm.employee.transfer_edit', ['id' => $trans_val->id]) }}"class="btn btn-warning btn-sm">{{__('obs.edit')}}</a> --}}
                                        @endif
                                     @endif 





                                    
                                    {{-- @if ($trans_val->approve_status != 2 and $trans_val->approve_status == 1 and $trans_val->approve_status != 3)
                                        @include('admin.mapping_blade.mapping', ['approve_status' => $trans_val->approve_status, 'approvals' =>$trans_val->approvals,'action_id'=>6,'cost_center_id'=>1,'item_id'=>$trans_val->id,'model_name'=>"App\\\Models\\\Payroll\\\EmpManagements\\\PayEmpTransfer"])

                                        <button title="Reject Transfer" type="button" data-toggle="tooltip"
                                                data-placement="top"
                                                onclick="transfer_reject({{$trans_val->id}})"
                                                class="btn btn-danger mr-1">
                                            <i class='bx bx-x'></i></button>

                                        @if(!($trans_val->approvals && count($trans_val->approvals->where('admin_id',active_user()))>0))
                                            <a target="_blank" title="Edit" data-toggle="tooltip"
                                               data-placement="top"
                                               href="{{route('emptransfer.edit',['id'=>$trans_val->id,'type'=>'1'])}}"
                                               class="btn btn-primary mr-1">
                                                <i class="fadeIn animated bx bx-edit-alt"></i>
                                            </a>
                                        @endif
                                    @endif --}}
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection


@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>

<script>

        $( document ).ready(function() {
            $('.select_2').select2();
        });


        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        });
     

        // Transfer approve start
        function transfer_approve(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click approve then this loan will on approve state',
                type: 'green',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Approve',
                        btnClass: 'btn-green',
                        action: function () {
                            window.location.href = '{{ route('payroll.hrm.employee.transfer_status') }}/' + id + '/' + 2;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // Transfer approve end

        function transfer_reactive(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click approve then this loan will on Re-active state',
                type: 'green',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Re-active',
                        btnClass: 'btn-green',
                        action: function () {
                            window.location.href = '{{ route('payroll.hrm.employee.transfer_status') }}/' + id + '/' + 2;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        //transfer approve end

        // transfer reject start
        function transfer_reject(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click reject then this transfer will on reject state',
                type: 'red',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Reject',
                        btnClass: 'btn-red',
                        action: function () {
                            window.location.href = '{{ route('payroll.hrm.employee.transfer_status') }}/' + id + '/' + 3;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // Transfer reject end

        // Transfer InActive start
        function transfer_inactive(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click inactive then this transfer will on reject state',
                type: 'red',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'InActive',
                        btnClass: 'btn-red',
                        action: function () {
                            window.location.href = '{{ route('payroll.hrm.employee.transfer_status') }}/' + id + '/' + 4;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // loan inactive end

        $(".empty").click(function () {
            $(this).closest('form').find("input[type=number], input[type=date], select").val("");
        });
 </script>

@endsection