@extends('layouts.app')

@section('content')
    <!-- BEGIN CONTENT -->
    <div class="page-content-wrapper">
        <!-- BEGIN CONTENT BODY -->
        <div class="top_bar page-content">
            <div class="top_status_bar">
                <div id="top_progress_bar" class="progress_bar">
                </div>
            </div>
            <div class="breadcrumbs">
                <ul>
                    <li><a href="{{ route('admin.dashboard') }}">Home</a></li>
                    <li><a href="{{ url('admin/notifications') }}">Notifications</a></li>

                </ul>
                <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
            </div>
        </div>
        <div class="page-content">
            <div class="portlet">
                <!-- BEGIN PAGE HEADER-->
                <div class="portlet-title page_heading">
                    <div class="row">
                        <div class="col-md-9">
                            <div class="caption">
                                <h2 style="font-weight: 600; margin-top: 0;">Notifications</h2>
                                <span class="subtitle"> Use this area to manage your company Notifications </span>
                            </div>
                        </div>
                        <div class="col-md-3">
                        </div>
                    </div>
                </div>
                <!-- BEGIN PAGE BAR -->
                <div class="row">
                    <div class="col-md-12">
                        <!--THIS IS CONTENT DIV START-->
                        <div class="portlet-body flip-scroll">
                            <div class="setting_wrapper">
                                <!--------------------------------------1ST ROW --------------------------------------->
                                <div class="block1">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <a href="{{ route('admin.general.notifications', ['type' => 'product']) }}">
                                                <span class="main_title">Products</span>
                                            </a>
                                        </div>
                                        <div class="col-md-10">
                                            @foreach($o_data['notifications'] as $notification)
                                            <div class="row each_row">
                                                <div class="col-md-12">
                                                    <div class="col-md-1">image</div>
                                                  
                                                    <div class="col-md-5">
                                                        <span class="subtitle">Product Stock Alert</span>
                                                        <span class="overview">
                                                            <a href="{{ url('admin/about-your-business') }}">
                                                                <span >{{ $notification->product_name ?? '--' }}</span>
                                                            </a>
                                                            <span >{{ $notification->product_name ?? '--' }}</span>

                                                        </span>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <span class="subtitle">{{ $notification->current_stoke ?? '--' }}</span>
                                                       
                                                    </div>
                                                    <div class="col-md-1">
                                                        <span class="subtitle">{{ $notification->product_minimum_stock ?? '--' }}</span>
                                                        
                                                    </div>
                                                    <div class="col-md-3">
                                                        <a href="{{  url('admin/products/' . encrypt($notification->p_id) . '') }}">
                                                            <span class="subtitle">view</span>
                                                        </a>
                                                       
                                                    </div>
                                                </div>
                                            </div>
                                            @endforeach
                                            
                                        </div>
                                    </div>
                                </div>
                                <div class="row">{{ $o_data['notifications']->appends(request()->query())->links() }}</div>
                                <!--------------------------------------1ST ROW --------------------------------------->
                                <hr>
                                <!--------------------------------------2ND ROW --------------------------------------->
                                <div class="block3">
                                    <div class="row">
                                        <div class="col-md-12">
                                                <a href="{{ route('admin.general.notifications', ['type' => 'category']) }}">
                                                    <span class="main_title">Categories</span>
                                                </a>
                                        </div>
                                    </div>

                                </div>
                                <div class="row"></div>
                                <!--------------------------------------2ND ROW --------------------------------------->
                                <hr>
                                <!--------------------------------------3RD ROW --------------------------------------->
                                <div class="block4">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <a href="{{ route('admin.general.notifications', ['type' => 'employee']) }}">
                                                <span class="main_title">Employee</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="row"></div>
                                <!--------------------------------------3RD ROW --------------------------------------->
                                <hr>
                                <!--------------------------------------5TH ROW --------------------------------------->
                                <div class="block5">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <a href="{{ route('admin.general.notifications', ['type' => 'others']) }}">
                                                <span class="main_title">Others</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="row"></div>
                                <!--------------------------------------5TH ROW --------------------------------------->
                            </div>
                        </div>
                        <!--THIS IS CONTENT DIV END-->
                    </div>
                    <div class="col-md-3">
                    </div>
                </div>
            </div>
            <!-- BEGIN PAGE BAR -->
            
        </div>
    </div>

@endsection
@section('admin_css')
    <link href="{{ asset('assets/custom/settings.css') }}" rel="stylesheet" type="text/css" />
    <style>
        .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
            left: 18px;
            border-color: black transparent transparent transparent !important;
        }

        .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
            padding: 0 16px;
            border: 1px solid #c6c8cc;
            right: 0;
            border-radius: 0 4px 4px 0;
            background: #ececec;
        }

        .select2-container--bootstrap.select2-container--open .select2-selection__arrow b {
            border-color: transparent transparent black !important;
        }
    </style>
@stop