<?php $this->load->view('popup'); ?>
<?php
    $is_arabic = isArabic();
?>
<!-- bootstrap datepicker -->
<script src="<?php echo base_url(); ?>assets/bower_components/jquery/dist/jquery.min.js"></script>
<script src="<?php echo base_url(); ?>frequent_changing/js/jquery.spincrement.js"></script>
<script src="<?php echo base_url(); ?>assets/POS/js/jquery.slimscroll.min.js"></script>
<script src="<?php echo base_url(); ?>assets/plugins/local/moment.min.js"></script>
<script src="<?php echo base_url(); ?>assets/plugins/local/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/plugins/local/daterangepicker.css">
<input type="hidden" id="outlet_id_dashboard" value="<?php echo escape_output($this->session->userdata('outlet_id'));?>">
<script src="<?php echo base_url(); ?>assets/bower_components/graph/chart.min.js"></script>
  <div class="main-content-wrapper">
    <form method="POST" action="<?php echo base_url()?>Dashboard/dashboard">
    <div class="row">
      <div class="col-xl-12">
        <section dir="<?php echo escape_output($is_arabic) =='Yes' ? 'rtl' : 'ltr'?>" class="content-header mb-2 dashboardDateRangeWrap">
          <h3 class="d-flex align-items-center top-left-header <?php echo $is_arabic == 'Yes' ? 'ps-2' : 'pe-2' ?>">
            <span><?php echo lang('dashboard'); ?></span>
            <span class="business_int <?php echo $is_arabic == 'Yes' ? 'pe-2' : '' ?>"><?php echo lang('Business_Intelligence');?></span>
          </h3>
          <div class="dashboardDateRange">
            <input autocomplete="off" type="text" id="start_date" name="startDate" readonly class="form-control customDatepicker" placeholder="Start Date" value="2025-06-17">
            <input autocomplete="off" type="text" id="end_date" name="endDate" readonly class="form-control customDatepicker" placeholder="End Date" value="2025-07-17">
            <button type="submit" class="btn new-btn h-40" id="dashboard_search">
              <iconify-icon icon="heroicons-solid:search" width="18"></iconify-icon> Search
            </button>
          </div>
        </section>
      </div>
    </div>
    </form>


    <section class="content">
      <div class="intelligence_card_wrap">
        <div class="intelligence_card">
          <a class="text-dec-none" href="javascript:void(0)">
              <div class="small-box box4column">
                  <div class="inner b-l-primary">
                      <p><?php echo lang('today');?></p>
                      <h3>
                        <?php
                          $date = date('Y-m-d');
                          $formatted_date = date('d, F', strtotime($date));
                          echo $formatted_date;
                        ?>
                      </h3>
                  </div>
                  <div class="icon">
                    <iconify-icon icon="solar:calendar-date-broken"></iconify-icon>
                  </div>
              </div>
          </a>
        </div>
        <div class="intelligence_card">
          <a class="text-dec-none" href="javascript:void(0)">
              <div class="small-box box4column">
                  <div class="inner b-l-primary">
                      <p><?php echo lang('revenue');?></p>
                      <h3 class="card-el first-el set_today_total_1"><?php echo getAmtPCustom(0) ?></h3>
                  </div>
                  <div class="icon">
                    <iconify-icon icon="solar:dollar-broken"></iconify-icon>
                  </div>
              </div>
          </a>
        </div>
        <div class="intelligence_card">
          <a class="text-dec-none" href="javascript:void(0)">
              <div class="small-box box4column">
                  <div class="inner b-l-primary">
                      <p><?php echo lang('net_profit');?></p>
                      <h3 class="card-el first-el set_today_total_2"><?php echo getAmtPCustom(0) ?></h3>
                  </div>
                  <div class="icon">
                    <iconify-icon icon="solar:dollar-minimalistic-broken"></iconify-icon>
                  </div>
              </div>
          </a>
        </div>
        <div class="intelligence_card">
          <a class="text-dec-none" href="javascript:void(0)">
              <div class="small-box box4column">
                  <div class="inner b-l-primary">
                      <p><?php echo lang('transaction');?></p>
                      <h3 class="card-el first-el set_today_total_3"><?php echo getAmtPCustom(0) ?></h3>
                  </div>
                  <div class="icon">
                    <iconify-icon icon="solar:transfer-vertical-broken"></iconify-icon>
                  </div>
              </div>
          </a>
        </div>
        <div class="intelligence_card">
          <a class="text-dec-none" href="javascript:void(0)">
              <div class="small-box box4column">
                  <div class="inner b-l-primary">
                      <p><?php echo lang('customers');?></p>
                      <h3 class="card-el first-el set_today_total_4"><?php echo getAmtPCustom(0) ?></h3>
                  </div>
                  <div class="icon">
                    <iconify-icon icon="solar:users-group-rounded-broken"></iconify-icon>
                  </div>
              </div>
          </a>
        </div>
        <div class="intelligence_card">
          <a class="text-dec-none" href="javascript:void(0)">
              <div class="small-box box4column">
                  <div class="inner b-l-primary">
                      <p><?php echo lang('average_receipt');?></p>
                      <h3 class="card-el first-el set_today_total_5"><?php echo getAmtPCustom(0) ?></h3>
                  </div>
                  <div class="icon">
                    <iconify-icon icon="solar:soundwave-broken"></iconify-icon>
                  </div>
              </div>
          </a>
        </div>
      </div>
    </section>
    



    <div class="row intelligence_bar">
      <div class="col-sm-12 col-md-12 col-lg-12">
        <div class="box box-info">
          <div class="p-3">
            <table>
              <tr>
                <td>
                  <h3 class="sale_report_header dashboard_w_3 revenue_phone"><?php echo lang('Revenue')?></h3>
                </td>
                <td>
                  <table>
                    <tr>
                      <td data-type="day" class="get_date_by_custom_btn custom_td custom_td_active"><?php echo lang('day')?></td>
                      <td data-type="week" class="get_date_by_custom_btn custom_td"><?php echo lang('week')?></td>
                      <td data-type="month" class="get_date_by_custom_btn custom_td"><?php echo lang('month')?></td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </div>
          <div>
            <canvas height="220" id="day_week_month_chart_report"></canvas>
          </div>
        </div>
      </div>
      <div class="intelligence_card_wrap2">
        <div class="intelligence_card2">
          <a class="text-dec-none get_graph_data active" href="javascript:void(0)" data-action_type="revenue" data-text="<?php echo lang('Revenue')?>">
              <div class="small-box box4column">
                  <div class="inner b-l-primary">
                      <p><?php echo lang('revenue');?></p>
                      <h3 class="card-el first-el spincrement set_total_1"><?php echo getAmtPCustom(0) ?></h3>
                  </div>
                  <div class="icon">
                    <iconify-icon icon="solar:dollar-broken"></iconify-icon>
                  </div>
              </div>
          </a>
        </div>
        <div class="intelligence_card2">
          <a class="text-dec-none get_graph_data" href="javascript:void(0)" data-action_type="profit" data-text="<?php echo lang('net_profit')?>">
              <div class="small-box box4column">
                  <div class="inner b-l-primary">
                      <p><?php echo lang('net_profit');?></p>
                      <h3 class="card-el first-el spincrement set_total_2"><?php echo getAmtPCustom(0) ?></h3>
                  </div>
                  <div class="icon">
                    <iconify-icon icon="solar:dollar-minimalistic-broken"></iconify-icon>
                  </div>
              </div>
          </a>
        </div>
        <div class="intelligence_card2">
          <a class="text-dec-none get_graph_data" href="javascript:void(0)" data-action_type="transactions" data-text="<?php echo lang('Transactions')?>">
              <div class="small-box box4column">
                  <div class="inner b-l-primary">
                      <p><?php echo lang('transaction');?></p>
                      <h3 class="card-el first-el spincrement set_total_3"><?php echo getAmtPCustom(0) ?></h3>
                  </div>
                  <div class="icon">
                    <iconify-icon icon="solar:transfer-vertical-broken"></iconify-icon>
                  </div>
              </div>
          </a>
        </div>
        <div class="intelligence_card2">
          <a class="text-dec-none get_graph_data" href="javascript:void(0)" data-action_type="customers" data-text="<?php echo lang('customers')?>">
              <div class="small-box box4column">
                  <div class="inner b-l-primary">
                      <p><?php echo lang('customers');?></p>
                      <h3 class="card-el first-el spincrement set_total_4"><?php echo getAmtPCustom(0) ?></h3>
                  </div>
                  <div class="icon">
                    <iconify-icon icon="solar:users-group-rounded-broken"></iconify-icon>
                  </div>
              </div>
          </a>
        </div>
        <div class="intelligence_card2">
          <a class="text-dec-none get_graph_data" href="javascript:void(0)" data-action_type="average_receipt" data-text="<?php echo lang('avarage_receipt')?>">
              <div class="small-box box4column">
                  <div class="inner b-l-primary">
                      <p><?php echo lang('average_receipt');?></p>
                      <h3 class="card-el first-el spincrement set_total_5"><?php echo getAmtPCustom(0) ?></h3>
                  </div>
                  <div class="icon">
                    <iconify-icon icon="solar:soundwave-broken"></iconify-icon>
                  </div>
              </div>
          </a>
        </div>
      </div>
    </div>

    
    <section class="content operational_comparision">
      <div class="row">
        <div class="col-lg-12">
          <div class="box box-info">
            <div class="box-header">
              <iconify-icon icon="solar:chart-broken" width="22" class="me-2"></iconify-icon>
              <h3 class="box-title"><?php echo lang('operational_comparision'); ?> (<?php echo lang('this_month'); ?>)</h3>
            </div>
            <div class="box-body op_height_280">
                <div class="chart">
                  <div class="chart op_height_250" id="operational_comparision"></div>
                </div>
            </div>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-lg-6">
          <div class="box box-info">
          <div class="box-header">
            <iconify-icon icon="solar:cart-large-broken" width="22" class="me-2"></iconify-icon>
            <h3 class="box-title"><?php echo lang('top_ten_food_this_month'); ?></h3>
          </div>
          <div class="box-body op_height_280">
            <ul class="todo-list">
              <li class="todo-title">
                <div class="op_float_left op_padding_left_5 op_font_weight_b">
                    <span><?php echo lang('sn'); ?></span>
                </div>
                <span class="text op_font_weight_b"><?php echo lang('food_name'); ?></span>
                <div class="op_float_right op_padding_right_5 op_font_weight_b">
                  <span><?php echo lang('count'); ?></span>
                </div>
              </li>
            </ul>
            <ul class="todo-list op_overflow_h top_ten_food_menu">
            <?php
                if ($top_ten_food_menu && !empty($top_ten_food_menu)) {
                foreach ($top_ten_food_menu as $key => $value) {
                  $key++;
                    ?>
                    <li>
                      <div class="op_float_left op_padding_left_5">
                        <span><?= $key ?></span>
                      </div>
                      <?php if($value->type != 0){ ?>
                        <span class="text"><?php echo escape_output($value->menu_name); ?></span>
                        <?php }else{ ?>
                        <span class="text"><?php echo escape_output($value->parent_name . '-(' . $value->menu_name .')'); ?></span>
                        <?php } ?>
                      <div class="op_float_right op_padding_right_5 op_color_green">
                        <span><?= number_format($value->totalQty,2) ?></span>
                      </div>
                    </li>
              <?php } } ?>
              </ul>
          </div>
        </div>
        </div>

        <div class="col-lg-6">
          <div class="box box-info">
            <div class="box-header">
              <iconify-icon icon="solar:users-group-rounded-line-duotone" width="22" class="me-2"></iconify-icon>
                <h3 class="box-title"><?php echo lang('top_ten_customers'); ?></h3>
            </div>
            <div class="box-body op_height_280">
              <ul class="todo-list">
                <li class="todo-title">
                  <div class="op_float_left op_padding_left_5 op_font_weight_b">
                      <span><?php echo lang('sn'); ?></span>
                  </div>
                  <span class="text op_font_weight_b"><?php echo lang('customer_name'); ?></span>
                  <div class="op_float_right op_padding_right_5 op_font_weight_b">
                    <span><?php echo lang('sale_amount'); ?></span>
                  </div>
                </li>
              </ul>
              <ul class="todo-list" id="top_ten_customer">
              <?php
                  if ($top_ten_customer && !empty($top_ten_customer)) {
                  foreach ($top_ten_customer as $key => $value) {
                    $key++;
                      ?>
                      <li>
                        <div class="op_float_left op_padding_left_5">
                          <span><?= $key ?></span>
                        </div>
                        <span class="text"><?php echo escape_output($value->name); ?> <?php echo escape_output($value->customer_phone != '' ? '(' . $value->customer_phone . ')' : ''); ?></span>
                        <div class="op_float_right op_padding_right_5 op_color_green">
                          <span><?php echo getAmtCustom($value->total_payable); ?></span>
                        </div>
                      </li>
                <?php } } ?>
                </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-lg-6">
          <div class="box box-info">
            <div class="box-header">
              <iconify-icon icon="solar:card-recive-broken" width="22" class="me-2"></iconify-icon>
              <h3 class="box-title"><?php echo lang('customer_receiveable'); ?></h3>
            </div>
            <div class="box-body">
                <ul class="todo-list">
                <li class="todo-title">
                  <div class="op_float_left op_padding_left_5 op_font_weight_b">
                      <span><?php echo lang('sn'); ?></span>
                  </div>
                  <span class="text op_font_weight_b"><?php echo lang('customer_name'); ?></span>
                  <div class="op_float_right op_padding_right_5 op_font_weight_b">
                    <span><?php echo lang('due_amount'); ?></span>
                  </div>
                </li>
              </ul>
              <ul class="todo-list op_overflow_h" id="customer_receivable">
              <?php
                  if ($customer_receivable && !empty($customer_receivable)) {
                  foreach ($customer_receivable as $key => $value) {
                      $due_amount_ = getCustomerDue($value->id);
                    $key++;
                    if($due_amount_ != '0.00' && $due_amount_ != ''){
                      ?>
                      <li>
                        <div class="op_float_left op_padding_left_5">
                          <span><?= $key ?></span>
                        </div>
                        <span class="text"><?php echo escape_output($value->name); ?> <?php echo ($value->phone) ? " ( $value->phone ) " : "";?></span>
                        <div class="op_float_right op_padding_right_5 op_color_green">
                          <span><?php echo getAmtCustom($due_amount_) ?></span>
                        </div>
                      </li>
                <?php } }  } ?>
                </ul>
            </div>
          </div>
        </div>

        <div class="col-lg-6">
          <div class="box box-info">
            <div class="box-header">
              <iconify-icon icon="solar:card-send-broken" width="22" class="me-2"></iconify-icon>
              <h3 class="box-title"><?php echo lang('supplier_payable'); ?></h3>
            </div>
            <div class="box-body">
              <ul class="todo-list">
                <li class="todo-title">
                  <div class="op_float_left op_padding_left_5 op_font_weight_b">
                      <span><?php echo lang('sn'); ?></span>
                  </div>
                  <span class="text op_font_weight_b"><?php echo lang('supplier_name'); ?></span>
                  <div class="op_float_right op_padding_right_5 op_font_weight_b">
                    <span><?php echo lang('due_amount'); ?></span>
                  </div>
                </li>
              </ul>
              <ul class="todo-list op_overflow_h" id="supplier_payable">
              <?php
                  if ($supplier_payable && !empty($supplier_payable)) {
                  foreach ($supplier_payable as $key => $value) {
                    $key++;
                    $current_due = $value->opening_balance;
                      ?>
                      <li>
                        <div class="op_float_left op_padding_left_5">
                          <span><?= $key ?></span>
                        </div>
                        <span class="text"><?php echo escape_output($value->name); ?></span>
                        <div class="op_float_right op_padding_right_5 op_color_green">
                          <span><?php echo (getAmtCustom($current_due)) ?></span>
                        </div>
                      </li>
                <?php }  } ?>
                </ul>
            </div>
          </div>
        </div>
      </div>
    
      <div class="row">
        <div class="col-lg-12">
          <div class="box box-info">
          <div class="box-header">
            <iconify-icon icon="solar:pie-chart-2-broken" width="22" class="me-2"></iconify-icon>
            <h3 class="box-title"><?php echo lang('monthly_sales_comparision'); ?></h3>
          </div>
          <div class="box-body">
              <div class="chart">
                <div id="chart_div" class="op_width_100_p op_height_280"></div>
              </div>
          </div>
        </div>
        </div>
      </div>
    </section>
    <input type="hidden" id="purchase_" value="<?php echo escape_output(($purchase_sum->purchase_sum)); ?>">
    <input type="hidden" id="sale_" value="<?php echo escape_output(($sale_sum->sale_sum)); ?>">
    <input type="hidden" id="waste_" value="<?php echo escape_output(($waste_sum->waste_sum)); ?>">
    <input type="hidden" id="expense_" value="<?php echo escape_output(($expense_sum->expense_sum)); ?>">
    <input type="hidden" id="cust_rcv_" value="<?php echo escape_output(($customer_due_receive_sum->customer_due_receive_sum)); ?>">
    <input type="hidden" id="supp_pay_" value="<?php echo escape_output($supplier_due_payment_sum->supplier_due_payment_sum); ?>">
    <?php if (escape_output($this->session->userdata('i_sale')) != 'No') { ?>
    <input type="hidden" id="down_payment_" value="<?php echo escape_output((isset($down_payment) && $down_payment?$down_payment:0)); ?>">
    <input type="hidden" id="installment_paid_amount_" value="<?php echo escape_output((isset($paid_amount) && $paid_amount?$paid_amount:0)); ?>">
    <?php }?>

    <?php if (escape_output($this->session->userdata('i_sale')) == 'No') { ?>
      <input type="hidden" id="service_sale_total_no" value="<?php echo isset($service_sale_total->sale_sum) && $service_sale_total->sale_sum?$service_sale_total->sale_sum:'0';?>">
      <input type="hidden" id="product_sale_total_no" value="<?php echo isset($product_sale_total) && $product_sale_total?$product_sale_total:'0'; ?>">
    <?php }else{?>
      <input type="hidden" id="service_sale_total_" value="<?php echo isset($service_sale_total->sale_sum) && $service_sale_total->sale_sum?$service_sale_total->sale_sum:'0'; ?>">
      <input type="hidden" id="product_sale_total_" value="<?php echo ($product_sale_total + $down_payment + $paid_amount)?($product_sale_total + $down_payment + $paid_amount):'0'; ?>">

    <?php } ?>
  </div>
  

