TopNav, SideBar

- Bagian notifikasi sudah ditandai
 avatar
FIKRI
php_laravel_blade
2 years ago
29 kB
4
Indexable
Never
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Sumber Mulia POS</title>

  <!-- CSS -->
  <link rel="stylesheet" href="{{ asset('assets/vendors/iconfonts/mdi/css/materialdesignicons.min.css') }}">
  <link rel="stylesheet" href="{{ asset('assets/vendors/iconfonts/ionicons/css/ionicons.css') }}">
  <link rel="stylesheet" href="{{ asset('assets/vendors/iconfonts/typicons/src/font/typicons.css') }}">
  <link rel="stylesheet" href="{{ asset('assets/vendors/iconfonts/flag-icon-css/css/flag-icon.min.css') }}">
  <link rel="stylesheet" href="{{ asset('assets/vendors/css/vendor.bundle.base.css') }}">
  <link rel="stylesheet" href="{{ asset('assets/vendors/css/vendor.bundle.addons.css') }}">
  <link rel="stylesheet" href="{{ asset('assets/css/shared/style.css') }}">
  <link rel="stylesheet" href="{{ asset('assets/css/demo_1/style.css') }}">
  <link rel="stylesheet" href="{{ asset('css/main/style.css') }}">
  <link rel="shortcut icon" href="{{ asset('icons/favicon.png') }}" />
  <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="{{ asset('plugins/css/select2.min.css') }}">
  @yield('css')
  <!-- End-CSS -->

</head>

