@extends('layouts.master')
@section('content')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<div class="main-content side-content pt-0">
    <div class="main-container container-fluid">
        <div class="inner-body">
            <!-- Page Header -->
            <div class="page-header">
                <div>
                    <h2 class="main-content-title tx-24 mg-b-5">All Employee's Details</h2>
                </div>
                <div class="d-flex">
                    <a class="btn ripple btn-success" href="/createuser"> <i class="fe fe-plus"></i></a> &nbsp;

                    <a class="btn btn-success" href="{{route('fetch.user.report')}}" download> <i class="fe fe-download-cloud me-2"></i> Download</a>
                </div>
               
            </div>
            <!-- End Page Header -->
            <!-- <button type="button" class="btn btn-success my-2 btn-icon-text">
                       
                    </button> -->
            <!-- Row -->
            <div class="row table-responsive">

                <div class="row">
                    <div class="col-lg-12">
                        <div class="card custom-card overflow-hidden">
                            <div class="card-body">
                                <!-- <div class="d-flex align-items-center justify-content-end" >
                           
                            <label for="" class="form-label me-2 fw-bold " >Search By Id</label>
                                <input type="text" placeholder="Search" id="tableDataSearch" class="form-control col-md-4 " >
                                </div> -->
                                <div class="table-responsive mt-4 ">                   
                                    <table class="table table-bordered border-bottom" id="exportexample">
                                        <thead>
                                            <tr>
                                                <th class="wd-20p">Employee ID</th>
                                                <th class="wd-20p">Name</th>
                                                <th class="wd-20p">Father Name</th>
                                                <th class="wd-25p">Email</th>
                                                <th class="wd-25p">Password</th>
                                                <th class="wd-25p">Designation</th>
                                                <th class="wd-20p">User Role</th>
                                                <th class="wd-20p">CNIC</th>
                                                <th class="wd-20p">Address</th>
                                                <th class="wd-20p">Contact</th>
                                                <th class="wd-20p">Alternate Contact</th>
                                                <th class="wd-20p">Sick Leave</th>
                                                <th class="wd-20p">Casual Leave</th>
                                                <th class="wd-20p">Total Leave's</th>
                                                <th class="wd-20p">Working Day's</th>
                                                <th class="wd-20p">Document Attachment</th>
                                                <th class="wd-20p">Nic Attachment</th>
                                                <th class="wd-20p">Date of Joining</th>
                                                <th class="wd-20p">Ending Date</th>
                                                <th class="wd-20p">Termination-Status</th>
                                                <th class="wd-20p">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(isset($data))
                                            @foreach($data as $emp)
                                            <tr>
                                            
                                                <td><button class='btn btn-outline-default btn btn-success'>#{{$emp?$emp->employe_id:''}}</button></td>
                                                <td>{{$emp?$emp->name:''}}</td>
                                                <td>{{$emp?$emp->fathername:''}}</td>
                                                <td>{{$emp?$emp->email:''}}</td>
                                                <td>{{$emp?$emp->password:''}}</td>
                                                <td><strong>{{$emp?$emp->designation:''}}</strong></td>
                                                <td>{{$emp?$emp->userrole:''}}</td>
                                                <td>{{$emp?$emp->nic:''}}</td>
                                                <td>{{$emp?$emp->address:''}}</td>
                                                <td>{{$emp?$emp->contact:''}}</td>
                                                <td>{{$emp?$emp->alternate_number:''}}</td>
                                                <td>{{$emp?$emp->sick_leave:''}}</td>
                                                <td>{{$emp?$emp->casual_leave:''}}</td>
                                                <td>{{$emp?$emp->t_leaves:''}}</td>
                                                <td>{{$emp?$emp->working_days:''}}</td>
                                                <td><a href="{{$emp?$emp->documents:''}}" target="blank"><i class="fas fa-eye"></i></a></td>
                                                <td><a href="{{$emp?$emp->nic_attachment:''}}" target="blank"><i class="fas fa-eye"></i></a></td>
                                                <td>{{$emp->date_of_joining?date('d-F-Y',strtotime($emp->date_of_joining)):'N/A'}}</td>
                                                <td>{{$emp->ending_date?date('d-F-Y',strtotime($emp->ending_date)):'N/A'}}</td>
                                                <td>{{$emp->termination_status ?? 'N/A' }}</td>
                                                <td>
                                                    <div class="d-flex">
                                                    <a class="btn btn-danger me-2 my-2 btn-icon-text" data-bs-target="#modal-report" data-bs-toggle="modal"
                            data-id="{{$emp?$emp->id:''}}"> <i class="fa-solid fa-people-pulling  "></i></a>
                                                        <a class="btn ripple btn-info" href="{{route('editemploye', $emp?$emp->id:'')}}"> <i class="fe fe-edit"></i></a>
                                                        <a class="btn ripple btn-danger ms-2" href="{{route('deletemp',$emp?$emp->id:'')}}">
                                                            <i class="fe fe-trash"></i></a>
                                                    </div>
                                                </td>
                                            </tr>
                                            @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal" id="modal-report">
                <div class="modal-dialog" role="document">
                    <div class="modal-content modal-content-demo">
                        <div class="modal-header">
                            <h6 class="modal-title">Terminate Status</h6><button aria-label="Close" class="btn-close"
                                data-bs-dismiss="modal" type="button"></button>
                        </div>
                        <div class="modal-body">
                     <form method="post" action="{{route('terminate.post')}}">
                     @csrf
                          <input type="hidden" name="id" />
                            <br>
                            <label for="">Terminate Status</label><br>
                            <div class="input-group">
                                <input class="form-control" placeholder="terminate" type="text" name="termination_status">
                            </div>
                            <br>

                          </div>

                          <div class="modal-footer">
                            <button class="btn ripple btn-primary" type="submit">Save </button>
                            <button class="btn ripple btn-secondary" data-bs-dismiss="modal"
                                type="button">Close</button>
                          </div>
                         </div>
                  </form>
                </div>
            </div>
      
                <!-- <table class="table table-bordered border-bottom" id="user_1">
                        <thead>
                            <tr>
                                <th class="wd-20p">Employee Id</th>
                                <th class="wd-20p">Profile</th>
                                <th class="wd-20p">Employee Name</th>
                                <th class="wd-25p">Father Name</th>
                                <th class="wd-20p">Desgination</th>
                                <th class="wd-15p">Role</th>
                                <th class="wd-15p">Attachment</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(isset($data))
                            @foreach($data as $d)
                            <tr>
                                <td><button class="btn btn-success">{{$d? $d->employe_id:''}}</button></td>
                                <td>
                                    <div class="picture avatar-lg online text-center">
                                        <img alt="avatar" class="rounded-circle" src="{{$d?$d->profile_pic:''}}">
                                    </div>
                                </td>
                                <td>{{$d? $d->name:''}}</td>
                                <td>{{$d? $d->fathername:''}}</td>
                                <td>{{$d? $d->desgination:''}}</td>
                                <td>{{$d? $d->userrole:''}}</td>
                                <td><button class="btn btn-success">Icon</button></td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table> -->
                <!-- <div class=" col-xl-3 col-lg-6 col-md-6 col-sm-6 card custom-card our-team">
                        <div class="d-flex">
                            <div class="demo-avatar-group my-auto float-end">

                                <div class="p-4 ">
                                    <span class="bg-success p-1 rounded">{{$d? $d->userrole:''}}</span>
                                </div>
                            </div>
                            <div class="ms-auto float-end">
                                <div class="p-4">
                                    <a href="javascript:void(0)" class="option-dots " data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
                                    <div class="dropdown-menu dropdown-menu-end">
                                        <a class="dropdown-item" href="{{route('edituser',$d?$d->id:'')}}">View</a>
                                         <a class="dropdown-item" href="javascript:void(0)">Delete</a>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="picture avatar-lg online text-center">
                                <img alt="avatar" class="rounded-circle" src="{{$d?$d->profile_pic:''}}">
                            </div>
                            <div class="text-center ">
                                <a href="profile.html">
                                    <h5 class="pro-user-username text-dark mt-2 mb-0">{{$d? $d->name:''}}</h5>
                                </a>
                                <p class="pro-user-desc text-muted mb-1">{{$d? $d->desgination:''}}</p>

                            </div>
                        </div>
                    </div> -->






                <!-- <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 ">
                        <div class="card custom-card bg-transparent border border-4 our-team">
                            <div class="card-body">
                                <div class="online d-flex justify-content-center">
                                    <a class="btn ripple btn-primary" href="/createuser"> <i class="fe fe-plus"></i></a>
                                </div>
                                <div class="text-center ">
                                    <a href="">
                                        <h5 class="pro-user-username text-dark mt-2 mb-0">New User</h5>
                                    </a>
                                    <p class="pro-user-desc text-muted mb-1">Click here to add new User </p>

                                </div>
                            </div>
                        </div>
                    </div> -->


            </div>

         

            <!-- End Row -->
        </div>
    </div>
</div>
<script>
    $('#example1').DataTable({

        responsive: {
            details: false
        }
    });
</script>


<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
    $(document).ready(function() {
        $('#modal-report').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget);
            var id = button.data('id');
            var modal = $(this);
            $.ajax({
                url: '/fetchemployes/'+id,
                method: 'GET',
                success: function(response) {
                modal.find('input[name="id"]').val(id);
                },
                error: function(error) {
                    console.log(error);
                }
            });
        });
    });
</script>

<!-- <script>
    let inp=document.getElementById("tableDataSearch");
    inp.addEventListener('input',(e)=>{
        let filter = e.target.value.toUpperCase();
        let  table=document.getElementById("example1");
        let tr =table.getElementsByTagName("tr");
        
        for (i = 0; i < tr.length; i++) {

    td = tr[i].getElementsByTagName("td")[0];
    if (td) {
      txtValue = td.textContent || td.innerText;
      if (txtValue.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    }       
  }

    })
</script> -->

@endsection