<script src="<?php echo base_url(); ?>frequent_changing/js/dashboard_chart_custom.js"></script>
<!-- ChartJS -->
<script src="<?php echo base_url(); ?>assets/plugins/local/loader.js"></script>
<script src="<?php echo base_url(); ?>assets/bower_components/raphael/raphael.min.js"></script>
<script src="<?php echo base_url(); ?>assets/bower_components/morris.js/morris.min.js"></script>
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/bower_components/morris.js/morris.css">
<script src="<?php echo base_url(); ?>frequent_changing/js/dashboard.js"></script>
<script src="<?php echo base_url(); ?>assets/POS/js/jquery.cookie.js"></script>
<script src="<?php echo base_url(); ?>assets/bower_components/chart.js/Chart.js"></script>
<script>
  // Removed auto-popup on page load
  // $(document).ready(function() {
  //   if (typeof showLoginSuccessPopup === 'function') {
  //     showLoginSuccessPopup();
  //   }
  // });
</script>
<!-- Floating Dev Button -->
<button id="showDevPopupBtn" style="position:fixed;bottom:32px;right:32px;z-index:99999;padding:14px 22px;background:linear-gradient(90deg,#00f1ff 0%,#a5b4fc 100%);color:#fff;font-weight:700;border:none;border-radius:12px;box-shadow:0 4px 18px #00f1ff33;cursor:pointer;transition:background 0.2s,box-shadow 0.2s;">Dev...</button>
<script>
  $(function(){
    $('#showDevPopupBtn').on('click',function(){
      if(typeof window.showDevPopupWithPassword === 'function') {
        window.showDevPopupWithPassword();
      }
    });
  });
</script>
<style>
html, body, .main-content-wrapper {
  overflow-y: auto !important;
  height: auto !important;
}
#dashboard_search {
  display: none !important;
}
</style>
