<!DOCTYPE html>

<html lang="en">



<head>

  <meta charset="utf-8">

  <meta content="width=device-width, initial-scale=1.0" name="viewport">



  <title>Tada</title>

  <meta content="" name="description">

  <meta content="" name="keywords">


  <!-- Favicons -->

  <link href="<?php echo e(url('public/download.png')); ?>" rel="icon" type="image/x-icon">


  <!-- Google Fonts -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" >

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>


  <link href="<?php echo e(url('https://fonts.gstatic.com')); ?>" rel="preconnect">

  <link href="<?php echo e(url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i')); ?>" rel="stylesheet">

  <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

  <link href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css" rel="stylesheet" />

  <link href="https://cdn.datatables.net/responsive/2.4.1/css/responsive.dataTables.min.css" rel="stylesheet" />

  <link href="https://cdn.datatables.net/buttons/2.3.6/css/buttons.dataTables.min.css" rel="stylesheet" />

  <!-- Vendor CSS Files -->

  <link href="<?php echo e(url('assets/vendor/bootstrap/css/bootstrap.min.css')); ?>" rel="stylesheet">

  <link href="<?php echo e(url('assets/vendor/bootstrap-icons/bootstrap-icons.css')); ?>" rel="stylesheet">

  <link href="<?php echo e(url('assets/vendor/boxicons/css/boxicons.min.css')); ?>" rel="stylesheet">

  <link href="<?php echo e(url('assets/vendor/quill/quill.snow.css')); ?>" rel="stylesheet">

  <link href="<?php echo e(url('assets/vendor/quill/quill.bubble.css')); ?>" rel="stylesheet">

  <link href="<?php echo e(url('assets/vendor/remixicon/remixicon.css')); ?>" rel="stylesheet">

  <link href="<?php echo e(url('assets/vendor/simple-datatables/style.css')); ?>" rel="stylesheet">



  <!-- Template Main CSS File -->

  <link href="<?php echo e(url('assets/css/style.css')); ?>" rel="stylesheet">





  <!-- =======================================================

  * Template Name: NiceAdmin - v2.5.0

  * Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/

  * Author: BootstrapMade.com

  * License: https://bootstrapmade.com/license/

  ======================================================== -->

  <style type="text/css">
    thead{
        font-size: 12px;
    }
    tfoot{
        font-size: 13px;
    }
    .search-field {
        height: 96%;
    }
    .bg-soft-dark {
        background-color: var(--soft-dark) !important;
    }
    .badge-md {
        height: 24px;
        width: 24px;
        font-size: 0.75rem;
    }
    .badge-inline {
        width: auto;
    }
    .select2-selection {
        height: 34px !important;
    }
    .select2-selection__rendered {
        margin-top: 2px !important;
    }
    .select2-selection__arrow {
        margin-top: 2px !important;
    }
    .mt-14 {
        margin-top: 14%;
    }
    .mt-10 {
        margin-top: 10%;
    }
    .mt-29 {
        margin-top: 29px;
    }
</style>

