@include('components/header')
@include('components/sidebar')
<!--  Begin CONTENT AREA  -->
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<meta name="csrf-token" content="{{ csrf_token() }}">

<div id="content" class="main-content">
    <div class="topbar_content mt-3">
        <h2>Employee List</h2>
       
        <div class="viewAll mr-4 d-flex align-items-center">
            <a href="/admin_dashboard" class="viewAllBtn">
                <button class="btn btn-danger mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="feather feather-arrow-left">
                <line x1="19" y1="12" x2="5" y2="12"></line>
            <polyline points="12 19 5 12 12 5"></polyline>
        </svg> Back</button>
    </a>
</div>
</div>
<div class="layout-px-spacing layout-top-spacing mb-4">
<div class="modal-footer"></div>
<div class="row">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <div class="card-body search-filter">
                <form action="/employee_list" method="post" class="form-group">
                    {{csrf_field()}}
                    <div class="row emp-filter-areaes">
                        <div class="col-sm-6 col-xl-2 col-12 pr-0 mb-2">
                            <div class="input-group">
                                <select class="form-control tagging" name="employee_id">
                                <option value="Select Employee ID">Select Employee ID</option>
                                @if(isset($all_employee))
                                    @foreach($get_data as $employee)
                                        @foreach($all_employee as $e)
                                            @if(Session('emp_id') != null)
                                                @if($e->id == Session('emp_id')) 
                                                    @if(Session('emp_id') == $employee->id)
                                                        <option selected value="{{$employee->id}}">{{$employee->id}}
                                                        </option>
                                                    @else
                                                        <option value="{{$e->id}}">{{$e->id}}</option>
                                                    @endif
                                                @else
                                                      <option value="{{$e->id}}">{{$e->id}}</option>
                                                @endif
                                            @else
                                                  <option value="{{$e->id}}">{{$e->id}}</option>
                                            @endif
                                        @endforeach
                                    @endforeach
                                @else
                                    @foreach($get_data as $employee)
                                        <option value="{{$employee->id}}">{{$employee->id}}</option>
                                    @endforeach
                                @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-6 col-xl-2 col-12 pr-0 mb-2">
                            <div class="input-group">
                                <select class="form-control tagging" name="employee_name">
                                <option value="Select Employee Name">Select Employee Name</option>
                                @if(isset($all_employee))
                                    @foreach($get_data as $employee)
                                        @foreach($all_employee as $e)
                                            @if(Session('name') != null)
                                                @php
                                                    $name = $employee->first_name.' '.$employee->last_name;
                                                    $e_name = $e->first_name.' '.$e->last_name 
                                                @endphp
                                                @if(Session('name') == $e_name) 
                                                    @if(Session('name') == $name)
                                                        <option selected value="{{$employee->first_name}} {{$employee->last_name}}">{{$employee->first_name}} {{$employee->last_name}}
                                                        </option>
                                                    @else
                                                        <option value="{{$e->first_name}} {{$e->last_name}}">{{$e->first_name}} {{$e->last_name}}</option>
                                                    @endif
                                                @else
                                                      <option value="{{$e->first_name}} {{$e->last_name}}">{{$e->first_name}} {{$e->last_name}}</option>
                                                @endif
                                            @else
                                                  <option value="{{$e->first_name}} {{$e->last_name}}">{{$e->first_name}} {{$e->last_name}}</option>
                                            @endif
                                        @endforeach
                                    @endforeach
                                @else
                                    @foreach($get_data as $employee)
                                        <option value="{{$employee->first_name}} {{$employee->last_name}}">{{$employee->first_name}} {{$employee->last_name}}</option>
                                    @endforeach
                                @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-6 col-xl-2 col-12 pr-0 mb-2">
                            <div class="input-group">
                                <select class="form-control tagging" name="select_department" id="department">
                                    <option value="select_dept">Select Department</option>
                                    @foreach($department as $department)
                                        @if(Session('department') != null)
                                            @if(Session('department') == $department->id)
                                                <option selected value="{{$department->id}}">
                                                {{$department->department}}</option>
                                            @else
                                                <option value="{{$department->id}}">{{$department->department}}
                                                </option>
                                            @endif
                                        @else
                                            <option value="{{$department->id}}">{{$department->department}}
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-6 col-xl-2 col-12 pr-0 mb-2">
                            <div class="input-group">
                                @if(Session::has('designation'))
                                    <input type="hidden" id="designation_id" value="{{Session::get('designation')}}">
                                @endif
                                <select class="form-control tagging" name="select_designation" id="domain">
                                    <option value="Select Domain">Select Domain</option>
                                    @foreach($domain as $domain)
                                        @if(Session('designation') != null)
                                            @if(Session('designation') == $domain->id)
                                                <option selected value="{{$domain->id}}">{{$domain->domain}}
                                                </option>
                                            @else
                                                <option value="{{$domain->id}}">{{$domain->domain}}</option>
                                            @endif
                                        @else
                                            <option value="{{$domain->id}}">{{$domain->domain}}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-6 col-xl-2 col-12 pr-0 mb-2">
                            <div class="row align-items-center">
                                <div class="col-9">
                                    <div class="form-group p-0"> 
                                        <button class="btn btn-primary btn-block searchBtn" type="submit" name="search_employee">Search</button>
                                    </div>
                                </div>
                                <div class="col-3 listfilter d-flex justify-content-center">
                                    <div class="clear-filter-icon form-group mb-0">
                                        <a href="/employee_list"><img src="{{asset('design/img/clearfiltericon.svg')}}"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                </form>
                <div class="active-toggle">
                    <form class="form-group mb-0" method="post" action="deactive_emp" id="myForm">
                        {{csrf_field()}}
                        @if(isset($check))
                        <input type="hidden" name="check" value="off">
                        <input type="checkbox" checked class="checkbox_select" data-toggle="toggle" data-off="Deactive" >
                        @else
                        <input type="hidden" name="check" value="on">
                        <input type="checkbox" class="checkbox_select" data-toggle="toggle" data-on="Active">
                        @endif
                    </form>
                </div>
            </div>
        </div>
            <div class="card-body">
                <div class="row">
                    @if(count($get_data)>0)
                        @foreach($get_data as $employee_data)
                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
                                <div class="profile-widget">
                                    <div class="profile-img">
                                        <a href="#" class="avatar">
                                            @if($employee_data->profile_picture =='')
                                            <img width="90px" height="90px" src="{{asset('design/img/profiles/default.svg')}}" id="image">
                                            @else
                                            <img width="90px" height="90px" src='{{asset("root/documents/$employee_data->id/profile/$employee_data->profile_picture")}}'>
                                            @endif
                                        </a>
                                    </div>
                                    <div class="dropdown profile-action mr-2">
                                        <a href="#" class="action-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                            <i class="fas fa-ellipsis-v"></i>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-right">
                                            <a class="dropdown-item" href="/edit_profile/{{$employee_data->id}}">
                                                <img style="width:20px; height:20px;" class="mr-2" src="design/img/edit.svg" alt=""> Edit
                                            </a>
                                            @if($employee_data->is_delete == '0')
                                                <div data-target="#delete_data" class="delete_data" data-toggle="modal" data-value="{{$employee_data->id}}">
                                                    <a class="dropdown-item">
                                                        <img style="width:20px; height:20px;" class="mr-2" src="design/img/delete.svg" alt=""> Delete
                                                    </a>
                                                </div>
                                            @elseif($employee_data->is_delete == '1')
                                                <div data-target="#reactive" class="reactive" data-toggle="modal" data-value="{{$employee_data->id}}">
                                                    <a class="dropdown-item">
                                                        <img style="width:20px; height:20px;" class="mr-2" src="{{ asset('design/img/rollback.svg') }}" alt=""> Reactive
                                                    </a>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <h4 class="user-name mt-3 text-ellipsis"><a href="#">{{$employee_data->first_name}} {{$employee_data->last_name}}</a>
                                    </h4>
                                    <div class="small text-dark">(
                                        {{$employee_data->id}} )
                                    </div>
                                    @if(empty($employee_data->departments->department))
                                        <div class="small text-muted">
                                            Department Not assigned
                                        </div>
                                    @else
                                        <div class="small text-muted">
                                            {{$employee_data->departments->department}}
                                        </div>
                                    @endif

                                     @if(empty($employee_data->domains->domain))
                                        <div class="small text-muted">
                                            Domain Not assigned
                                        </div>
                                    @else
                                        <div class="small text-muted">
                                            {{$employee_data->domains->domain}}
                                        </div>
                                    @endif

                                </div>
                            </div>
                        @endforeach
                    @else
                        <p class="text-center">Record Not Found</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<!-- Button trigger modal -->
