<?php $__env->startSection('content'); ?>
            <div class="page-title">
                    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li><h1>Employee</h1></li>
            <li class="breadcrumb-item">
                <a href="<?php echo e(url('index')); ?>">
                    <svg width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M2.125 6.375L8.5 1.41667L14.875 6.375V14.1667C14.875 14.5424 14.7257 14.9027 14.4601 15.1684C14.1944 15.4341 13.8341 15.5833 13.4583 15.5833H3.54167C3.16594 15.5833 2.80561 15.4341 2.53993 15.1684C2.27426 14.9027 2.125 14.5424 2.125 14.1667V6.375Z" stroke="var(--bs-body-color)" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M6.375 15.5833V8.5H10.625V15.5833" stroke="var(--bs-body-color)" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    Home
                </a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">Employee</li>
        </ol>
    </nav>
                <a class="text-primary fs-13" data-bs-toggle="offcanvas" href="#addTaskmodal" role="button" aria-controls="addTaskmodal">+ Add Task</a>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="card">
                            <div class="card-header py-3 d-sm-flex d-block align-items-center">
                                <h4 class="card-title">Employees</h4>
                                <div class="clearfix">
                                    <div class="d-inline-block m-1" id="employeesTableExcelBTN"></div>
                                    <a class="btn btn-primary btn-sm m-1" data-bs-toggle="offcanvas" href="#offcanvasExample" role="button" aria-controls="offcanvasExample">+ Add Employee</a>
                                    <button type="button" class="btn btn-secondary btn-sm m-1" data-bs-toggle="modal" data-bs-target="#exampleModal1">+ Invite Employee</button>
                                </div>
                            </div>
                            <div class="card-header d-block pb-2">
                                <form class="row align-items-end">
                                    <div class="col-xxl-2 col-xl-3 col-sm-6 col-lg-4 mb-3">
                                        <label class="form-label">Search</label>
                                        <input type="text" class="form-control" id="searchFilter">
                                    </div>
                                    <div class="col-xxl-2 col-xl-3 col-sm-6 col-lg-4 mb-3">
                                        <label class="form-label">Status</label>
                                        <select id="statusFilter" class="selectpicker form-select">
                                            <option value="">All</option>
                                            <option value="Active">Active</option>
                                            <option value="Inactive">Inactive</option>
                                            <option value="Pending">Pending</option>
                                        </select>
                                    </div>
                                    <div class="col-xxl-2 col-xl-3 col-sm-6 col-lg-4 mb-3">
                                        <label class="form-label">Department</label>
                                        <select id="departmentFilter" class="selectpicker form-select">
                                            <option value="">All</option>
                                            <option value="Computer Science">Computer Science</option>
                                            <option value="Web Designer">Web Designer</option>
                                        </select>
                                    </div>
                                    <div class="col-xxl-2 col-xl-3 col-sm-6 col-lg-4 mb-3">
                                        <label class="form-label">Gender</label>
                                        <select id="genderFilter" class="selectpicker form-select">
                                            <option value="">All</option>
                                            <option value="Male">Male</option>
                                            <option value="Female">Female</option>
                                        </select>
                                    </div>
                                    <div class="col-xxl-2 col-xl-3 col-sm-6 col-lg-4 mb-3">
                                        <label class="form-label">Location</label>
                                        <select id="locationFilter" class="selectpicker form-select">
                                            <option value="">All</option>
                                            <option value="Delhi">Delhi</option>
                                            <option value="Bengaluru">Bengaluru</option>
                                            <option value="Hyderabad">Hyderabad</option>
                                            <option value="Mumbai">Mumbai</option>
                                            <option value="Ahmedabad">Ahmedabad</option>
                                            <option value="Kolkata">Kolkata</option>
                                            <option value="Chennai">Chennai</option>
                                        </select>
                                    </div>
                                    <div class="col-xxl-2 col-xl-3 col-sm-6 col-lg-4 mb-3">
                                        <button id="applyFilter" class="btn btn-primary" type="button">Apply</button>
                                        <button id="resetFilter" class="btn btn-danger light ms-2" type="button">Reset</button>
                                    </div>
                                </form>
                            </div>
                            <div class="card-body table-card-body px-0 pt-0 pb-2">
                                <div class="table-responsive">
                                    <table id="employeesTable" class="table">
                                        <thead class="table-light">
                                            <tr>
                                                <th class="mw-120">Employee ID</th>
                                                <th class="mw-150">Employee Name</th>
                                                <th class="mw-150">Department</th>
                                                <th class="mw-150">Email Address</th>
                                                <th class="mw-150">Contact Number</th>
                                                <th class="mw-100">Gender</th>
                                                <th class="mw-100">Location</th>
                                                <th class="mw-100">Status</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><span>1001</span></td>
                                                <td>
                                                    <div class="d-flex">
                                                        <img src="<?php echo e(asset('images/avatar/small/avatar1.webp')); ?>" class="avatar avatar-sm me-2" alt="">
                                                        <div class="clearfix">
                                                            <h6 class="mb-0">Amelia Rose</h6>
                                                            <small>Web Designer</small> 
                                                        </div>  
                                                    </div>
                                                </td>
                                                <td><span>Computer Science</span></td>
                                                <td><span class="text-primary">abc@gmail.com</span></td>
                                                <td><span>+91 123 456 7890</span></td>
                                                <td><span>Male</span></td>  
                                                <td><span>mumbai</span></td>
                                                <td><span class="badge badge-success light">Active</span></td>
                                            </tr>
                                            <tr>
                                                <td><span>1002</span></td>
                                                <td>
                                                    <div class="d-flex">
                                                        <img src="<?php echo e(asset('images/avatar/small/avatar2.webp')); ?>" class="avatar avatar-sm me-2" alt="">
                                                        <div class="clearfix">
                                                            <h6 class="mb-0">Elijah James</h6>
                                                            <small>Web Designer</small> 
                                                        </div>  
                                                    </div>
                                                </td>
                                                <td><span>Computer Science</span></td>
                                                <td><span class="text-primary">mbc@gmail.com</span></td>
                                                <td><span>+91 123 456 7890</span></td>
                                                <td><span>Female</span></td>    
                                                <td><span>Kota</span></td>
                                                <td><span class="badge badge-danger light">Inactive</span></td>
                                            </tr>
                                            <tr>
                                                <td><span>1003</span></td>
                                                <td>
                                                    <div class="d-flex">
                                                        <img src="<?php echo e(asset('images/avatar/small/avatar3.webp')); ?>" class="avatar avatar-sm me-2" alt="">
                                                        <div class="clearfix">
                                                            <h6 class="mb-0">Charlotte Mae</h6>
                                                            <small>Web Designer</small> 
                                                        </div>  
                                                    </div>
                                                </td>
                                                <td><span>Computer Science</span></td>
                                                <td><span class="text-primary">kbc@gmail.com</span></td>
                                                <td><span>+91 123 456 7890</span></td>
                                                <td><span>Male</span></td>  
                                                <td><span>Indor</span></td>
                                                <td><span class="badge badge-success light">Active</span></td>
                                            </tr>
                                            <tr>
                                                <td><span>1003</span></td>
                                                <td>
                                                    <div class="d-flex">
                                                        <img src="<?php echo e(asset('images/avatar/small/avatar4.webp')); ?>" class="avatar avatar-sm me-2" alt="">
                                                        <div class="clearfix">
                                                            <h6 class="mb-0">Liam Risher</h6>
                                                            <small>Web Designer</small> 
                                                        </div>  
                                                    </div>
                                                </td>
                                                <td><span>Computer Science</span></td>
                                                <td><span class="text-primary">lbc@gmail.com</span></td>
                                                <td><span>+91 123 456 7890</span></td>
                                                <td><span>Male</span></td>  
                                                <td><span>Kota</span></td>
                                                <td><span class="badge badge-success light">Active</span></td>
                                            </tr>
                                            <tr>
                                                <td><span>1004</span></td>
                                                <td>
                                                    <div class="d-flex">
                                                        <img src="<?php echo e(asset('images/avatar/small/avatar5.webp')); ?>" class="avatar avatar-sm me-2" alt="">
                                                        <div class="clearfix">
                                                            <h6 class="mb-0">Isabella Claire</h6>
                                                            <small>Web Designer</small> 
                                                        </div>  
                                                    </div>
                                                </td>
                                                <td><span>Computer Science</span></td>
                                                <td><span class="text-primary">sbc@gmail.com</span></td>
                                                <td><span>+91 123 456 7890</span></td>
                                                <td><span>Female</span></td>    
                                                <td><span>Delhi</span></td>
                                                <td><span class="badge badge-success light">Active</span></td>
                                            </tr>
                                            <tr>
                                                <td><span>1005</span></td>
                                                <td>
                                                    <div class="d-flex">
                                                        <img src="<?php echo e(asset('images/avatar/small/avatar6.webp')); ?>" class="avatar avatar-sm me-2" alt="">
                                                        <div class="clearfix">
                                                            <h6 class="mb-0">Ethan Cole</h6>
                                                            <small>Web Designer</small> 
                                                        </div>  
                                                    </div>
                                                </td>
                                                <td><span>Computer Science</span></td>
                                                <td><span class="text-primary">abc@gmail.com</span></td>
                                                <td><span>+91 123 456 7890</span></td>
                                                <td><span>Male</span></td>  
                                                <td><span>Kota</span></td>
                                                <td><span class="badge badge-danger light">Inactive</span></td>
                                            </tr>
                                            <tr>
                                                <td><span>1006</span></td>
                                                <td>
                                                    <div class="d-flex">
                                                        <img src="<?php echo e(asset('images/avatar/small/avatar7.webp')); ?>" class="avatar avatar-sm me-2" alt="">
                                                        <div class="clearfix">
                                                            <h6 class="mb-0">Sophia Jane</h6>
                                                            <small>Web Designer</small> 
                                                        </div>  
                                                    </div>
                                                </td>
                                                <td><span>Computer Science</span></td>
                                                <td><span class="text-primary">abc@gmail.com</span></td>
                                                <td><span>+91 123 456 7890</span></td>
                                                <td><span>Male</span></td>  
                                                <td><span>Delhi</span></td>
                                                <td><span class="badge badge-success light">Active</span></td>
                                            </tr>
                                            <tr>
                                                <td><span>1007</span></td>
                                                <td>
                                                    <div class="d-flex">
                                                        <img src="<?php echo e(asset('images/avatar/small/avatar8.webp')); ?>" class="avatar avatar-sm me-2" alt="">
                                                        <div class="clearfix">
                                                            <h6 class="mb-0">Henry Mason</h6>
                                                            <small>Web Designer</small> 
                                                        </div>  
                                                    </div>
                                                </td>
                                                <td><span>Computer Science</span></td>
                                                <td><span class="text-primary">mcb@gmail.com</span></td>
                                                <td><span>+91 123 456 7890</span></td>
                                                <td><span>Female</span></td>    
                                                <td><span>Indor</span></td>
                                                <td><span class="badge badge-danger light">Inactive</span></td>
                                            </tr>
                                            <tr>
                                                <td><span>1008</span></td>
                                                <td>
                                                    <div class="d-flex">
                                                        <img src="<?php echo e(asset('images/avatar/small/avatar9.webp')); ?>" class="avatar avatar-sm me-2" alt="">
                                                        <div class="clearfix">
                                                            <h6 class="mb-0">Evelyn Hope</h6>
                                                            <small>Web Designer</small> 
                                                        </div>  
                                                    </div>
                                                </td>
                                                <td><span>Computer Science</span></td>
                                                <td><span class="text-primary">obc@gmail.com</span></td>
                                                <td><span>+91 123 456 7890</span></td>
                                                <td><span>Male</span></td>  
                                                <td><span>Delhi</span></td>
                                                <td><span class="badge badge-success light">Active</span></td>
                                            </tr>
                                            <tr>
                                                <td><span>1009</span></td>
                                                <td>
                                                    <div class="d-flex">
                                                        <img src="<?php echo e(asset('images/avatar/small/avatar10.webp')); ?>" class="avatar avatar-sm me-2" alt="">
                                                        <div class="clearfix">
                                                            <h6 class="mb-0">Lucas Bennett</h6>
                                                            <small>Web Designer</small> 
                                                        </div>  
                                                    </div>
                                                </td>
                                                <td><span>Computer Science</span></td>
                                                <td><span class="text-primary">cbc@gmail.com</span></td>
                                                <td><span>+91 123 456 7890</span></td>
                                                <td><span>Male</span></td>  
                                                <td><span>Kota</span></td>
                                                <td><span class="badge badge-success light">Active</span></td>
                                            </tr>
                                            <tr>
                                                <td><span>1010</span></td>
                                                <td>
                                                    <div class="d-flex">
                                                        <img src="<?php echo e(asset('images/avatar/small/avatar5.webp')); ?>" class="avatar avatar-sm me-2" alt="">
                                                        <div class="clearfix">
                                                            <h6 class="mb-0">Scarlett Elise</h6>
                                                            <small>Web Designer</small> 
                                                        </div>  
                                                    </div>
                                                </td>
                                                <td><span>Computer Science</span></td>
                                                <td><span class="text-primary">abc@gmail.com</span></td>
                                                <td><span>+91 123 456 7890</span></td>
                                                <td><span>Female</span></td>    
                                                <td><span>Delhi</span></td>
                                                <td><span class="badge badge-success light">Active</span></td>
                                            </tr>
                                            <tr>
                                                <td><span>1011</span></td>
                                                <td>
                                                    <div class="d-flex">
                                                        <img src="<?php echo e(asset('images/avatar/small/avatar2.webp')); ?>" class="avatar avatar-sm me-2" alt="">
                                                        <div class="clearfix">
                                                            <h6 class="mb-0">Samuel Owen</h6>
                                                            <small>Web Designer</small> 
                                                        </div>  
                                                    </div>
                                                </td>
                                                <td><span>Computer Science</span></td>
                                                <td><span class="text-primary">abc@gmail.com</span></td>
                                                <td><span>+91 123 456 7890</span></td>
                                                <td><span>Male</span></td>  
                                                <td><span>Delhi</span></td>
                                                <td><span class="badge badge-danger light border-0">Inactive</span></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('modals'); ?>
        <!-- Start - Modal Add New Task -->