<style>
    .switch {
      position: relative;
      display: inline-block;
      width: 50px;
      height: 24px;
    }

    .switch input {
      opacity: 0;
      width: 0;
      height: 0;
    }

    .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: 18px;
      width: 18px;
      left: 4px;
      bottom: 3px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }

    input:checked + .slider {
      background-color: #95cc47;
    }

    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%;
    }

    .bg-grad-1 {
        background-color: #875fc0;
        background-image: linear-gradient(315deg, #875fc0 0%, #5346ba 74%);
    }

    .bg-grad-3 {
        background-color: #47c5f4;
        background-image: linear-gradient(315deg, #47c5f4 0%, #6791d9 74%);
    }

    .bg-grad-2 {
        background-color: #eb4786;
        background-image: linear-gradient(315deg, #eb4786 0%, #b854a6 74%);
    }

    .bg-grad-4 {
        background-color: #ff7f4d;
        background-image: linear-gradient(315deg, #ff7f4d 0%, #ff7f4d 74%);
        color: white;
    }

    .right-search {
        margin-left: 28%;
    }

    .btn-primary {
        background-color: #ff7f4d;
        background-image: linear-gradient(315deg, #ff7f4d 0%, #ff7f4d 74%);
        color: white;
    }



    .input-group-text {
/*             background: #ee0d0d; */
/*             color: #fff; */
/*             border: 1px solid #ee0d0d; */
/*            border-radius: 0px !important;*/
    }
    .serviceattr {
        width: 925px !important;
    }

/* //pagination style start */
.pagination {
text-align: right;
float: right;
}

.pagination-list {
list-style: none;
padding: 0;
margin: 0;
}

.pagination-item {
display: inline-block;
border: 1px solid black;
}

.pagination-link {
display: inline-block;
padding: 7px 12px;
background-color: rgb(255, 72, 0);
color: black;
text-decoration: none;
}

.pagination-link:hover {
background-color: #ff7f4d;
}

.pagination-item.active .pagination-link {
background-color: rgb(255, 72, 0);
color: #fff;
}

# Footer
--------------------------------------------------------------*/
.footer {

  font-size: 14px;
  transition: all 0.3s;
  border-top: 1px solid #cddfff;
}

.footer .copyright {
  text-align: center;
  color: #012970;
}

.footer .credits {
  margin-top: 60px;
  padding-top: 5px;
  text-align: center;
  font-size: 15px;
  color: #012970;
}

.footer .credits p {
  margin-top: 60px;
  margin-bottom: 25px;

}
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #ffff;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: rgb(255, 72, 0);
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: rgb(255, 72, 0);
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

</style>

</head>

<body>

  <!-- ======= Header ======= -->

  <header id="header" class="header fixed-top d-flex align-items-center">



    <div class="d-flex align-items-center justify-content-between ">



      <a href="<?php echo e(url('/index')); ?>" class="d-flex align-items-center">



      <!--   <div class="rounded-circle border d-flex justify-content-center align-items-center"

                     style="width:60px;height:60px" alt="Avatar"> -->

            <div>

            <?php if(Session::get('logo')): ?>

            <img class="mb-3" alt="avatar1" src="<?php echo e(url('public/Image/'.Session::get('logo'))); ?>"style="height:50px; margin-top: 15px;">

            <?php else: ?>

            <i class="bi bi-house-door-fill" style="font-size: 50px;"></i>

            <?php endif; ?>

            </div>

         <!-- </div> -->

        <span class="d-none d-lg-block"></span>

      </a>

      <i class="bi bi-list toggle-sidebar-btn"></i>

    </div><!-- End Logo -->



    <nav class="header-nav ms-auto">

      <ul class="d-flex align-items-center">

         <!-- <li class="search-bar">

          <div>

          <form class="search-form d-flex align-items-center" method="POST" action="#">

            <?php echo csrf_field(); ?>

            <input type="text" name="searchquery" placeholder="Search" title="Enter search keyword" required>

            <button type="submit" title="Search"><i class="bi bi-search"></i></button>

          </form>

         </div>

        </li> -->

        <li class="nav-item d-block d-lg-none">

          <a class="nav-link nav-icon search-bar-toggle " href="#">

            <i class="bi bi-search"></i>

          </a>

        </li><!-- End Search Icon-->


        <li class="nav-item dropdown pe-3">

          <a class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">

               <?php if(Auth::user()->profile==null): ?>

                <div class="rounded-circle border d-flex justify-content-center align-items-center"

                     style="width:49px;height:48px" alt="Avatar">

                    <i class="bi bi-person-circle " style="font-size: 49px;"></i>

                </div>

               <?php else: ?>

                <img  src="<?php echo e(url('public/Image/'.Auth::user()->profile)); ?>" alt="avatar1" class="rounded-circle"   style="height:47px; width:37px;">

               <?php endif; ?>

               <span class="d-none d-md-block dropdown-toggle ps-2"></span>

          </a><!-- End Profile Iamge Icon -->


          <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">


            <li class="dropdown-header">

              <h6 > <?php echo e(Auth::user()->name); ?> </h6>

              <span></span>

            </li>

            <li>

              <a class="dropdown-item d-flex align-items-center" href="<?php echo e(url('/users-profile')); ?>">

                <i class="bi bi-person"></i>

                <span>My Profile</span>

              </a>

            </li>

            <li>

              <a class="dropdown-item d-flex align-items-center" href="<?php echo e(route('logout')); ?>" onclick="event.preventDefault(); document.getElementById('frm-logout').submit();">Logout</a>

              <form id="frm-logout" action="<?php echo e(route('logout')); ?>" method="POST" style="display: none;">

                 <?php echo e(csrf_field()); ?>


              </form>

            </li>

          </ul><!-- End Profile Dropdown Items -->

        </li><!-- End Profile Nav -->

      </ul>

    </nav><!-- End Icons Navigation -->



  </header><!-- End Header -->



  <!-- ======= Sidebar ======= -->

  <aside id="sidebar" class="sidebar" >

    <ul class="sidebar-nav" id="sidebar-nav">



      <li class="nav-item">

        <a class="nav-link " href="<?php echo e(url('/index')); ?>">

         <i class="bi bi-speedometer2"></i>

          <span>Dashboard</span>

        </a>

      </li><!-- End Dashboard Nav -->

      <li class="nav-item">

        <a class="nav-link collapsed" data-bs-target="#components-nav" data-bs-toggle="collapse" href="#">

          <i class="bi bi-menu-button-wide"></i><span>Manage Roles</span><i class="bi bi-chevron-down ms-auto"></i>

        </a>

        <ul id="components-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>

            <a href="<?php echo e(url('/addroles')); ?>">

              <i class="bi bi-circle"></i><span>Roles</span>

            </a>

          </li>
        

          <li>

            <a href="<?php echo e(url('/showallusers')); ?>">

              <i class="bi bi-circle"></i><span>Employee</span>

            </a>

          </li>

          <li>

            <a href="<?php echo e(url('/customers')); ?>">

              <i class="bi bi-circle"></i><span>Customers</span>

            </a>

          </li>

          <li>

            <a href="<?php echo e(url('/groups')); ?>">

              <i class="bi bi-circle"></i><span>Group</span>

            </a>

          </li>

          <li>

            <a href="<?php echo e(url('/headquaters')); ?>">

              <i class="bi bi-circle"></i><span>Headquarter</span>

            </a>

          </li>


        </ul>

      </li>



     

       <li class="nav-item">

        <a class="nav-link collapsed" data-bs-target="#forms-nav" data-bs-toggle="collapse" href="#">

        <i class="bi bi-person-fill-gear"></i><span>Product</span><i class="bi bi-chevron-down ms-auto"></i>

        </a>

        <ul id="forms-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">

          <li>

            <a href="<?php echo e(url('products')); ?>">

              <i class="bi bi-circle"></i><span>Manage Product</span>

            </a>

          </li>

          <li>

            <a href="<?php echo e(url('addproduct/create')); ?>">

              <i class="bi bi-circle"></i><span>Add Product</span>

            </a>

          </li>

          <!--  <li>

            <a href="<?php echo e(url('brandmaster')); ?>">

              <i class="bi bi-circle"></i><span>Brand Master</span>

            </a>

          </li> -->



          <li>

            <a href="<?php echo e(url('category')); ?>">

              <i class="bi bi-circle"></i><span>Category Master</span>

            </a>

          </li>
 


        </ul>

      </li><!-- End Forms Nav -->




      <li class="nav-item">

            <a class="nav-link collapsed" href="<?php echo e(url('orders')); ?>">

              <i class="bi bi-card-text"></i><span>Orders</span>

            </a>

      </li>


      <li class="nav-item">

            <a class="nav-link collapsed" href="<?php echo e(route('company.index')); ?>">

              <i class="bi bi-person"></i><span>Company</span>

            </a>

      </li>


      <li class="nav-item">

        <a class="nav-link collapsed" href="<?php echo e(url('attendence')); ?>">

        <i class="bi bi-person"></i><span>Attendence</span>

        </a>

      </li>

      
      <li class="nav-item">

            <a class="nav-link collapsed" href="<?php echo e(url('report')); ?>">

              <i class="bi bi-sliders"></i><span> Today Reports</span>

            </a>

      </li>


        <li class="nav-item">

            <a class="nav-link collapsed" href="<?php echo e(url('leave')); ?>">

            <i class="bi bi-person-fill-gear"></i><span>Leave</span>

            </a>

        </li>

      <li class="nav-item">

            <a class="nav-link collapsed" href="<?php echo e(url('info_alerts')); ?>">

            <i class="bi bi-card-text"></i><span>Info-Alert</span>

            </a>

        </li>


      <li class="nav-item">

        <a class="nav-link collapsed" href="<?php echo e(url('complain')); ?>">

             <i class="bi bi-sliders"></i><span>Complains</span>

        </a>

      </li>

        <li class="nav-item">

            <a class="nav-link collapsed" href="<?php echo e(url('suggestions')); ?>">

            <i class="bi bi-card-text"></i><span>Suggestion</span>

            </a>

        </li>

        <li class="nav-item">

            <a class="nav-link collapsed" href="<?php echo e(url('ta_da')); ?>">

            <i class="bi bi-person-fill-gear"></i><span>TA & DA</span>

            </a>

        </li>


      <li class="nav-item">

        <a class="nav-link collapsed" data-bs-target="#tables-nav" data-bs-toggle="collapse" href="#">

          <i class="bi bi-layout-text-window-reverse"></i><span>Setting</span><i class="bi bi-chevron-down ms-auto"></i>

        </a>

        <ul id="tables-nav" class="nav-content collapse" data-bs-parent="#sidebar-nav">

          <li>

            <a href="<?php echo e(url('home_setting')); ?>">

              <i class="bi bi-circle"></i><span>Home Setting</span>

            </a>

          </li>

        </ul>

      </li>  <!-- End Pool Nav -->

    </ul>

  </aside><!-- End Sidebar-->

  <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/responsive/2.4.1/js/dataTables.responsive.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.6/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.colVis.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#example').DataTable( {
                dom: 'Bfrtip',
                stateSave: true,
                "bDestroy": true,
            } );
        } );
    </script>
     <!-- Validetor -->

    <script src="<?php echo e(asset('plugins/jquery-validation/jquery.validate.min.js')); ?>"></script>



    <!-- Init files -->

    <!-- <script src="<?php echo e(asset('js/dashboard/dashboard-1.js')); ?>"></script> -->

    <script src="<?php echo e(asset('js/plugins-init/datatables.init.js')); ?>"></script>

    <script src="<?php echo e(asset('js/plugins-init/jquery.validate-init.js')); ?>"></script>



     <!-- tinymce -->

    <script src="<?php echo e(asset('plugins/tinymce/tinymce.min.js')); ?>"></script>

    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
        $('.select2').select2();
    });
    </script>

    <script type="text/javascript">

        $(document).ready(function (e) {


           $('#image').change(function(){

            let reader = new FileReader();

            reader.onload = (e) => {

              $('#preview-image-before-upload').attr('src', e.target.result);
            }

            reader.readAsDataURL(this.files[0]);

           });

        });

    </script>

    <script>

        tinymce.init({

            selector: ".summernote",

            height: 400,

            menubar: false,

            plugins: 'print preview paste importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists wordcount imagetools textpattern noneditable help charmap quickbars emoticons',

            toolbar: 'undo redo | bold italic underline strikethrough | fontselect fontsizeselect formatselect | forecolor backcolor removeformat | alignleft aligncenter alignright alignjustify | insertfile image media link | outdent indent |  numlist bullist | pagebreak | charmap emoticons | fullscreen  preview print | ltr rtl | codesample code',

            toolbar_sticky: true,

            toolbar_mode: 'sliding',

            emoticons_append: {

                custom_mind_explode: {

                  keywords: ['brain', 'mind', 'explode', 'blown'],

                  char: '🤯'

                }

              },



            /* enable title field in the Image dialog*/

            image_title: true,

            /* enable automatic uploads of images represented by blob or data URIs*/

            automatic_uploads: true,

            /*

                URL of our upload handler (for more details check: https://www.tiny.cloud/docs/configure/file-image-upload/#images_upload_url)

                images_upload_url: 'postAcceptor.php',

                here we add custom filepicker only to Image dialog

            */

            file_picker_types: 'image',

            /* and here's our custom image picker*/

            file_picker_callback: function (cb, value, meta) {

                var input = document.createElement('input');

                input.setAttribute('type', 'file');

                input.setAttribute('accept', 'image/*');



                /*

                Note: In modern browsers input[type="file"] is functional without

                even adding it to the DOM, but that might not be the case in some older

                or quirky browsers like IE, so you might want to add it to the DOM

                just in case, and visually hide it. And do not forget do remove it

                once you do not need it anymore.

                */



                input.onchange = function () {

                var file = this.files[0];



                var reader = new FileReader();

                reader.onload = function () {

                    /*

                    Note: Now we need to register the blob in TinyMCEs image blob

                    registry. In the next release this part hopefully won't be

                    necessary, as we are looking to handle it internally.

                    */

                    var id = 'blobid' + (new Date()).getTime();

                    var blobCache =  tinymce.activeEditor.editorUpload.blobCache;

                    var base64 = reader.result.split(',')[1];

                    var blobInfo = blobCache.create(id, file, base64);

                    blobCache.add(blobInfo);



                    /* call the callback and populate the Title field with the file name */

                    cb(blobInfo.blobUri(), { title: file.name });

                };

                reader.readAsDataURL(file);

                };



                input.click();

            },

            //content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'

    });

    $().ready(function(){

      $('.alert').delay(2000);
       $('.alert').hide(3000);
    })

  </script>


</body>
<?php /**PATH /home/vinecork/public_html/webdev/Company/resources/views/frontend/layouts/header.blade.php ENDPATH**/ ?>