@extends('layouts.app')
@section('title', __('home.home'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header content-header-custom">
    <h1>{{ __('home.welcome_message', ['name' => Session::get('user.first_name')]) }} <span class="wave">👋🏻</span> 
    </h1>
</section>
<!-- Main content -->
<section class="content no-print">
  @if(auth()->user()->can('dashboard.data'))
      @if(auth()->user()->can('dashboard.admin_data') || $is_admin )
      	<div class="row pad-15">
        		<div class="col-md-12 col-xs-12">
              <div class="box-tools mt-60 pull-right">
                <ul class="navbar-nav  justify-content-end">
                  <li class="nav-item d-flex align-items-center">
                     @if(count($all_locations) > 1)
                      {!! Form::select('dashboard_location', $all_locations, null, ['class' => 'form-control select2', 'placeholder' => __('lang_v1.select_location'), 'id' => 'dashboard_location']); !!}
                    @endif
                  </li>
                  <li class="nav-item px-3 d-flex align-items-center">
                    <div class="input-group">
                      <button type="button" class="btn btn-filter bd-rd" id="dashboard_date_filter">
                        <span>
                          <i class="fa fa-calendar"></i> {{ __('messages.filter_by_date') }}
                        </span>
                        <i class="fa fa-caret-down"></i>
                      </button>
                    </div>
                  </li>
                </ul>
        		  </div>
            </div>
      	</div>

        <div class="row pad-15">
          <div class="col-lg-7 col-sm-7 col-md-7 col-xs-12">
            <div class="row">
              <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="card card-b-shadow border-radius-lg mb-20">
                  <div class="card-body p-3">
                    <div class="row pad-15 mt-20">
                      <div class="col-md-9 col-xs-9">
                        <div class="numbers mb-20">
                          <p class="text-sm mb-0 text-uppercase font-weight-bold">{{ __('home.total_sell') }}</p>
                          <h4 class="font-weight-bolder total_sell">
                          $0.000                     
                          </h4>
                          <p class="mb-0">
                            <span class="text-success text-sm font-weight-bolder">+1%</span>
                            since yesterday
                          </p>
                        </div>
                      </div>
                      <div class="col-md-3 col-xs-3 text-end">
                        <div class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                          <i class="ni ni-trophy text-lg opacity-10" aria-hidden="true"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="card card-b-shadow border-radius-lg mb-20">
                  <div class="card-body p-3">
                    <div class="row pad-15 mt-20">
                      <div class="col-md-9 col-xs-9">
                        <div class="numbers mb-20">
                          <p class="text-sm mb-0 text-uppercase font-weight-bold">{{ __('lang_v1.net') }} @show_tooltip(__('lang_v1.net_home_tooltip'))</p>
                          <h4 class="font-weight-bolder net">
                              $0.000
                          </h4>
                          <p class="mb-0">
                            <span class="text-success text-sm font-weight-bolder">+3%</span>
                            since last week
                          </p>
                        </div>
                      </div>
                      <div class="col-md-3 col-xs-3 text-end">
                        <div class="icon icon-shape bg-gradient-danger shadow-danger text-center rounded-circle">
                          <i class="ni ni-diamond text-lg opacity-10" aria-hidden="true"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="card card-b-shadow border-radius-lg mb-20">
                  <div class="card-body p-3">
                    <div class="row pad-15 mt-20">
                      <div class="col-md-9 col-xs-9">
                        <div class="numbers mb-20">
                          <p class="text-sm mb-0 text-uppercase font-weight-bold">{{ __('home.invoice_due') }}</p>
                          <h4 class="font-weight-bolder invoice_due">
                            $0.000
                          </h4>
                          <p class="mb-0">
                            <span class="text-danger text-sm font-weight-bolder">-2%</span>
                            since last quarter
                          </p>
                        </div>
                      </div>
                      <div class="col-md-3 col-xs-3 text-end">
                        <div class="icon icon-shape bg-gradient-success shadow-success text-center rounded-circle">
                          <i class="fa fa-solid fa-file-invoice-dollar text-lg opacity-10" aria-hidden="true"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="card card-b-shadow border-radius-lg mb-20">
                  <div class="card-body p-3 mb-5">
                    <div class="row pad-15 mt-20">
                      <div class="col-md-9 col-xs-9">
                        <div class="numbers">
                          <p class="text-sm mb-0 text-uppercase font-weight-bold">{{ __('lang_v1.total_sell_return') }}</p>
                          <h4 class="font-weight-bolder total_sell_return">
                            $0.000
                          </h4>
                          <p class="mb-0">
                              <span class="text-danger text-xs font-weight-bold"> {{ __('lang_v1.total_sell_return')}} :</span>  <span class="total_sr font-80pc"></span><br>
                            <span class="text-success text-xs font-weight-bold">  {{ __('lang_v1.total_sell_return_paid')}} :</span> <span class="total_srp font-80pc"></span>
                          </p>
                        </div>
                      </div>
                      <div class="col-md-3 col-xs-3 text-end">
                        <div class="icon icon-shape bg-gradient-warning shadow-warning text-center rounded-circle">
                          <i class="fa fa-exchange-alt text-lg opacity-10" aria-hidden="true"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-5 col-sm-5 col-md-5 col-xs-12">
            <div class="card card-b-shadow border-radius-lg mb-20">
              <div class="card-body p-3">
                <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                      <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                      <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                      <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner border-radius-lg">
                      <div class="carousel-item active">
                        <img src="../img/shapes/s1.jpg" class="d-block w-100" height="280" alt="...">
                        <div class="carousel-caption d-none d-md-block">
                          
                        </div>
                      </div>
                      <div class="carousel-item">
                        <img src="../img/shapes/s2.jpg" class="d-block w-100" height="280" alt="...">
                        <div class="carousel-caption d-none d-md-block">
                          
                        </div>
                      </div>
                      <div class="carousel-item">
                        <img src="../img/shapes/s3.jpg" class="d-block w-100" height="280" alt="...">
                        <div class="carousel-caption d-none d-md-block">
                          
                        </div>
                      </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-target="#carouselExampleCaptions" data-slide="prev">
                      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                      <span class="sr-only">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-target="#carouselExampleCaptions" data-slide="next">
                      <span class="carousel-control-next-icon" aria-hidden="true"></span>
                      <span class="sr-only">Next</span>
                    </button>
                </div>
              </div>
            </div>
          </div>
        </div>



            
        <div class="row pad-15">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
              <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                  <div class="card card-b-shadow border-primary border-radius-lg mb-20">
                    <div class="card-body p-3">
                      <div class="row pad-15 mt-20">
                        <div class="col-md-9 col-xs-9">
                          <div class="numbers mb-20">
                            <p class="text-sm mb-0 text-uppercase font-weight-bold">{{ __('home.total_purchase') }}</p>
                            <h4 class="font-weight-bolder total_purchase">
                            $0.000                     
                            </h4>
                            <p class="mb-0">
                              <span class="text-success text-sm font-weight-bolder">+1%</span>
                              since yesterday
                            </p>
                          </div>
                        </div>
                        <div class="col-md-3 col-xs-3 text-end">
                          <div class="icon icon-shape bg-gradient-x-info shadow-primary text-center rounded-circle">
                            <i class="ni ni-cart text-lg opacity-10" aria-hidden="true"></i>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                  <div class="card card-b-shadow border-success border-radius-lg mb-20">
                    <div class="card-body p-3">
                      <div class="row pad-15 mt-20">
                        <div class="col-md-9 col-xs-9">
                          <div class="numbers mb-20">
                            <p class="text-sm mb-0 text-uppercase font-weight-bold">{{ __('home.purchase_due') }}</p>
                            <h4 class="font-weight-bolder purchase_due">
                                $0.000
                            </h4>
                            <p class="mb-0">
                              <span class="text-success text-sm font-weight-bolder">+3%</span>
                              since last week
                            </p>
                          </div>
                        </div>
                        <div class="col-md-3 col-xs-3 text-end">
                          <div class="icon icon-shape bg-gradient-secondary shadow-danger text-center rounded-circle">
                            <i class="ni ni-money-coins text-lg opacity-10" aria-hidden="true"></i>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                  <div class="card card-b-shadow border-danger border-radius-lg mb-20">
                    <div class="card-body p-3 mb-5">
                      <div class="row pad-15 mt-20">
                        <div class="col-md-9 col-xs-9">
                          <div class="numbers">
                            <p class="text-sm mb-0 text-uppercase font-weight-bold">{{ __('lang_v1.total_purchase_return') }}</p>
                            <h4 class="font-weight-bolder total_purchase_return">
                              $0.000
                            </h4>
                            <p class="mb-0">
                                <span class="text-danger text-xs font-weight-bold"> {{ __('lang_v1.total_purchase_return')}} :</span>  <span class="total_pr"></span><br>
                              <span class="text-success text-xs font-weight-bold">  {{ __('lang_v1.total_purchase_return_paid')}} :</span> <span class="total_prp"></span>
                            </p>
                          </div>
                        </div>
                        <div class="col-md-3 col-xs-3 text-end">
                          <div class="icon icon-shape bg-gradient-x-danger shadow-success text-center rounded-circle">
                            <i class="fa fa-cart-arrow-down text-lg opacity-10" aria-hidden="true"></i>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                  <div class="card card-b-shadow border-warning mb-md-4 border-radius-lg mb-20">
                    <div class="card-body p-3">
                      <div class="row pad-15 mt-20">
                        <div class="col-md-9 col-xs-9">
                          <div class="numbers mb-20">
                            <p class="text-sm mb-0 text-uppercase font-weight-bold"> {{ __('lang_v1.expense') }}</p>
                            <h4 class="font-weight-bolder total_expense">
                              $0.000
                            </h4>
                            <p class="mb-0">
                              <span class="text-success text-sm font-weight-bolder">+3%</span>
                              since last week
                            </p>
                          </div>
                        </div>
                        <div class="col-md-3 col-xs-3 text-end">
                          <div class="icon icon-shape bg-gradient-dark shadow-warning text-center rounded-circle">
                            <i class="fa fa-money-check-alt text-lg opacity-10" aria-hidden="true"></i>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
        </div>

        @if(!empty($widgets['after_sale_purchase_totals']))
            @foreach($widgets['after_sale_purchase_totals'] as $widget)
                {!! $widget !!}
            @endforeach
        @endif
      @endif 
      <!-- end is_admin check -->

      <div class="clearfix"></div>
      <!-- products less than alert quntity -->
        <div class="row pad-15">
          @can('stock_report.view')
                <div class="@if((session('business.enable_product_expiry') != 1) && auth()->user()->can('stock_report.view')) col-sm-12 col-md-12 col-xs-12 @else col-sm-12 col-xs-12 col-md-6 @endif">
                    @component('components.widget', ['class' => 'box-warning','icon' => 'fa fa-exclamation-triangle text-yellow'])
                    <hr class="line-light-1">
                      @slot('title')
                        {{ __('home.product_stock_alert') }} @show_tooltip(__('tooltip.product_stock_alert'))
                      @endslot
                      
                        @if(count($all_locations) > 1)
                          <div class="box-tools mt-50">
                            <div class="col-md-4 col-sm-6 col-md-offset-8 mb-20">
                                {!! Form::select('stock_alert_location', $all_locations, null, ['class' => 'form-control select2', 'placeholder' => __('lang_v1.select_location'), 'id' => 'stock_alert_location']); !!}
                            </div>
                          </div>
                        @endif
                      
                      <div class="row">
                        <div class="col-md-12">
                          <div class="table-responsive">
                              <table class="table align-items-center mb-0 full-width" id="stock_alert_table">
                                   <thead class="thead-light">
                                    <tr>
                                      <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'sale.product' )</th>
                                      <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang( 'business.location' )</th>
                                      <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang( 'report.current_stock' )</th>
                                    </tr>
                                  </thead>
                              </table>
                            </div>
                        </div>
                      </div>
                    @endcomponent
                </div>
                @if(session('business.enable_product_expiry') == 1)
                    <div class="col-sm-12 col-md-6 col-xs-12">
                        @component('components.widget', ['class' => 'box-warning','icon' => 'fa fa-exclamation-triangle text-red'])
                        <hr class="line-light-1">
                          @slot('title')
                            {{ __('home.stock_expiry_alert') }} @show_tooltip( __('tooltip.stock_expiry_alert', [ 'days' =>session('business.stock_expiry_alert_days', 30) ]) )
                          @endslot
                          <input type="hidden" id="stock_expiry_alert_days" value="{{ \Carbon::now()->addDays(session('business.stock_expiry_alert_days', 30))->format('Y-m-d') }}">
                          <table class="table align-items-center mb-0 full-width" id="stock_expiry_alert_table">
                             <thead class="thead-light">
                              <tr>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('business.product')</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('business.location')</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('report.stock_left')</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('product.expires_in')</th>
                              </tr>
                            </thead>
                          </table>
                        @endcomponent
                    </div>
                @endif
          @endcan
        </div>

      <div class="clearfix"></div>

       @if(auth()->user()->can('sell.view') || auth()->user()->can('direct_sell.view'))
          @if(!empty($all_locations))
            	<!-- sales chart start -->
            	<div class="row pad-15">
            		<div class="col-sm-12">
                      @component('components.widget', ['class' => 'box-primary','icon' => 'fas fa-chart-line fa-fw text-primary', 'title' => __('home.sells_last_30_days')])
                        {!! $sells_chart_1->container() !!}
                      @endcomponent
            		</div>
            	</div>
          @endif
          @if(!empty($widgets['after_sales_last_30_days']))
              @foreach($widgets['after_sales_last_30_days'] as $widget)
                  {!! $widget !!}
              @endforeach
          @endif
          @if(!empty($all_locations))
            	<div class="row pad-15">
            		<div class="col-sm-12">
                      @component('components.widget', ['class' => 'box-primary', 'icon' => 'fa fas fa-chart-bar text-primary', 'title' => __('home.sells_current_fy')])
                        {!! $sells_chart_2->container() !!}
                      @endcomponent
            		</div>
            	</div>
          @endif
      @endif
    	<!-- sales chart end -->
      @if(!empty($widgets['after_sales_current_fy']))
          @foreach($widgets['after_sales_current_fy'] as $widget)
              {!! $widget !!}
          @endforeach
      @endif
      @if(auth()->user()->can('sell.view') || auth()->user()->can('direct_sell.view'))
            <div class="col-sm-12 col-md-6 col-xs-12">
              <div class="card h-100 shadow-lg mb-20">
                <div class="card-header pb-0 pt-3 bg-transparent">
                    <h5 class="text-capitalize">
                    <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
                    <i class="fa fa-exclamation-triangle text-danger text-lg opacity-10"></i>
                    </span> {{__('lang_v1.sales_payment_dues')}} @show_tooltip(__('lang_v1.tooltip_sales_payment_dues'))</h5>
                    <hr class="line-light">
                   
                      @if(count($all_locations) > 1)
                       <div class="box-tools mt-50">
                          <div class="col-md-6 col-sm-6 col-md-offset-6 mb-10">
                              {!! Form::select('sales_payment_dues_location', $all_locations, null, ['class' => 'form-control select2', 'placeholder' => __('lang_v1.select_location'), 'id' => 'sales_payment_dues_location','style' => 'width: 100%;']); !!}
                          </div>
                        </div>
                      @endif
                    
                </div>
                <div class="card-body p-3">
                  <div class="row">
                    <div class="col-md-12">
                        <table class="table align-items-center mb-0 full-width"
                         id="sales_payment_dues_table">
                             <thead class="thead-light">
                              <tr>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'contact.customer' )</th>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang( 'sale.invoice_no' )</th>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang( 'home.due_amount' )</th>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang( 'messages.action' )</th>
                              </tr>
                            </thead>
                        </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
        @endif
      @can('purchase.view')
        <div class="col-sm-12 col-md-6 col-xs-12">
          <div class="card h-100 shadow-lg mb-20">
            <div class="card-header pb-0 pt-3 bg-transparent">
                <h5 class="text-capitalize">
                <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
                <i class="fa fa-exclamation-triangle text-yellow text-lg opacity-10"></i>
                </span> {{ __('lang_v1.purchase_payment_dues') }} @show_tooltip(__('tooltip.payment_dues'))</h5>
                <hr class="line-light">
                
                  @if(count($all_locations) > 1)
                  <div class="box-tools mt-50">
                    <div class="col-md-6 col-sm-6 col-md-offset-6 mb-10">
                        {!! Form::select('purchase_payment_dues_location', $all_locations, null, ['class' => 'form-control select2', 'placeholder' => __('lang_v1.select_location'), 'id' => 'purchase_payment_dues_location']); !!}
                    </div>
                  </div>
                  @endif
                
            </div>
            <div class="card-body p-3">
              <div class="row">
                  <div class="col-md-12">
                      <table class="table align-items-center mb-0 full-width"
                       id="purchase_payment_dues_table">
                           <thead class="thead-light">
                            <tr>
                              <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'purchase.supplier' )</th>
                              <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang( 'purchase.ref_no' )</th>
                              <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang( 'home.due_amount' )</th>
                              <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang( 'messages.action' )</th>
                            </tr>
                          </thead>
                      </table>
                  </div>
              </div>
            </div>
          </div>
        </div>
      @endcan

      
      @if(auth()->user()->can('so.view_all') || auth()->user()->can('so.view_own'))
          <div class="row pad-15" @if(!auth()->user()->can('dashboard.data'))style="margin-top: 190px !important;"@endif>
              <div class="col-sm-12">
                  @component('components.widget', ['class' => 'box-warning', 'icon' => 'fa fa-tasks text-danger'])
                  <hr class="line-light-1">
                      @slot('title')
                          {{__('lang_v1.sales_order')}}
                      @endslot
                      
                        @if(count($all_locations) > 1)
                        <div class="box-tools mt-50">
                          <div class="col-md-4 col-sm-6 col-md-offset-8 mb-20">
                              {!! Form::select('so_location', $all_locations, null, ['class' => 'form-control select2', 'placeholder' => __('lang_v1.select_location'), 'id' => 'so_location']); !!}
                          </div>
                          </div>
                        @endif
                      
                      <div class="row">
                          <div class="col-md-12">
                              <div class="table-responsive">
                                  <table class="table align-items-center mb-0 ajax_view full-width" id="sales_order_table">
                                       <thead class="thead-light">
                                          <tr>
                                              <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('messages.action')</th>
                                              <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('messages.date')</th>
                                              <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('restaurant.order_no')</th>
                                              <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('sale.customer_name')</th>
                                              <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('lang_v1.contact_no')</th>
                                              <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('sale.location')</th>
                                              <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('sale.status')</th>
                                              <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('lang_v1.shipping_status')</th>
                                              <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('lang_v1.quantity_remaining')</th>
                                              <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('lang_v1.added_by')</th>
                                          </tr>
                                      </thead>
                                  </table>
                              </div>
                          </div>
                      </div>
                  @endcomponent
              </div>
          </div>
      @endif

      @if(!empty($common_settings['enable_purchase_requisition']) && (auth()->user()->can('purchase_requisition.view_all') || auth()->user()->can('purchase_requisition.view_own')) )
          <div class="row pad-15" @if(!auth()->user()->can('dashboard.data'))style="margin-top: 190px !important;"@endif>
              <div class="col-sm-12">
                  @component('components.widget', ['class' => 'box-warning', 'icon' => 'fas fa-envelope-open-text text-success'])
                  <hr class="line-light-1">
                    @slot('title')
                        @lang('lang_v1.purchase_requisition')
                    @endslot
                    
                      @if(count($all_locations) > 1)
                      <div class="box-tools mt-50">
                        <div class="col-md-4 col-sm-6 col-md-offset-8 mb-20">
                            {!! Form::select('pr_location', $all_locations, null, ['class' => 'form-control select2', 'placeholder' => __('lang_v1.select_location'), 'id' => 'pr_location']); !!}
                        </div>
                        </div>
                      @endif
                    
                      <div class="row">
                          <div class="col-md-12">
                              <div class="table-responsive">
                                  <table class="table align-items-center mb-0 ajax_view full-width" id="purchase_requisition_table">
                                     <thead class="thead-light">
                                        <tr>
                                          <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('messages.action')</th>
                                          <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('messages.date')</th>
                                          <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('purchase.ref_no')</th>
                                          <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('purchase.location')</th>
                                          <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('sale.status')</th>
                                          <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('lang_v1.required_by_date')</th>
                                          <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('lang_v1.added_by')</th>
                                        </tr>
                                    </thead>
                                  </table>
                              </div>
                          </div>
                      </div>
                  @endcomponent
              </div>
          </div>
      @endif

      @if(!empty($common_settings['enable_purchase_order']) && (auth()->user()->can('purchase_order.view_all') || auth()->user()->can('purchase_order.view_own')) )
          <div class="row pad-15" @if(!auth()->user()->can('dashboard.data'))style="margin-top: 190px !important;"@endif>
              <div class="col-sm-12">
                  @component('components.widget', ['class' => 'box-warning', 'icon' => 'fas fa-envelope-open-text text-yellow'])
                  <hr class="line-light-1">
                    @slot('title')
                        @lang('lang_v1.purchase_order')
                    @endslot
                    
                      @if(count($all_locations) > 1)
                      <div class="box-tools mt-50">
                        <div class="col-md-4 col-sm-6 col-md-offset-8 mb-20">
                          {!! Form::select('po_location', $all_locations, null, ['class' => 'form-control select2', 'placeholder' => __('lang_v1.select_location'), 'id' => 'po_location']); !!}
                        </div>
                        </div>
                      @endif
                    
                      <div class="row">
                          <div class="col-md-12">
                              <div class="table-responsive">
                                  <table class="table align-items-center mb-0 ajax_view full-width" id="purchase_order_table">
                                     <thead class="thead-light">
                                        <tr>
                                            <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('messages.action')</th>
                                            <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('messages.date')</th>
                                            <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('purchase.ref_no')</th>
                                            <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('purchase.location')</th>
                                            <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('purchase.supplier')</th>
                                            <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('sale.status')</th>
                                            <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('lang_v1.quantity_remaining')</th>
                                            <th class="text-uppercase text-dark text-xs font-weight-bolder ps-2">@lang('lang_v1.added_by')</th>
                                        </tr>
                                    </thead>
                                  </table>
                              </div>
                          </div>
                      </div>
                  @endcomponent
              </div>
          </div>
      @endif

      <div class="row pad-15">
        <div class="col-md-12">

          @if(auth()->user()->can('access_pending_shipments_only') || auth()->user()->can('access_shipping') || auth()->user()->can('access_own_shipping') )
              @component('components.widget', ['class' => 'box-warning', 'icon' => 'fas fa-truck text-yellow'])
              <hr class="line-light-1">
                @slot('title')
                    @lang('lang_v1.pending_shipments')
                @endslot
                
                  @if(count($all_locations) > 1)
                  <div class="box-tools mt-50">
                    <div class="col-md-4 col-sm-6 col-md-offset-8 mb-20">
                        {!! Form::select('pending_shipments_location', $all_locations, null, ['class' => 'form-control select2', 'placeholder' => __('lang_v1.select_location'), 'id' => 'pending_shipments_location']); !!}
                    </div>
                    </div>
                  @endif
                
                  <div class="row">
                      <div class="col-md-12">  
                          <div class="table-responsive">
                              <table class="table align-items-center mb-0 ajax_view full-width" id="shipments_table">
                                   <thead class="thead-light">
                                      <tr>
                                          <th class="text-uppercase text-dark text-xxs font-weight-bolder">@lang('messages.action')</th>
                                          <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">@lang('messages.date')</th>
                                          <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">@lang('sale.invoice_no')</th>
                                          <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">@lang('sale.customer_name')</th>
                                          <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">@lang('lang_v1.contact_no')</th>
                                          <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">@lang('sale.location')</th>
                                          <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">@lang('lang_v1.shipping_status')</th>
                                          @if(!empty($custom_labels['shipping']['custom_field_1']))
                                              <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">
                                                  {{$custom_labels['shipping']['custom_field_1']}}
                                              </th>
                                          @endif
                                          @if(!empty($custom_labels['shipping']['custom_field_2']))
                                              <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">
                                                  {{$custom_labels['shipping']['custom_field_2']}}
                                              </th>
                                          @endif
                                          @if(!empty($custom_labels['shipping']['custom_field_3']))
                                              <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">
                                                  {{$custom_labels['shipping']['custom_field_3']}}
                                              </th>
                                          @endif
                                          @if(!empty($custom_labels['shipping']['custom_field_4']))
                                              <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">
                                                  {{$custom_labels['shipping']['custom_field_4']}}
                                              </th>
                                          @endif
                                          @if(!empty($custom_labels['shipping']['custom_field_5']))
                                              <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">
                                                  {{$custom_labels['shipping']['custom_field_5']}}
                                              </th>
                                          @endif
                                          <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">@lang('sale.payment_status')</th>
                                          <th class="text-uppercase text-dark text-xxs font-weight-bolder ps-2">@lang('restaurant.service_staff')</th>
                                      </tr>
                                  </thead>
                              </table>
                          </div>
                      </div> 
                  </div>
              @endcomponent
          @endif
        </div>
      </div>

      <div class="row pad-15">
        <div class="col-md-12">

          @if(auth()->user()->can('account.access') && config('constants.show_payments_recovered_today') == true)
              @component('components.widget', ['class' => 'box-warning'])
              <hr class="line-light-1">
                @slot('icon')
                    <i class="fa fa-money-bill-alt text-yellow fa-lg" aria-hidden="true"></i>
                @endslot
                @slot('title')
                    @lang('lang_v1.payment_recovered_today')
                @endslot
                  <div class="table-responsive">
                      <table class="table table-bordered table-striped full-width" id="cash_flow_table">
                           <thead class="thead-light">
                              <tr>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'messages.date' )</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'account.account' )</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'lang_v1.description' )</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'lang_v1.payment_method' )</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'lang_v1.payment_details' )</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('account.credit')</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'lang_v1.account_balance' ) @show_tooltip(__('lang_v1.account_balance_tooltip'))</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'lang_v1.total_balance' ) @show_tooltip(__('lang_v1.total_balance_tooltip'))</th>
                              </tr>
                          </thead>
                          <tfoot>
                              <tr class="bg-white font-17 footer-total text-center">
                                  <td colspan="5"><strong>@lang('sale.total'):</strong></td>
                                  <td class="footer_total_credit"></td>
                                  <td colspan="2"></td>
                              </tr>
                          </tfoot>
                      </table>
                  </div>
              @endcomponent
          @endif
        </div>
      </div>
      @if(!empty($widgets['after_dashboard_reports']))
        @foreach($widgets['after_dashboard_reports'] as $widget)
          {!! $widget !!}
        @endforeach
      @endif

  @endif
   <!-- can('dashboard.data') end -->