<!-- Modal -->
<div class="modal fade" id="delete_data" tabindex="5" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
        <center>
        <div class="modal-header" style="border-bottom: 1px dashed #e0e6ed;">
            <div class="media-body">
                <h5><b>Are You Sure You Want To Delete This Employee Data ?</b></h5>
            </div>
        </div>
        </center>
        <div class="modal-body">
            <form class="form-group" method="post" action="/delete_employee">
                {{@csrf_field()}}
                <input type="hidden" name="id" id="hidden_id">
                <div class="row float-right">
                    <div class="col-6">
                        <input type="submit" name="wish" value="Delete" class="btn btn-success">
                    </div>
                    <div class="col-6">
                        <input type="reset" data-dismiss="modal" value="Cancel" class="btn btn-primary">
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</div>
@if(session('done'))
<script type="text/javascript">
    swal.fire({
        title: '@php echo session("done")@endphp',
        type: 'success',
        padding: '2em'
    })
</script>
@elseif(session('edit'))
    <script type="text/javascript">
        swal.fire({
            title: '@php echo session("edit")@endphp',
            type: 'success',
            padding: '2em'
        })
    </script>
@elseif(session('delete'))
<script type="text/javascript">
    swal.fire({
        title: '@php echo session("delete")@endphp',
        type: 'success',
        padding: '2em'
    })
