@extends('admin.layout.master')
@section('home')
    <style>
        /* The switch - the box around the slider */
        .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
        }

        /* Hide default HTML checkbox */
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        /* The slider */
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input:checked + .slider {
            background-color: green;
        }

        input:focus + .slider {
            box-shadow: 0 0 1px #2196F3;
        }

        input:checked + .slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }

        /* Rounded sliders */
        .slider.round {
            border-radius: 34px;
        }

        .slider.round:before {
            border-radius: 50%;
        }
    </style>
    <style>
        label {
            margin-bottom: 1px;
        }

        .form-group {
            margin-bottom: 9px;
        }

        .table-responsive {
            height: calc(100vh - 250px);
        }

        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" id="heading_name">Employee Lists</h4>
            <div class="card-box">
                <div class="card-block">
                    <!-- Button trigger modal -->
                    <form action="{{route('empaccinfo.searchempinfo')}}" method="get">
                        <div class='row'>
                            <div class='col-md-3'>
                                <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>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>Station</label>
                                    <select class="form-control input-sm station_live_search" name="station"
                                            id="station">
                                    </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'>
                                <div class="form-group">
                                    <label>Status</label>
                                    <select class="form-control input-sm" name="emp_status" id="emp_status">
                                        <option value="0">Choose One</option>
                                        <option value="1">Active</option>
                                        <option value="2">Inactive</option>
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-3 mt-4'>
                                <button class='btn btn-sm w-100 btn-danger'>Search</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="alert alert-success success_div" style="display: none"></div>
            @include('payroll.includes.printAndExcel')
            <div class="table-responsive table2excel" id="print">
                <table class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <th>Sl#</th>
                        <th>Code</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Gender</th>
                        <th>Department</th>
                        <th>Designation</th>
                        <th>Emp Type</th>
                        <th>Joining Date</th>
                        <th>Cost Center</th>
                        <th>Status</th>
                        <th class="">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>                            </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>@if($emp_val->active_status==1) Active @else InActive @endif</td>--}}
                            <td><label class="switch">
                                    <input type="checkbox" @if ($emp_val->active_status == 1) checked @endif
                                    onchange="changeStatus(this,'{{ $emp_val->id }}')">
                                    <span class="slider round"></span>
                                </label>
                            </td>

                            <td>
                                <a href="{{url('view-emp_info/'.$emp_val->id)}}"
                                   class='btn btn-primary btn-sm'>View</a>
                                <a href="{{route('employeedocs.edit',['emp_id'=>$emp_val->id])}}"
                                   class='btn btn-info btn-sm'>Docs</a>
                                <a href="{{url('edit-emp_info/'.$emp_val->id)}}"
                                   class='btn btn-primary btn-sm'>Edit</a>
                                <a href="{{route('emptransfer.createsignletransfer' , ['emp_id'=>$emp_val->id])}}"
                                   class='btn btn-primary btn-sm'>Transfer</a>
                                <a href="{{route('empaccinfo.deleteempinfo' , ['emp_id'=>$emp_val->id])}}"
                                   class='btn btn-danger btn-sm'>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>
        function changeStatus(param, emp_id) {
            let status = 2;
            if ($(param).is(':checked')) {
                status = '1'
            }
            let method = "POST";
            let url = li + '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