<div class="offcanvas offcanvas-end custom-offcanvas" tabindex="-1" id="addTaskmodal">
    <div class="offcanvas-header pb-0">
        <h2 class="modal-title fs-5" id="#gridSystemModal1">Add New Task</h2>
        <button type="button" class="btn btn-square btn-danger light btn-sm ms-auto" data-bs-dismiss="offcanvas" aria-label="Close">
            <i class="fa-solid fa-xmark"></i>
        </button>
    </div>
    <div class="offcanvas-body">
        <form class="row">
            <div class="col-xl-6 mb-3">
                <label for="exampleFormControlInputfirst" class="form-label">Title<span class="text-danger">*</span></label>
                <input type="text" class="form-control" id="exampleFormControlInputfirst" placeholder="Title">
            </div>  
            <div class="col-xl-6 mb-3">
                <label class="form-label">Project<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Project</option>
                    <option value="html">HTML</option>
                    <option value="css">CSS</option>
                    <option value="javascript">JavaScript</option>
                </select>
            </div>  
            <div class="col-xl-6 mb-3">
                <label for="exampleFormControlInputthree" class="form-label">Start Date<span class="text-danger">*</span></label>
                <input type="text" class="form-control bs-datepicker" id="exampleFormControlInputthree">
            </div>
            <div class="col-xl-6 mb-3">
                <label for="exampleFormControlInputfour" class="form-label">End Date<span class="text-danger">*</span></label>
                <input type="text" class="form-control bs-datepicker" id="exampleFormControlInputfour">
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Estimated Hour<span class="text-danger">*</span></label>
                <input type="text" class="form-control bs-datepicker" value="09:30">
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Status<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Status</option>
                    <option value="In Progess">In Progess</option>
                    <option value="Pending">Pending</option>
                    <option value="Completed">Completed</option>
                </select>
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Priority<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Priority</option>
                    <option value="Hight">Hight</option>
                    <option value="Medium">Medium</option>
                    <option value="Low">Low</option>
                </select>
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Category<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Category</option>
                    <option value="Designing">Designing</option>
                    <option value="Development">Development</option>
                    <option value="react developer">React Developer</option>
                </select>
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Permission<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Permission</option>
                    <option value="Public">Public</option>
                    <option value="Private">Private</option>
                </select>
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Deadline add<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Deadline</option>
                    <option value="Yes">Yes</option>
                    <option value="No">No</option>
                </select>
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Assigned to<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Assigned</option>
                    <option value="Bernard">Bernard</option>
                    <option value="Sergey Brin">Sergey Brin</option>
                    <option value="Larry Ellison">Larry Ellison</option>
                </select>
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Responsible Person<span class="text-danger">*</span></label>
                <input name='tagify' class="form-control basic-tagify" value='James, Harry'>
            </div>
            <div class="col-xl-12 mb-3">
                <label class="form-label">Description<span class="text-danger">*</span></label>
                <textarea rows="3" class="form-control"></textarea>
            </div>
            <div class="col-xl-12 mb-3">
                <label class="form-label">Summary<span class="text-danger">*</span></label>
                <textarea rows="3" class="form-control"></textarea>
            </div>
            <div class="col-xl-12">                 
                <button class="btn btn-danger light">Cancel</button>
                <button class="btn btn-primary ms-2">Help Desk</button>
            </div>
        </form>
    </div>
