<!DOCTYPE html>

<html lang="en">



<head>

  <meta charset="utf-8">

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

  <title>Shubham Enterprise</title>

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

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


  <!-- Favicons -->

  <link href="{{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="{{url('https://fonts.gstatic.com')}}" rel="preconnect">

  <link href="{{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="{{url('assets/vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">

  <link href="{{url('assets/vendor/bootstrap-icons/bootstrap-icons.css')}}" rel="stylesheet">

  <link href="{{url('assets/vendor/boxicons/css/boxicons.min.css')}}" rel="stylesheet">

  <link href="{{url('assets/vendor/quill/quill.snow.css')}}" rel="stylesheet">

  <link href="{{url('assets/vendor/quill/quill.bubble.css')}}" rel="stylesheet">

  <link href="{{url('assets/vendor/remixicon/remixicon.css')}}" rel="stylesheet">

  <link href="{{url('assets/vendor/simple-datatables/style.css')}}" rel="stylesheet">



  <!-- Template Main CSS File -->

  <link href="{{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/

  ======================================================== -->
@yield('header')
  <style type="text/css">
    thead{
        background: #efefef;
    }
    /*tfoot{
        font-size: 9px !important;
    }*/
    .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;
    }

    .primary-btn {
        background: #004f6f !important;
    }

    .btn-primary {
        background: #004f6f !important;
    } 

    .color-green {
        color: #004f6f !important;
    }

    .page-item.active .page-link {
        background-color: #004f6f !important;
        border-color: #004f6f !important;
    }

    .success-btn {
        background: #004f6f !important;
    }  

    #header {
        background: #efeaea !important;
    }

    .nav-link { 
        color: #004f6f !important;
    }

    #components-nav a {
        color: #004f6f !important;
    }

    #management-nav a {
        color: #004f6f !important;
    }

    /*.table-responsive thead {
        background: #d3d3d39c !important;
    }

    .table-responsive tbody {
        border-color: inherit;
        border-style: hidden !important;
        border-width: 0;
    }*/

    .table-responsive {
        overflow: hidden !important;
    }

    .page-titles {
        margin-bottom: 1%;
    }

    .container-fluid {
        padding: 0% !important;
    }

    .paginate_button {
        padding: 0px !important;
    }

    .page-link {
        font-size: 10px;
    }

    .bg-grey {
        background-color: #d3d3d35e !important;
    }

    input {
        height: 32px !important;
    }

    body {
        font-size: 12px !important;
    }
    .branch-heading {
        margin-left: 8%;
        margin-top: 1%;
    }

    .file {
        max-height: 100px;
        max-width: 100px;
    }
</style>
<style>
    .menu-nav {
       
        display: flex;
        justify-content: space-between;
      }
      
      .menu-item {
        color: #FCC;
        padding: 3px;
      }
      
      .three-dots:after {
        cursor: pointer;
        color: #444;
        content: '\2807';
        font-size: 20px;
        padding: 0 5px;
      }
      
      .menu-nav a {
        text-decoration: none;
        color: black;
      }
      
      .menu-nav a div {
        padding: 2px;
      }
      
      .dropdown {
        position: absolute;
        right: 10px;
        background-color: #d3d3d35e;
        
        outline: none;
        opacity: 0;
        z-index: -1;
        max-height: 0;
        transition: opacity 0.1s, z-index 0.1s, max-height: 5s;
      }
      
      .dropdown-container:focus {
        outline: none;
      }
      
      .dropdown-container:focus .dropdown {
        opacity: 1;
        z-index: 100;
        max-height: 100vh;
        transition: opacity 0.2s, z-index 0.2s, max-height: 0.2s;
      }
</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="{{url('/index')}}" class="d-flex align-items-center">

            @if (Auth::check() && Auth::user()->company && Auth::user()->company->logo)

            <img class="mb-3" alt="avatar1" src="{{ url('public/Image/'.Auth::user()->company->logo) }}" title="{{Auth::user()->name}}" style="height:50px; margin-top: 15px;">

            @else

            <img class="mb-3" alt="avatar1" src="https://seeklogo.com/images/E/enterprise-logo-1407C7D1B1-seeklogo.com.gif" title="{{Auth::user()->name}}" style="height:70px; margin-top: 15px;">

            @endif

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

        </a>

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

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

    <div class="branch-heading">
        
    </div>

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

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

        <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">

               @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>

               @else

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

               @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 > {{ Auth::user()->name }} </h6>

              <span></span>

            </li>

            <li>

              <a class="dropdown-item d-flex align-items-center" href="{{url('seller/shop/setting')}}">

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

                <span>My Profile</span>

              </a>

            </li>

            <li>

              <a class="dropdown-item d-flex align-items-center" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('frm-logout').submit();">
                  <i class="bi bi-box-arrow-right"></i>

                    <span>Logout</span>
              </a>

              <form id="frm-logout" action="{{ route('logout') }}" method="POST" style="display: none;">

                 {{ 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">


    @can('dashboard.dashboard')
      <li class="nav-item">

        <a class="nav-link {{ request()->segment(2)=='dashboard'?'active-tab':'' }}" href="{{route('company.dashboard')}}">

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

          <span>Dashboard </span>

        </a>

      </li>
    @endcan
    @can('role.manage')

      <li class="nav-item">

        <a href="{{route('company.roles')}}" class="nav-link {{ request()->segment(2)=='roles'?'active-tab':'' }} {{ request()->segment(2)=='role'?'active-tab':'' }}">

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

          <span>Manage Roles </span>

        </a>

      </li>
    @endcan

    @can('user.manage')

    <li class="nav-item">

        <a href="{{route('seller.users')}}" class="nav-link {{ request()->segment(2)=='users'?'active-tab':'' }} {{ request()->segment(2)=='user'?'active-tab':'' }}">

          <i class="bi bi-list"></i><span>Users</span>

        </a>

    </li>

    @endcan

    <li class="nav-item">

        <a href="{{route('seller.locations')}}" class="nav-link {{ request()->segment(2)=='locations'?'active-tab':'' }} {{ request()->segment(2)=='location'?'active-tab':'' }}">

          <i class="bi bi-list"></i><span>Location</span>

        </a>

    </li>

    <li class="nav-item">

        <a href="{{route('seller.reports')}}" class="nav-link {{ request()->segment(2)=='reports'?'active-tab':'' }} {{ request()->segment(2)=='report'?'active-tab':'' }}">

          <i class="bi bi-list"></i><span>Report</span>

        </a>

    </li>
    
    @can('branch.manage')
      <li class="nav-item">

        <a class="nav-link {{ request()->segment(2)=='shop'?'active-tab':'' }}" href="{{route('seller.shop.setting')}}">

          <i class="bi bi-person"></i><span>Shop Setting</span>

        </a>

      </li>
    @endcan

    <li class="nav-item">

      <a class="nav-link" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('frm-logout').submit();">

          <i class="bi bi-box-arrow-right"></i><span>Logout</span>

        </a>

      <form id="frm-logout" action="{{ route('logout') }}" method="POST" style="display: none;">

         {{ csrf_field() }}

      </form>

    </li>


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


    


</body>