<body>
  <div class="container-scroller" id="app">
    <!-- TopNav -->
    <nav class="navbar default-layout col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
      <div class="text-center navbar-brand-wrapper d-flex align-items-top justify-content-center">
        <a class="navbar-brand brand-logo" href="{{ url('/dashboard') }}">
          {{-- <img src="{{ asset('icons/logo.png') }}" alt="logo" /> --}}
          <strong>CV. Anzac Food</strong>
        </a>
        <a class="navbar-brand brand-logo-mini" href="{{ url('/dashboard') }}">
          <img src="{{ asset('icons/logo-mini.png') }}" alt="logo" />
        </a>
      </div>
      <div class="navbar-menu-wrapper d-flex align-items-center">
        <form class="search-form d-none d-md-block" action="#">
          <div class="form-group">
            <input type="search" class="form-control" name="search_page" placeholder="Cari Halaman">
          </div>
        </form>
        <ul class="navbar-nav ml-auto">
          {{-- ===================== NOTIFIKASI =========================== --}}
          <li class="nav-item dropdown">
            @php
            $cek_supply_system = \App\Supply_system::first();
            $jumlah_notif = \App\Product::where('stok', '<', 10) ->count();
              $notifications = \App\Product::where('stok', '<', 10) ->get();
                $notification = \App\Product::where('stok', '<', 10) ->take(3)
                  ->get();
                  @endphp
                  <a class="nav-link count-indicator" id="notificationDropdown" href="#" data-toggle="dropdown">
                    <i class="mdi mdi-bell-outline"></i>
                    @if($cek_supply_system->status == 1)
                    @if($jumlah_notif != 0)
                    <span class="count bg-success">{{ $jumlah_notif }}</span>
                    @endif
                    @endif
                  </a>
                  <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list pb-0"
                    aria-labelledby="notificationDropdown">
                    <div class="dropdown-item py-3 border-bottom">
                      @if($cek_supply_system->status == 1)
                      <p class="mb-0 font-weight-medium float-left">Anda Memiliki {{ $jumlah_notif }} Pemberitahuan</p>
                      @else
                      <p class="mb-0 font-weight-medium float-left">Anda Memiliki 0 Pemberitahuan</p>
                      @endif
                      <a href="#" role="button" data-toggle="modal" data-target="#notificationModal"><span
                          class="badge badge-pill badge-primary float-right">Semua</span></a>
                    </div>
                    @if($cek_supply_system->status == 1)
                    @foreach($notification as $notif)
                    @if($notif->stok != 0)
                    <a class="dropdown-item preview-item py-3">
                      <div class="preview-thumbnail">
                        <i class="mdi mdi-alert m-auto text-warning"></i>
                      </div>
                      <div class="preview-item-content">
                        <h6 class="preview-subject font-weight-normal text-dark mb-1">Barang Hampir Habis</h6>
                        <p class="font-weight-light small-text mb-0"> Stok {{ $notif->nama_barang }} tersisa {{
                          $notif->stok }} </p>
                      </div>
                    </a>
                    @else
                    <a class="dropdown-item preview-item py-3">
                      <div class="preview-thumbnail">
                        <i class="mdi mdi-alert m-auto text-danger"></i>
                      </div>
                      <div class="preview-item-content">
                        <h6 class="preview-subject font-weight-normal text-dark mb-1">Barang Telah Habis</h6>
                        <p class="font-weight-light small-text mb-0"> Stok barang {{ $notif->nama_barang }} telah habis
                        </p>
                      </div>
                    </a>
                    @endif
                    @endforeach
                    @endif
                  </div>
          </li>
          {{-- ============================================================= --}}
          <li class="nav-item dropdown d-xl-inline-block user-dropdown">
            <a class="nav-link dropdown-toggle" id="UserDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
              <img class="img-xs rounded-circle" src="{{ asset('pictures/' . auth()->user()->foto) }}"
                alt="Profile image">
            </a>
            <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="UserDropdown">
              <div class="dropdown-header text-center">
                <img class="img-md rounded-circle" src="{{ asset('pictures/' . auth()->user()->foto) }}"
                  alt="Profile image">
                <p class="mb-1 mt-3 font-weight-semibold">{{ auth()->user()->nama }}</p>
                <p class="font-weight-light text-muted mb-0">{{ auth()->user()->email }}</p>
              </div>
              <a href="{{ url('/profile') }}" class="dropdown-item">Profil</a>
              <a href="{{ url('/logout') }}" class="dropdown-item">Sign Out</a>
            </div>
          </li>
        </ul>
        <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button"
          data-toggle="offcanvas">
          <span class="mdi mdi-menu"></span>
        </button>
      </div>
    </nav>
    <!-- End-TopNav -->

    <div class="container-fluid page-body-wrapper">
      <!-- SideNav -->
      <nav class="sidebar sidebar-offcanvas" id="sidebar">
        <ul class="nav">
          <li class="nav-item nav-profile">
            <a href="{{ url('/profile') }}" class="nav-link">
              <div class="profile-image">
                <img class="img-xs rounded-circle" src="{{ asset('pictures/' . auth()->user()->foto) }}"
                  alt="profile image">
                <div class="dot-indicator bg-success"></div>
              </div>
              <div class="text-wrapper">
                @php
                $user_name = auth()->user()->nama;
                if(strlen($user_name) > 12){
                $nama = substr($user_name, 0, 12) . '..';
                }else{
                $nama = $user_name;
                }
                @endphp
                <p class="profile-name">{{ $nama }}</p>
                <p class="designation">{{ auth()->user()->role }}</p>
              </div>
            </a>
          </li>
          <li class="nav-item nav-category">Daftar Menu</li>
          <li class="nav-item">
            <a class="nav-link" href="{{ url('/dashboard') }}">
              <span class="menu-title">Dashboard</span>
            </a>
          </li>
          @php
          $access = \App\Acces::where('user', auth()->user()->id)
          ->first();
          @endphp
          @if($access->kelola_akun == 1)
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#kelola_akun" aria-expanded="false"
              aria-controls="kelola_akun">
              <span class="menu-title">Kelola Akun</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="kelola_akun">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/account') }}">Daftar Akun</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/access') }}">Hak Akses</a>
                </li>
              </ul>
            </div>
          </li>
          @endif
          @if($access->kelola_ppn == 1)
          <li class="nav-item">
            <a class="nav-link" href="{{ url('/ppn') }}">
              <span class="menu-title">Kelola PPN</span>
            </a>
          </li>
          @endif
          @if($access->kelola_barang == 1)
          @if(\App\Supply_system::first()->status == true)
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#kelola_barang" aria-expanded="false"
              aria-controls="kelola_barang">
              <span class="menu-title">Kelola Barang</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="kelola_barang">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/product') }}">Daftar Barang</a>
                </li>
                {{-- @if($user = \App\User::where('id', auth()->user()->id)->first()->role != 'kasir')
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/supply') }}">Pasok Barang</a>
                </li>
                @endif --}}
                @if(Auth::user()->role == 'admin' || Auth::user()->role == 'super_admin' || Auth::user()->id == 10)
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/supply') }}">Pasok Barang</a>
                </li>
                <!-- <li class="nav-item">
                  <a class="nav-link" href="{{ url('/editSupply') }}">Edit/Batal Pasok Barang</a>
                </li> -->
                @if (Auth::user()->role == 'super_admin' || Auth::user()->role == 'admin')
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/aktivitas_stok') }}">Aktivitas Update Stok</a>
                </li>
                @endif
                @endif
              </ul>
            </div>
          </li>
          @else
          <li class="nav-item">
            <a class="nav-link" href="{{ url('/product') }}">
              <span class="menu-title">Kelola Barang</span>
            </a>
          </li>
          @endif
          @endif
          @if($access->kelola_supplier == 1)
          <li class="nav-item">
            <a class="nav-link" href="{{ url('/suppliers') }}">
              <span class="menu-title">Supplier</span>
            </a>
          </li>
          @endif
          @if($access->kelola_customer == 1)
          <li class="nav-item">
            <a class="nav-link" href="{{ url('/customers') }}">
              <span class="menu-title">Customer</span>
            </a>
          </li>
          @endif
          @if($access->kelola_laporan == 1)
          <li class="nav-item">
            <a class="nav-link" href="{{ url('/payable') }}">
              <span class="menu-title">Payable</span>
            </a>
          </li>
          @endif
          @if($access->kelola_laporan == 1)
          <li class="nav-item">
            <a class="nav-link" href="{{ url('/receivable') }}">
              <span class="menu-title">Receivable</span>
            </a>
          </li>
          @endif
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#retur" aria-expanded="false" aria-controls="retur">
              <span class="menu-title">Retur</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="retur">
              <ul class="nav flex-column sub-menu">
                @if (Auth::user()->role == 'kasir' || Auth::user()->role == 'admin' || Auth::user()->role ==
                'super_admin')
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/retur/retur_customer') }}">Retur Customer</a>
                </li>
                @endif
                @if (Auth::user()->role == 'admin' || Auth::user()->role == 'super_admin')
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/retur/retur_supplier') }}">Retur Supplier</a>
                </li>
                @endif
              </ul>
            </div>
          </li>
          @if($access->transaksi == 1)
          <!-- <li class="nav-item">
            <a class="nav-link" href="{{ url('/transaction') }}">
              <span class="menu-title">Transaksi</span>
            </a>
          </li> -->
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#kelola_transaksi" aria-expanded="false"
              aria-controls="kelola_transaksi">
              <span class="menu-title">Kelola Transaksi</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="kelola_transaksi">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/transaction/transaction') }}">Transaksi</a>
                </li>
                {{-- <li class="nav-item">
                  <a class="nav-link" href="{{ url('/transaction/pending_transaction') }}">Transaksi yang Tertunda</a>
                </li> --}}
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/transaction/report_transaction_kasir') }}">Riwayat Transaksi</a>
                </li>
                <!-- <li class="nav-item">
                  <a class="nav-link" href="{{ url('/transaction/edit') }}">Edit/Batal Transaksi</a>
                </li> -->
              </ul>
            </div>
          </li>
          @endif
          @if (Auth::user()->id == 10)
          <li class="nav-item">
            <a class="nav-link" href="{{ url('/report/stok') }}">
              <span class="menu-title">Laporan Stok</span>
            </a>
          </li>
          @endif
          @if($access->kelola_laporan == 1)
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#kelola_laporan" aria-expanded="false"
              aria-controls="kelola_laporan">
              <span class="menu-title">Kelola Laporan</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="kelola_laporan">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/report/transaction')  }}">Laporan Transaksi</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/report/workers') }}">Laporan Pegawai</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/report/laporan_stok') }}">Laporan Stok</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/report/penjualan')  }}">Laporan Penjualan</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/report/returPenjualan')  }}">Laporan Retur Penjualan</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/report/pembelian') }}">Laporan Pembelian</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('/report/returPembelian') }}">Laporan Retur Pembelian</a>
                </li>
              </ul>
            </div>
          </li>
          @endif
          @if($access->kelola_laporan == 1)
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#laporan_barang" aria-expanded="false"
              aria-controls="laporan_barang">
              <span class="menu-title">Laporan Barang</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="laporan_barang">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item">
                  <a class="nav-link" href="{{url('accounting/jurnal_barang_harian')}}">Laporan Barang Harian</a>
                </li>
                {{-- <li class="nav-item">
                  <a class="nav-link" href="{{url('accounting/jurnal_barang_bulanan')}}">Laporan Barang Bulanan</a>
                </li> --}}
                <li class="nav-item">
                  <a class="nav-link" href="{{url('accounting/jurnal_barang_hilang')}}">Laporan Barang Hilang</a>
                </li>
              </ul>
            </div>
          </li>
          @endif
          @if($access->kelola_laporan == 1)
          {{-- <li class="nav-item">
            <a class="nav-link" href="{{url('accounting/akun')}}">
              <span class="menu-title">Akun</span>
            </a>
          </li> --}}
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#akun" aria-expanded="false" aria-controls="akun">
              <span class="menu-title">Akun</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="akun">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item">
                  <a class="nav-link" href="{{url('accounting/akun')}}">Manage Akun</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{url('accounting/akun/data')}}">Data Akun</a>
                </li>
              </ul>
            </div>
          </li>
          @endif
          @if($access->kelola_laporan == 1)
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#aktiva" aria-expanded="false" aria-controls="aktiva">
              <span class="menu-title">Aktiva</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="aktiva">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item">
                  <a class="nav-link" href="{{url('accounting/aktiva_tetap')}}">Aktiva Tetap</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{url('accounting/aktiva_lancar')}}">Aktiva Lancar</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{url('accounting/laporan_aktiva')}}">Laporan Aktiva</a>
                </li>
              </ul>
            </div>
          </li>
          @endif
          @if($access->kelola_laporan == 1)
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#kas" aria-expanded="false" aria-controls="kas">
              <span class="menu-title">Kas</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="kas">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item">
                  <a class="nav-link" href="{{url('accounting/kas_in')}}">Kas in</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{url('accounting/kas_out')}}">Kas out</a>
                </li>
              </ul>
            </div>
          </li>
          @endif
          @if($access->kelola_laporan == 1)
          <li class="nav-item">
            <a class="nav-link" href="{{url('accounting/bank')}}">
              <span class="menu-title">Bank</span>
            </a>
          </li>
          @endif
          {{-- @if($access->kelola_laporan == 1)
          <li class="nav-item">
            <a class="nav-link" href="{{url('accounting/modal')}}">
              <span class="menu-title">Modal</span>
            </a>
          </li>
          @endif --}}
          @if($access->kelola_laporan == 1)
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#laporan_keuangan" aria-expanded="false"
              aria-controls="laporan_keuangan">
              <span class="menu-title">Laporan Keuangan</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="laporan_keuangan">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('accounting/jurnal_harian') }}">Jurnal Harian</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('accounting/buku_besar') }}">Buku Besar</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('accounting/neraca') }}">Neraca</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{{ url('accounting/laba_rugi') }}">Laporan Laba rugi</a>
                </li>
              </ul>
            </div>
          </li>
          @endif
        </ul>
      </nav>
      <!-- End-SideNav -->

      <div class="main-panel">
        <div class="row">
          <div class="modal fade" id="notificationModal" tabindex="-1" role="dialog"
            aria-labelledby="notificationModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="notificationModalLabel">Daftar Notifikasi</h5>
                  <button type="button" class="close close-btn" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body">
                  <div class="row">
                    <div class="col-12">
                      @if($cek_supply_system->status == 1)
                      @foreach($notifications as $notif)
                      @if($notif->stok != 0)
                      <div class="d-flex justify-content-start align-items-center mb-3">
                        <div class="icon-notification">
                          <i class="mdi mdi-alert m-auto text-warning"></i>
                        </div>
                        <div class="text-group ml-3">
                          <p class="m-0 title-notification">Barang Hampir Habis</p>
                          <p class="m-0 description-notification">Stok {{ $notif->nama_barang }} tersisa {{ $notif->stok
                            }}</p>
                        </div>
                      </div>
                      @else
                      <div class="d-flex justify-content-start align-items-center mb-3">
                        <div class="icon-notification">
                          <i class="mdi mdi-alert m-auto text-danger"></i>
                        </div>
                        <div class="text-group ml-3">
                          <p class="m-0 title-notification">Barang Telah Habis</p>
                          <p class="m-0 description-notification">Stok barang {{ $notif->nama_barang }} telah habis</p>
                        </div>
                      </div>
                      @endif
                      @endforeach
                      @endif
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="content-wrapper" id="content-web-page">
          @yield('content')
        </div>
        <div class="content-wrapper" id="content-web-search" hidden="">
          <div class="row">
            <div class="col-12 text-left">
              <h3 class="d-block">Cari Halaman</h3>
              <h5 class="mt-3 d-block"><span class="result-1"></span> <span class="result-2"></span></h5>
            </div>
            <div class="col-12 mt-3">
              <div class="row" id="page-result-parent">
              </div>
            </div>
          </div>
        </div>
        <footer class="footer" id="footer-content">
          {{-- <div class="container-fluid clearfix">
            <span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © 2019 <a
                href="http://www.bootstrapdash.com/" target="_blank">Bootstrapdash</a>. All rights reserved.</span>
            <span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center">Hand-crafted & made with <i
                class="mdi mdi-heart text-danger"></i>
            </span>
          </div> --}}
        </footer>
      </div>
    </div>
  </div>

  <!-- Javascript -->
  <!-- <script src="{{ asset('js/app.js') }}"></script> -->
  <script src="{{ asset('assets/vendors/js/vendor.bundle.base.js') }}"></script>
  <script src="{{ asset('assets/vendors/js/vendor.bundle.addons.js') }}"></script>
  <script src="{{ asset('assets/js/shared/off-canvas.js') }}"></script>
  <script src="{{ asset('assets/js/shared/misc.js') }}"></script>
  <script src="{{ asset('plugins/js/jquery.form-validator.min.js') }}"></script>
  <script src="{{ asset('plugins/js/sweetalert.min.js') }}"></script>
  <script src="{{ asset('plugins/js/jquery-ui.min.js') }}"></script>
  <script src="{{ asset('js/templates/script.js') }}"></script>
  <script src="{{ asset('plugins/js/select2.full.min.js') }}"></script>
  <script src="{{ asset('plugins/js/select2.min.js') }}"></script>
  <script type="text/javascript">
    $(document).ready(function(){
        $('#UserDropdown').dropdown()
        $('#notificationDropdown').dropdown()
    });
    $(document).on('input', 'input[name=search_page]', function(){
        if($(this).val() != ''){
          $('#content-web-page').prop('hidden', true);
          $('#content-web-search').prop('hidden', false);
          var search_word = $(this).val();
          $.ajax({
            url: "{{ url('/search') }}/" + search_word,
            method: "GET",
            success:function(response){
              $('.result-1').html(response.length + ' Hasil Pencarian');
              $('.result-2').html('dari "' + search_word + '"');
              var lengthLoop = response.length - 1;
              var searchResultList = '';
              for(var i = 0; i <= lengthLoop; i++){
                var page_url = "{{ url('/', ':id') }}";
                page_url = page_url.replace('%3Aid', response[i].page_url);
                searchResultList += '<a href="'+ page_url +'" class="page-result-child mb-4 w-100"><div class="col-12"><div class="card card-noborder b-radius"><div class="card-body"><div class="row"><div class="col-12"><h5 class="d-block page_url">'+ response[i].page_name +'</h5><p class="align-items-center d-flex justify-content-start"><span class="icon-in-search mr-2"><i class="mdi mdi-chevron-double-right"></i></span> <span class="breadcrumbs-search page_url">'+ response[i].page_title +'</span></p><div class="search-description"><p class="m-0 p-0 page_url">'+ response[i].page_content.substring(0, 500) +'...</p></div></div></div></div></div></div></a>';
              }
              $('#page-result-parent').html(searchResultList);
              $('.page_url:contains("'+search_word+'")').each(function(){
                  var regex = new RegExp(search_word, 'gi');
                  $(this).html($(this).text().replace(regex, '<span style="background-color: #607df3;">'+search_word+'</span>'));
              });
            }
          });
        }else{
          $('#content-web-page').prop('hidden', false);
          $('#content-web-search').prop('hidden', true);
        }
      });
  </script>
  @yield('script')
  <!-- End-Javascript -->
</body>

</html>