</div>
<!-- End - Modal Add New Task -->
        
        <!-- Start - Add Contacts Modal -->
        <div class="offcanvas offcanvas-end custom-offcanvas" tabindex="-1" id="offcanvasExample">
            <div class="offcanvas-header pb-0">
                <h2 class="modal-title fs-5" id="#gridSystemModal">Add Employee</h2>
                <button type="button" class="btn btn-square btn-danger light btn-sm ms-auto" data-bs-dismiss="offcanvas" aria-label="Close">
                    <i class="fa-solid fa-xmark"></i>
                </button>
            </div>
            <div class="offcanvas-body">
                <div class="mb-3">
                    <label class="form-label">Profile Picture</label>
                    <form action="/employee" id="my-dropzone" class="dropzone" enctype="multipart/form-data">
                         <?php echo csrf_field(); ?>
                        <div class="dropzone-content">
                            <svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M27.1666 26.6667L20.4999 20L13.8333 26.6667" stroke="#DADADA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M20.5 20V35" stroke="#DADADA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M34.4833 30.6501C36.1088 29.7638 37.393 28.3615 38.1331 26.6644C38.8731 24.9673 39.027 23.0721 38.5703 21.2779C38.1136 19.4836 37.0724 17.8926 35.6111 16.7558C34.1497 15.619 32.3514 15.0013 30.4999 15.0001H28.3999C27.8955 13.0488 26.9552 11.2373 25.6498 9.70171C24.3445 8.16614 22.708 6.94647 20.8634 6.1344C19.0189 5.32233 17.0142 4.93899 15.0001 5.01319C12.9861 5.0874 11.015 5.61722 9.23523 6.56283C7.45541 7.50844 5.91312 8.84523 4.7243 10.4727C3.53549 12.1002 2.73108 13.9759 2.37157 15.959C2.01205 17.9421 2.10678 19.9809 2.64862 21.9222C3.19047 23.8634 4.16534 25.6565 5.49994 27.1667" stroke="#DADADA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M27.1666 26.6667L20.4999 20L13.8333 26.6667" stroke="#DADADA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                            <div class="fallback">                                                              
                                <input name="file" type="file" multiple>
                            </div>
                        </div>
                    </form> 
                </div>
                <form>
                    <div class="row">
                        <div class="col-xl-6 mb-3">
                            <label for="exampleFormControlInput1" class="form-label">Employee ID <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="">
                        </div>  
                        <div class="col-xl-6 mb-3">
                            <label for="exampleFormControlInput2" class="form-label">Employee Name<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="exampleFormControlInput2" placeholder="">
                        </div>  
                        <div class="col-xl-6 mb-3">
                            <label for="exampleFormControlInput3" class="form-label">Employee Email<span class="text-danger">*</span></label>
                            <input type="email" class="form-control" id="exampleFormControlInput3" placeholder="">
                        </div>
                        <div class="col-xl-6 mb-3">
                            <label for="exampleFormControlInput4" class="form-label">Password<span class="text-danger">*</span></label>
                            <input type="password" class="form-control" id="exampleFormControlInput4" placeholder="">
                        </div>
                        <div class="col-xl-6 mb-3">
                            <label class="form-label">Designation<span class="text-danger">*</span></label>
                            <select class="selectpicker form-select">
                                <option data-display="Select">Please select</option>
                                <option value="Software Engineer">Software Engineer</option>
                                <option value="Civil Engineer">Civil Engineer</option>
                                <option value="Web Doveloper">Web Doveloper</option>
                            </select>
                        </div>  
                        <div class="col-xl-6 mb-3">
                            <label class="form-label">Department<span class="text-danger">*</span></label>
                            <select class="selectpicker form-select">
                                <option data-display="Select">Please select</option>
                                <option value="Software">Software</option>
                                <option value="Doit">Doit</option>
                                <option value="Designing">Designing</option>
                            </select>
                        </div>
                        <div class="col-xl-6 mb-3">
                            <label class="form-label">Country<span class="text-danger">*</span></label>
                            <select class="selectpicker form-select">
                                <option data-display="Select">Please select</option>
                                <option value="Ind">Ind</option>
                                <option value="USA">USA</option>
                                <option value="UK">UK</option>
                            </select>
                        </div>
                        <div class="col-xl-6 mb-3">
                            <label for="exampleFormControlInput88" class="form-label">Mobile<span class="text-danger">*</span></label>
                            <input type="number" class="form-control type-number" id="exampleFormControlInput88" placeholder="">
                        </div>
                        <div class="col-xl-6 mb-3">
                            <label class="form-label">Gender<span class="text-danger">*</span></label>
                            <select class="selectpicker form-select">
                                <option data-display="Select">Please select</option>
                                <option value="Male">Male</option>
                                <option value="Female">Female</option>
                                <option value="Other">Other</option>
                            </select>
                        </div>
                        <div class="col-xl-6 mb-3">
                            <label for="exampleFormControlInput99" class="form-label">Joining Date<span class="text-danger">*</span></label>
                            <input type="text" class="form-control bs-datepicker" id="exampleFormControlInput99">
                        </div>
                        <div class="col-xl-6 mb-3">
                            <label for="exampleFormControlInput8" class="form-label">Date of Birth<span class="text-danger">*</span></label>
                            <input type="text" class="form-control bs-datepicker" id="exampleFormControlInput8">
                        </div>
                        <div class="col-xl-6 mb-3">
                            <label for="exampleFormControlInput10" class="form-label">Reporting To<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="exampleFormControlInput10" placeholder="">
                        </div>      
                        <div class="col-xl-6 mb-3">
                            <label class="form-label">Language Select<span class="text-danger">*</span></label>
                            <select class="selectpicker form-select">
                                <option data-display="Select">Please select</option>
                                <option value="English">English</option>
                                <option value="Hindi">Hindi</option>
                                <option value="Canada">Canada</option>
                            </select>
                        </div>
                        <div class="col-xl-6 mb-3">
                            <label class="form-label">User Role<span class="text-danger">*</span></label>
                            <select class="selectpicker form-select">
                                <option data-display="Select">Please select</option>
                                <option value="html">Parmanent</option>
                                <option value="css">Parttime</option>
                                <option value="javascript">Per Hours</option>
                            </select>
                        </div>
                        <div class="col-xl-12 mb-3">
                            <label class="form-label">Address<span class="text-danger">*</span></label>
                            <textarea rows="2" class="form-control"></textarea>
                        </div>
                        <div class="col-xl-12 mb-3">
                            <label class="form-label">About<span class="text-danger">*</span></label>
                            <textarea rows="2" class="form-control"></textarea>
                        </div>  
                    </div>
                    <div class="clearfix">
                        <button class="btn btn-danger light">Cancel</button>
                        <button class="btn btn-primary me-2">Submit</button>
                    </div>
                </form>
            </div>
        </div>
        <!-- End - Add Contacts Modal -->
        
        <!-- Start - Invite Customer Modal -->
        <div class="modal fade" id="exampleModal1" tabindex="-1" aria-labelledby="exampleModalLabel1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h2 class="modal-title fs-5" id="exampleModalLabel1">Invite Customer</h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-xl-12 mb-3">
                                <label class="form-label">Email ID<span class="text-danger">*</span></label>
                                <input type="email" class="form-control" placeholder="hello@gmail.com">
                            </div>
                            <div class="col-xl-12 mb-3">
                                <label class="form-label">Employment date<span class="text-danger">*</span></label>
                                <input class="form-control bs-datepicker" type="text">
                            </div>
                            <div class="col-xl-6 mb-3">
                                <label class="form-label">First Name<span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                            <div class="col-xl-6 mb-3">
                                <label class="form-label">Last Name<span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                            <div class="col-xl-12 mb-3">
                                <label class="form-label">Send invitation email <span class="text-danger">*</span></label>
                                <input type="email" class="form-control text-center" placeholder=" + invite ">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary">Save changes</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- End - Invite Customer Modal -->
<?php $__env->stopPush(); ?>
<?php $__env->startPush('scripts'); ?>
<script type="text/javascript">
    Dropzone.autoDiscover = false;

const myDropzone = new Dropzone("#my-dropzone", {
    url: "/employee/upload", 
    method: "post",
    paramName: "file",
    headers: {
        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
    },
    init: function () {
        this.on("success", function (file, response) {
            // console.log("Upload success:", response);
        });

        this.on("error", function (file, errorMessage) {
            console.error("Upload error:", errorMessage);
        });
    }
});
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.default', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\xampp82\htdocs\products\wajid-templates\w3crm-laravel\package\resources\views/W3crm/dashboard/employee.blade.php ENDPATH**/ ?>