</section>
<!-- /.content -->
<div class="modal fade payment_modal" tabindex="-1" role="dialog" 
    aria-labelledby="gridSystemModalLabel">
</div>
<div class="modal fade edit_pso_status_modal" tabindex="-1" role="dialog"></div>
<div class="modal fade edit_payment_modal" tabindex="-1" role="dialog" 
    aria-labelledby="gridSystemModalLabel">
</div>
@stop
@section('javascript')
    <script src="{{ asset('js/home.js?v=' . $asset_v) }}"></script>
    <script src="{{ asset('js/payment.js?v=' . $asset_v) }}"></script>
    @includeIf('sales_order.common_js')
    @includeIf('purchase_order.common_js')
    @if(!empty($all_locations))
        {!! $sells_chart_1->script() !!}
        {!! $sells_chart_2->script() !!}
    @endif
    <script type="text/javascript">
        $(document).ready( function(){
           $.ajax({
                url: 'https://uikexam.edumia.in/api/getEposNews',
                method: 'GET',
                success: function(response) {
                    var data = response.data;
                    var indicators = '';
                    var items = '';
                    if( data.length > 0 ){
                      data.forEach(function(item, index) {
                        var activeClass = index === 0 ? 'active' : '';
                        indicators += '<li data-target="#carouselExampleCaptions" data-slide-to="'+ (3+index) +'" class="'+ activeClass +'"></li>';
                        items += '<div class="carousel-item border-radius-lg " data-interval="3000" style="max-height:280px; height:280px"><a href="'+ item.url +'" target="_blank">';
                        
                        if (item.image) {
                            items += '<img src="'+ item.image +'" class="d-block w-100" alt="'+ item.title +'">';
                        } else {
                            items += '<div class="carousel-item-bg bg-primary">';
                            items += '<div class="carousel-caption"><p>'+ item.title +'</p></div>';
                            items += '<div class="carousel-caption-sub"><p>'+ item.details +'</p> </div></div';
                        }
                        items += '</a></div></div>';
                    });


                    $('.carousel-indicators').append(indicators);
                    $('.carousel-inner').append(items);
                  }
                   
                },
                error: function(error) {
                    console.log('Error fetching data', error);
                }
            });

        sales_order_table = $('#sales_order_table').DataTable({
          processing: true,
          serverSide: true,
          scrollY: "75vh",
          scrollX:        true,
          scrollCollapse: true,
          aaSorting: [[1, 'desc']],
          "ajax": {
              "url": '{{action([\App\Http\Controllers\SellController::class, 'index'])}}?sale_type=sales_order',
              "data": function ( d ) {
                    d.for_dashboard_sales_order = true;

                    if ($('#so_location').length > 0) {
                        d.location_id = $('#so_location').val();
                    }
                }
          },
          columnDefs: [ {
              "targets": 7,
              "orderable": false,
              "searchable": false
          } ],
          columns: [
              { data: 'action', name: 'action'},
              { data: 'transaction_date', name: 'transaction_date'  },
              { data: 'invoice_no', name: 'invoice_no'},
              { data: 'conatct_name', name: 'conatct_name'},
              { data: 'mobile', name: 'contacts.mobile'},
              { data: 'business_location', name: 'bl.name'},
              { data: 'status', name: 'status'},
              { data: 'shipping_status', name: 'shipping_status'},
              { data: 'so_qty_remaining', name: 'so_qty_remaining', "searchable": false},
              { data: 'added_by', name: 'u.first_name'},
          ]
        });

        @if(auth()->user()->can('account.access') && config('constants.show_payments_recovered_today') == true)

            // Cash Flow Table
            cash_flow_table = $('#cash_flow_table').DataTable({
                processing: true,
                serverSide: true,
                "ajax": {
                        "url": "{{action([\App\Http\Controllers\AccountController::class, 'cashFlow'])}}",
                        "data": function ( d ) {
                            d.type = 'credit';
                            d.only_payment_recovered = true;
                        }
                    },
                "ordering": false,
                "searching": false,
                columns: [
                    {data: 'operation_date', name: 'operation_date'},
                    {data: 'account_name', name: 'account_name'},
                    {data: 'sub_type', name: 'sub_type'},
                    {data: 'method', name: 'TP.method'},
                    {data: 'payment_details', name: 'payment_details', searchable: false},
                    {data: 'credit', name: 'amount'},
                    {data: 'balance', name: 'balance'},
                    {data: 'total_balance', name: 'total_balance'},
                ],
                "fnDrawCallback": function (oSettings) {
                    __currency_convert_recursively($('#cash_flow_table'));
                },
                "footerCallback": function ( row, data, start, end, display ) {
                    var footer_total_credit = 0;

                    for (var r in data){
                        footer_total_credit += $(data[r].credit).data('orig-value') ? parseFloat($(data[r].credit).data('orig-value')) : 0;
                    }
                    $('.footer_total_credit').html(__currency_trans_from_en(footer_total_credit));
                }
            });
        @endif

        $('#so_location').change( function(){
            sales_order_table.ajax.reload();
        });
        @if(!empty($common_settings['enable_purchase_order']))
          //Purchase table
          purchase_order_table = $('#purchase_order_table').DataTable({
              processing: true,
              serverSide: true,
              aaSorting: [[1, 'desc']],
              scrollY: "75vh",
              scrollX:        true,
              scrollCollapse: true,
              ajax: {
                  url: '{{action([\App\Http\Controllers\PurchaseOrderController::class, 'index'])}}',
                  data: function(d) {
                      d.from_dashboard = true;

                        if ($('#po_location').length > 0) {
                            d.location_id = $('#po_location').val();
                        }
                  },
              },
              columns: [
                  { data: 'action', name: 'action', orderable: false, searchable: false },
                  { data: 'transaction_date', name: 'transaction_date' },
                  { data: 'ref_no', name: 'ref_no' },
                  { data: 'location_name', name: 'BS.name' },
                  { data: 'name', name: 'contacts.name' },
                  { data: 'status', name: 'transactions.status' },
                  { data: 'po_qty_remaining', name: 'po_qty_remaining', "searchable": false},
                  { data: 'added_by', name: 'u.first_name' }
              ]
            })

            $('#po_location').change( function(){
                purchase_order_table.ajax.reload();
            });
        @endif

        @if(!empty($common_settings['enable_purchase_requisition']))
          //Purchase table
          purchase_requisition_table = $('#purchase_requisition_table').DataTable({
              processing: true,
              serverSide: true,
              aaSorting: [[1, 'desc']],
              scrollY: "75vh",
              scrollX:        true,
              scrollCollapse: true,
              ajax: {
                  url: '{{action([\App\Http\Controllers\PurchaseRequisitionController::class, 'index'])}}',
                  data: function(d) {
                      d.from_dashboard = true;

                        if ($('#pr_location').length > 0) {
                            d.location_id = $('#pr_location').val();
                        }
                  },
              },
              columns: [
                    { data: 'action', name: 'action', orderable: false, searchable: false },
                    { data: 'transaction_date', name: 'transaction_date' },
                    { data: 'ref_no', name: 'ref_no' },
                    { data: 'location_name', name: 'BS.name' },
                    { data: 'status', name: 'status' },
                    { data: 'delivery_date', name: 'delivery_date' },
                    { data: 'added_by', name: 'u.first_name' },
              ]
            })

            $('#pr_location').change( function(){
                purchase_requisition_table.ajax.reload();
            });

            $(document).on('click', 'a.delete-purchase-requisition', function(e) {
                e.preventDefault();
                swal({
                    title: LANG.sure,
                    icon: 'warning',
                    buttons: true,
                    dangerMode: true,
                }).then(willDelete => {
                    if (willDelete) {
                        var href = $(this).attr('href');
                        $.ajax({
                            method: 'DELETE',
                            url: href,
                            dataType: 'json',
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    purchase_requisition_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            },
                        });
                    }
                });
            });
        @endif

        sell_table = $('#shipments_table').DataTable({
            processing: true,
            serverSide: true,
            aaSorting: [[1, 'desc']],
            scrollY:        "75vh",
            scrollX:        true,
            scrollCollapse: true,
            "ajax": {
                "url": '{{action([\App\Http\Controllers\SellController::class, 'index'])}}',
                "data": function ( d ) {
                    d.only_pending_shipments = true;
                    if ($('#pending_shipments_location').length > 0) {
                        d.location_id = $('#pending_shipments_location').val();
                    }
                }
            },
            columns: [
                { data: 'action', name: 'action', searchable: false, orderable: false},
                { data: 'transaction_date', name: 'transaction_date'  },
                { data: 'invoice_no', name: 'invoice_no'},
                { data: 'conatct_name', name: 'conatct_name'},
                { data: 'mobile', name: 'contacts.mobile'},
                { data: 'business_location', name: 'bl.name'},
                { data: 'shipping_status', name: 'shipping_status'},
                @if(!empty($custom_labels['shipping']['custom_field_1']))
                    { data: 'shipping_custom_field_1', name: 'shipping_custom_field_1'},
                @endif
                @if(!empty($custom_labels['shipping']['custom_field_2']))
                    { data: 'shipping_custom_field_2', name: 'shipping_custom_field_2'},
                @endif
                @if(!empty($custom_labels['shipping']['custom_field_3']))
                    { data: 'shipping_custom_field_3', name: 'shipping_custom_field_3'},
                @endif
                @if(!empty($custom_labels['shipping']['custom_field_4']))
                    { data: 'shipping_custom_field_4', name: 'shipping_custom_field_4'},
                @endif
                @if(!empty($custom_labels['shipping']['custom_field_5']))
                    { data: 'shipping_custom_field_5', name: 'shipping_custom_field_5'},
                @endif
                { data: 'payment_status', name: 'payment_status'},
                { data: 'waiter', name: 'ss.first_name', @if(empty($is_service_staff_enabled)) visible: false @endif }
            ],
            "fnDrawCallback": function (oSettings) {
                __currency_convert_recursively($('#sell_table'));
            },
            createdRow: function( row, data, dataIndex ) {
                $( row ).find('td:eq(4)').attr('class', 'clickable_td');
            }
        });

        $('#pending_shipments_location').change( function(){
            sell_table.ajax.reload();
        });
    });
    </script>
@endsection