</script>
@elseif(session('error'))
    <script type="text/javascript">
        swal.fire({
            title: '@php echo session("error")@endphp',
            type: 'warning',
            padding: '2em'
        })
    </script>
@endif
<!--  End CONTENT AREA  -->
@include('components/footer')
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<script>    
    $(document).ready(function() {
        $(".toggle").click(function(){
            $("#myForm").submit();
        });

        $('.reactive').click(function() {
            const today = new Date().toISOString().split('T')[0];
            const db_id = $(this).data('value');
            Swal.fire({
                title: 'Select a date',
                html: '<input type="date" id="datePicker" class="swal2-input" min="${today}">',
                focusConfirm: false,
                preConfirm: () => {
                    const date = Swal.getPopup().querySelector('#datePicker').value;
                    if (!date) {
                        Swal.showValidationMessage(`Please select a date`);
                    }
                    return date;
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
                    const selectedDate = result.value;

                    $.ajax({
                        url: "{{ route('admin.reactive_employee') }}", // Replace with your server endpoint
                        type: 'POST',
                        headers: {
                            'X-CSRF-TOKEN': csrfToken
                        },
                        data: { date: selectedDate, id: db_id },
                        success: function(response) {
                            Swal.fire('Success', 'Profile Rective Successfully', 'success');
                            location.reload();
                        },
                        error: function(xhr, status, error) {
                            Swal.fire('Error', 'There was an error submitting the date', 'error');
                        }
                    });
                }
            });
        })
        $("#department").on('change', function() {
            var department_id = $(this).val();
            if (department_id) {
                $.ajax({
                    url: "{{ url('designation')}}",
                    type: "get",
                    data: {designation_id: department_id},
                    success: function(html) {
                        $("#domain").html(html);
                    }
                });
            }
        });
     
        if($("#department").val() != null) {
            var load_department = $("#department").val();
            if(load_department){
                if($("#designation_id").val() != null){
                    var dest_id = $("#designation_id").val();
                }else {
                    var dest_id = null;
                }
                $.ajax({
                    url : "{{ url('addEmp_designation')}}",
                    type : "get",
                    data : {designation_id:department_id,dest_id:dest_id},
                    success : function(html){
                        $("#domain").html(html);
                    } 
                });
            }
        }
    });

    $(".delete_data").on('click', function() {
        var id = $(this).data('value');
        $('#hidden_id').val(id);
    });

    $('.bday_ancher').click(function() {
        var value = $('.bday_hidden_id').val();
        $('.bday_pass_id').val(value);
        var name = $('.bday_hidden_name').val();
        $('.bday_pass_name').val(name);
    });
    $('#myModal').on('shown.bs.modal', function() {
        $('#myInput').trigger('focus');
    });

    $(".F_name").on('click', function() {
        var id = $(this).data('value');
    });

    function getvalue() {}
        $('p').on('click', function() {
        var txt = $('p').text();
        $(".employee_name").val(txt);
    });

    $(function() {
        $('#toggle-two').bootstrapToggle({
            on: 'Deactive',
            off: 'Active'
        });
    })
    $(".tagging").select2();
    $(document).ready(function() {
        $('.toggle-on').text('Deactive');
        $('.toggle-off').text('Active');
    });
</script>