@extends('admin.layout.master')
@section('content')
    @include('flash-message')
    <div class="card sina-card">
        <div class="card-header d-flex justify-content-between align-items-center ">
            <h5 class="font-weight-bold mb-0">{{ __('obs.employee') }}{{ __('obs.list') }}</h5>
            <div class="col-2 d-flex justify-content-end">
            </div>
            <div class="col-2 d-flex justify-content-end">
                @include('payroll.includes.report_print_excel_button',['print'=>0])
            </div>
        </div>
    </div>

    <div class="card-body">
        <!-- Button trigger modal -->
        <form action="{{ route('payroll.hrm.employee.employee_search') }}" method="get">
            <div class='row'>
                <div class='col-md-2'>
                    <div class="form-group">
                        <label>{{ __('obs.name') }} / {{ __('obs.code') }}</label>
                        <select class="form-control input-sm name_code_live_search" name="emp_code" id="emp_code">
                        </select>
                    </div>
                </div>

                <div class='col-2'>
                    <div class="form-group">
                        <label>{{ __('obs.department') }} </label>
                        <select name="emp_department" id="emp_department" class="form-control select_2">
                            <option value="">{{ __('obs.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-2'>
                    <div class="form-group">
                        <label>{{ __('obs.designation') }} </label>
                        <select name="emp_designation" id="emp_designation" class="form-control select_2">
                            <option value="">{{ __('obs.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-2'>
                    <div class="form-group">
                        <label>{{ __('obs.station') }} </label>
                        <select class="form-control station_live_search" name="station" id="station">
                        </select>
                    </div>
                </div> --}}
                <div class='col-2'>
                    <div class="form-group">
                        <label>{{ __('obs.join_date') }} {{ __('obs.from') }} </label>
                        <input type="text" class="datepicker  form-control input-sm" name="join_date_from"
                            id="join_date_from" placeholder="Join date">
                    </div>
                </div>
                <div class='col-2'>
                    <div class="form-group">
                        <label>{{ __('obs.join_date') }} {{ __('obs.to') }}</label>
                        <input type="text" class="datepicker  form-control input-sm" name="join_date_to"
                            id="join_date_to">
                    </div>
                </div>

            </div>

            <div class='row '>
                <div class='col-2 offset-8'>
                    <div class="form-group">
                        {{-- <label>{{__('obs.status')}} </label> --}}
                        <select class="form-control input-sm" name="emp_status" id="emp_status">
                            <option value="1">{{ __('obs.active') }}</option>
                            <option value="2">{{ __('obs.inactive') }}</option>
                        </select>
                    </div>
                </div>
                <div class='col-1'>
                    <button class='btn btn-sm w-100 btn-primary'>{{ __('obs.search') }} </button>
                </div>
            </div>
        </form>

        <div class="alert alert-success success_div" style="display: none"></div>
        <div id="printThis" class="common_excel_export" style="">
            <div class="cl-table-container table2excel" id="print" style="max-height: calc(100vh - 140px);">
                <table class="table cl-table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th style="width: 5%">{{ __('obs.sl') }}</th>
                            <th style="width: 5%">{{ __('obs.code') }} </th>
                            {{-- <th style="width: 5%">{{ __('obs.card') }} </th> --}}
                            <th style="width: 15%">{{ __('obs.name') }} </th>
                            <th style="width: 15%">{{ __('obs.designation') }} </th>
                            <th style="width: 13%">{{ __('obs.department') }} </th>
                            <th style="width: 8%">{{ __('obs.email') }} </th>
                            {{-- <th>Gender</th> --}}
                            <th style="width: 5%">{{ __('obs.employee_type') }} </th>
                            <th style="width: 8%">{{ __('obs.joining') }} </th>
                            {{-- <th>Cost Center</th> --}}
                            <th style="width: 5%">{{ __('obs.status') }} </th>
                            {{-- <th class="noExl" style="width: 5%">{{ __('obs.appointment_email') }} </th> --}}
                            <th class="noExl" nowrap style="width: 22%">{{ __('obs.action') }} </th>
                        </tr>
                    </thead>
                    <tbody>
                        @if (!empty($empLists))
                            @php($i = 1)
                            {{-- @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_card }}</td> --}}
                                    <td class="text-left">{{ $emp_val->emp_name }}</td>
                                    <td>                                    </td>
                                    <td>                                    </td>
                                    <td>{{ $emp_val->email }}</td>
                                    {{-- <td>@if ($emp_val->emp_gender == 1)Male @else Female @endif</td> --}}
                                    <td>                                    </td>

                                    <td>{{ date('d-m-Y', strtotime($emp_val->joining_date)) }}</td>
                                    {{-- <td>@if (!empty($emp_val->fetch_cost_center)){{$emp_val->fetch_cost_center->name}}@endif</td> --}}
                                    <td><label class="switch">
                                            <input type="checkbox" @if ($emp_val->active_status == 1) checked @endif
                                                onchange="change_status(this,'{{ $emp_val->id }}')">
                                            <span class="slider round"></span>
                                        </label>
                                    </td>

                                    {{-- <td id="email_td_{{ $emp_val->id }}">
                                        @if($emp_val->is_appointment_sent)
                                           <span class="badge badge-success py-0">Already  Sent</span>
                                        @else
                                            <span class="badge badge-danger py-0">Pending</span>
                                        @endif
                                    </td> --}}

                                    <td  class="noExl" nowrap>
                                        <a href="{{ url('payroll/view-emp_info/' . $emp_val->id) }}"
                                            class='btn btn-primary btn-sm'>{{ __('obs.view') }} </a>
                                        <a href="{{ route('payroll.hrm.employee.employee_docs_edit', ['emp_id' => $emp_val->id]) }}"
                                            class='btn btn-info btn-sm'>{{ __('obs.docs') }} </a>
                                        <a href="{{ url('payroll/edit-emp_info/' . $emp_val->id) }}"
                                            class='btn btn-primary btn-sm'>{{ __('obs.edit') }} </a>

                                        @if(!$emp_val->is_appointment_sent)
                                            <button type="button" class="btn btn-primary btn-sm" id="send_mail{{ $emp_val->id }}" onclick="sendMail({{ $emp_val->id }})">Send Appointment</button>
                                        @endif

                                        {{-- <a href="{{route('emptransfer.createsignletransfer' , ['emp_id'=>$emp_val->id])}}"
                                   class='btn btn-primary btn-sm'>{{__('obs.transfer')}} </a> --}}
                                        {{-- <a href="{{route('empaccinfo.deleteempinfo' , ['emp_id'=>$emp_val->id])}}"
                                   class='btn btn-danger btn-sm'>{{__('obs.delete')}} </a> --}}
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="d-flex justify-content-end mr-4 mt-2 mb-5">
        @if (!empty($empLists))
            {{-- {{ $empLists->appends(request()->query())->links("pagination::bootstrap-4")}} --}}
        @endif
    </div>
    <script>
        $(document).ready(function() {
            $('#myTable').dataTable();
            $('.select_2').select2();
        })

        function change_status(param, emp_id) {
            let status = 2;
            if ($(param).is(':checked')) {
                status = '1'
            }
            let method = "POST";
            let url = '/payroll/change-empStatus';
            let data = {
                status: status,
                emp_id: emp_id
            };
            ajaxSetup(function(data) {
                swal.close();

                let staff = "";
                if (data.status == '1') {
                    staff = '<span>' + data.success + '</span>';
                } else {
                    staff = '<span>Failed to Update</span>';
                }
                $(".success_div").show();
                $(".success_div").html(staff);
            }, method, url, data);
        }
    </script>

@endsection

@section('script')
    <script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
    <script>
        function loader(buttonId, title, status = true) {
                $("#" + buttonId).prop("disabled", status).text(title);
        }

        function sendMail(id) {
            if(!confirm('Are you sure to send email?')) return false;

            let link = "{{ route('appointment.send_email') }}";
            loader('send_mail' + id, 'Sending...');
            ajaxCallV2(link, 'GET', {
                employee_id: id
            }, (data) => {
                $('#loader').hide();
                loader('send_mail' + id, 'Sent ☑');
                setTimeout(() => {
                    // loader('send_mail' + id, 'Send Appointment', false);
                    $('#send_mail' + id).remove();
                    // $('#email_td_' + id).html('<span class="badge badge-success py-0">Already Sent</span>');
                }, 3000);
            }, (error) => {
                loader('send_mail' + id, 'Send Appointment', false);
                $('#loader').hide();
            });
        }
    </script>
@endsection